84

Продолжение темы с настолкой по cynicmansion.

В общем, я и @Ingwar уже наделали за 70 концептов карт, я сделал игровое поле и самое важное на данный момент - я сделал шаблон для создания карт в человеческом png формате.


По очевидным причинам сами мы это сделать не сможем, ибо заебёмся насмерть и хана всему проекту. Так что сейчас я выкладываю туториал по созданию карт для настолки по цинику. Уже завтра начнётся активное (надеюсь) тестирование игры, и каждая карта переведённая в пнг формат значительно упростит тестирование.

Тестировать мы пока планируем только вдвоём, но я абсолютно не против увеличения добровольной рабочей силы. Всё что необходимо тестировщику это лицензия Тейблтоп симулятора, ибо я (да и не один я) ебал с пиратами соединятся поскольку гемор, плюс у меня ещё нет ачивки на полную комнату. Дискорд, организованность не помешает, ссылка в комментариях. И, скорее всего, сила земли.


А теперь к тутору:


Вы заглядывайте на основную (пока-что, по крайней мере) страничку проекта и смотрите какие карты нуждаются в переводе в пнг формат/редактировании/переделке, ибо та версия которая уже есть откровенно плохо сделана. Страничка: https://docs.google.com/document/d/1SYdJMUaGL0oH6-GQWhypuw28...


Для дальнейших действий понадобится GIMP 2 (лучший софт для работы над изображениями), абсолютно бесплатная программа, которую можно скачать по этой ссылке: https://download.gimp.org/mirror/pub/gimp/v2.8/windows/gimp-...


Скачиваете и открываете этот файл: https://drive.google.com/open?id=0ByhWNdfriHT4a0RXdXgxQ1RsZ0...


Дальше будет работа в гимпе. Сразу предупреждаю, я стараюсь сделать туториал максимально доступным, так что он может показаться слишком разжёвывающим или ещё что. Я предупредил.


Открыв файл вы должны увидеть приблизительно это:

Из важных инструментов:

(1) - Прямоугольное выделение. Практически всегда это то выделение которое надо использовать. С шифтом чтоб делать квадраты, с контролом чтоб первый клик был центром выделения. Шифт с выделением добавляет к уже выделенному, контрл - отнимает. Один клик вне выделения чтоб его снять.

(2) - Выделение похожих цветов (палка). Заливка, только с выделением. Полезно когда необходимо например избавиться от группы цвета полностью, а не просто перекрасить её. В контексте этого урока спокойно можно ставить порог на ноль и необходимо убрать выделение прозрачных областей и сглаживание в параметрах инструмента (окно что у меня на скриншоте находится справа).

(3) - Масштабирование. В контексте этого урока необходимо выключить интерполяцию.

(4) - Отзеркаливание. Контрл чтоб зеркалить вертикально.

(5) - Заливка. Настроить идентично с палкой. У заливки нет сглаживания.

(6) - Карандаш. Единственный рисовательный инструмент необходимый в контексте этого урока.

(7) - Стирачка. Включить жёсткие края.

Ещё из полезных моментов: Контрл плюс колесо это самый удобный способ зумить, шифт колесо мотает по сторонам и 1-5 это быстрый масштаб, где 1 - 100% 2 - 200% 3 - 400% и тд.

Те кто привыкли к фотошопу или просто находят это более удобным могут включить однооконный режим в меню Окна.


Дальше начинается работа непосредственно над картой.


Сначала надо выбрать карту которую будем создавать. Заходим на страницу проекта и выбираем карту. Я выберу Дьявола. Поскольку гугл документы ущербны, оттуда нереально скопировать картинку (по крайней мере для меня) Поэтому просто делаем скриншот. Это проканает с картинками чей размер не трогали, они должны быть в полном, хорошем разрешении. Если картинка не в фокусе и скриншот не вариант, просто вырезаем напрямую из комикса.


В гимпе переключаемся на второй сверху слой, слой картинки. Переключение между слоями вверх-вниз - пейджап, пейдждаун. Вставляем туда скриншот. Палкой и прямоугольным выделением выделяем лишние пиксели. Можно заметить что пиксели вылазят за углы карты, не забываем их тоже тереть.

