Продолжение темы с настолкой по 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...


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


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

Продолжение темы с настолкой по cynicmansion. CynicMansion, Настолка по цинику, Настольные игры, GIMP, Туториал, Урок, Paint, Gamedev, Длиннопост

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

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

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

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

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

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

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

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

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

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


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


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


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

Продолжение темы с настолкой по cynicmansion. CynicMansion, Настолка по цинику, Настольные игры, GIMP, Туториал, Урок, Paint, Gamedev, Длиннопост

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

Продолжение темы с настолкой по cynicmansion. CynicMansion, Настолка по цинику, Настольные игры, GIMP, Туториал, Урок, Paint, Gamedev, Длиннопост

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

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

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

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

Вуаля.

Продолжение темы с настолкой по cynicmansion. CynicMansion, Настолка по цинику, Настольные игры, GIMP, Туториал, Урок, Paint, Gamedev, Длиннопост

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

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

Продолжение темы с настолкой по cynicmansion. CynicMansion, Настолка по цинику, Настольные игры, GIMP, Туториал, Урок, Paint, Gamedev, Длиннопост

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

Продолжение темы с настолкой по cynicmansion. CynicMansion, Настолка по цинику, Настольные игры, GIMP, Туториал, Урок, Paint, Gamedev, Длиннопост

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

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


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


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

Cynic Mansion

1.7K постов19.9K подписчиков

Добавить пост

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

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

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

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

Бонус:


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

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

Дискорд: 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
Автор поста оценил этот комментарий

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

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

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

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

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

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

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

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

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

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

А чем помочь?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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