Лишнее удяляем. Вырезаем и сразу вставляем картинку чтоб дальше ей можно было манипулировать. Дальше увеличиваем картинку с помощью Масштабирования в несколько раз (РОВНО!!!) чтоб она была максимально большой и помещалась в рамку при таких условиях. При процессе масштабирования нажмите на иконку цепи чтоб сохранить пропорции. Дьявола я увеличил ровно в три раза. Потом центруем картинку. Простейший способ отцентровать картинку: сначала выделяем картинку, вырезаем её, снимаем оставшееся выделение, отзумливаем очень сильно, так чтобы изображение застыло неподвижно в центре, вставляем. Зумим обратно и смотрим что вышло.

Теперь текст.

Я совсем забыл упомянуть инструмент текста. Ну в общем, шрифт - Times New Roman, Bold размер - 16, остальное должно само работать. Чтоб начать редактировать текст, просто кликните инструментом по существующим строчкам. Обратно к действиям.

Смотрим какие эффекты есть у карты. У дьявола нету только секрета, так что будет весело. Выделяем весь текст эффекта кроме первой буквы. Пример: Во "Вход"е выделяем "ход". Заменяем на название эффекта у Дьявола, вытираем первую букву. Уже без заморочек заменяем "текст." на текст эффекта. Повторяем для всех эффектов.

Прописываем название карты и либо вытираем " - Класс" если класса нет, либо прописываем его если он есть.

Вуаля.

А теперь последний штрих. Его нужно делать с помощью инструмента градиента, о котором я тоже успешно забыл. Он находится прямо справа от заливки. В общем. Нужно выставить цвет соответствующий классу на передний план (1) и чёрный на фон (2). Пока что есть только три уникальных цвета: a45000(164, 80, 0) для Библейских персонажей, 008fff(0, 143, 255) для Супергероев и идеально белый для Событий. Для всего остального используется цвет 666666(102, 102, 102).

Дальше нужно перейти на самый верхний слой и палкой выделить чёрный фон/ободок/хуйпоймичто карты и применить инструмент градиента настроенный именно так как на следующей картинке. Он применяется нажатием и оттягиванием.

Красота. Меню Файл, Экспортировать как... или Shift+Ctrl+E. Экспортируем персонажей как "Карта X.png", а события как "карта X.png" где икс это номер карты на странице проекта. В случае Дьявола это 26. Настройки экспорта по умолчанию вполне рабочие, так-что просто нажимаем Экспорт. Готово, теперь есть эта карта в пнг форме.

Результат забрасываем сюда: https://drive.google.com/drive/folders/0ByhWNdfriHT4eU9rRlZW...

И дублируем на странице проекта, чтоб всем было видно какая карта уже обработана. Может даже пишите заранее над какой картой вы работаете чтоб другие не начали тоже над ней работать и чтоб никто не тратил время впустую.


Чтоб начать работать над новой, просто закрываем гимп не сохраняя и снова открываем лицо.xcf . Ну а в принципе, совсем на всякий случай, можно и гимп файлы сохранять, для лёгкого редактирования в будущем, если оно понадобится.


Я думаю на этом всё. Если будут проблемы с любым элементом моей системы, отписывайтесь.

Cynic Mansion

1.7K поста20.7K подписчиков

Правила сообщества

НОВОЕ ВНИМАНИЕ! По еще более многочисленным просьбам, при добавлении поста в сообщество готовьтесь к гневу публики, если в комментариях не будет бонуса.

ВНИМАНИЕ! По многочисленным просьбам при добавлении фанарты/комикса с косарями обязательно ставьте в теги "Косари"

3
Автор поста оценил этот комментарий

Бонус:


Альтернативный дизайн

Иллюстрация к комментарию
показать ответы
2
Автор поста оценил этот комментарий

Дискорд: https://discord gg/6MRqvUu


Кстати, кто знает что пикабу имеет против дискорда?

1
Автор поста оценил этот комментарий

https://www.dropbox.com/sh/xilncfh2qtdsoic/AABaSAx2szU_hyJJo... - dropbox со всеми(на данный момент) изображениями

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Так, я всё-же извинюсь. Тот кто мне сообщил об этой проблеме просто жопорук похоже. Я сейчас проверил и у меня не было описанных проблем.

1
Автор поста оценил этот комментарий

https://www.dropbox.com/sh/xilncfh2qtdsoic/AABaSAx2szU_hyJJo... - dropbox со всеми(на данный момент) изображениями

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Вот, кстати спасибо. Самому ничего не придётся делать.

1
Автор поста оценил этот комментарий

Вы, если доделаете, сделайте версию для tabletop симулятора

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Да, однозначно.

1
Автор поста оценил этот комментарий

И ещё вот. Не думаю что оно в пост нормально войдёт, так что оставлю тут.

Дальше увеличиваем картинку с помощью Масштабирования в несколько раз (РОВНО!!!) чтоб она была максимально большой и помещалась в рамку при таких условиях.

Вкратце, насчёт помещалась в рамку, это не абсолютное правило. Там, у того-же моего дракона его верхний гребешок вылезет если его в два раза увеличить и это вовсе не страшно. Короче, подходите к этому моменту с умом и сами решайте есть ли смысл не увеличивать из-за пары вылазящих пикселей. И ещё вот сравнение оригинила с готовой картой. Обрезал немного сверху и по бокам, вовсе не страшно.

Иллюстрация к комментарию
Иллюстрация к комментарию
0
Автор поста оценил этот комментарий

А чем помочь?

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Ну так зайти в дискорд, организоваться с другими и сыграть в тейблтопе в существующий вариант игры, побалансить её.

1
Автор поста оценил этот комментарий

Вы, если доделаете, сделайте версию для tabletop симулятора

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Этого, ты присоединяйся к тестированию давай. Раз на тейблтоп просишь, то он точно есть. А тестирование как-то не началось ещё.

показать ответы
1
Автор поста оценил этот комментарий

https://www.dropbox.com/sh/xilncfh2qtdsoic/AABaSAx2szU_hyJJo... - dropbox со всеми(на данный момент) изображениями

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

НЕТ! IT'S A TRAP!!!! Дробокс сжал картинки! Там все десять ебучих шакалов! Бегите глупцы!

0
Автор поста оценил этот комментарий

22-го, 23-го, если важных дел не всплывёт.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Жопа. Тогда точно надо будет других искать. И если будешь реально отсутствовать, то лучше сразу дай мне возможность утверждать текст в документе, чтоб не накопилась огромная гора предложений. Да и даже если не пропадаешь насовсем, дай.

показать ответы
0
Автор поста оценил этот комментарий
Может слово закатывается заменить на взбирается? У слова закатывается немного иной смысл.
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Уже так устоялось, и мне и Ингвару нравится. Плюс само "катание" как-то ближе ко всей этой циниковой теме.

0
Автор поста оценил этот комментарий
И дракона лучше поменять на циниковского. А этого в DLC "месть QoloQ" добавите
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Не, у циника он всегда с края выглядывает. Не смотрится.

показать ответы
1
Автор поста оценил этот комментарий
всё, поняла, не до конца читала инструкцию :D
Иллюстрация к комментарию
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Ага, с инструкциями внимательно.

1
Автор поста оценил этот комментарий

Кстати, на заметку, чтобы достать картинку из гуглдока, это надо его скачать(Файл -> Скачать как -> Веб-страница (HTML, ZIP-архив)) и там в архиве будут все картинки.

P.S. Сегодня-завтра я работаю, так что потестить смогу тока до 16:00 по МСК, если что.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Ну круто, проспал время тестирования. Когда ближайшее время когда снова сможешь?

показать ответы
0
DELETED
Автор поста оценил этот комментарий
Для дальнейших действий понадобится GIMP 2 (лучший софт для работы над изображениями),

А как же православный Paint XP?

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Пеинт даже не может масштабировать адекватно. Даже сильно заморочившись хуй в пеинте нормально поработаешь над изображением.

показать ответы