Поздравляю игроков и сотрудников с днем рождения игры , желаю уверенного движения вперед, слаженной коллективной работы, борьбы с новичками которых водят толпой в инст и которые снимают книги , ну а игрокам быть добрее друг к другу и терпеливее к админскому составу , не забывайте что по ту сторону экрана тоже живой человек . Всем добра
Я не художник, к сожалению, поэтому вот это сделано в древнючей, как помет мамонта, Macromedia Flash 8 (единственная прога с векторами, которой я хорошо владею).
Отдельная ссылка на TikTok:
https://www.tiktok.com/@_john__black_/video/7487146265747213599
Ролик на google диске:
https://drive.google.com/drive/folders/1C_9LN8xwp0kfDq-GJYa95C0MhmqJsHVm
Ролик в спойлере:
За такие работы прям душа болеет, и очень обидно, когда игроки по достоинству оценивают их, а "уважаемые уважаемые разработчики" закрывают глаза, не беря во внимание, что таких костов единицы (либо их вообще нет).
Хама, спасибо за эту работу
Не заслуженное 2 и 3 место в топе победителей. Ничего личного, но по моему обезьянему мнению
как минимум в топ должен был войти "Жёлтозубый Утконёс" от @Питьчай@Питьчай. Очень кретивная работа автора
1. Введение
2. Структура / Порядок элементов
3. Шаблон
4. Условности игрового движка
5. Важные правила, поиск идей
6. Настройка программы, инструменты + горячие клавиши
7. Как рисовать симметрично
8. Тоновой контраст
9. Цветовые схемы
10. Режимы наложения
11. Свето-тень
12. Как масштабировать изображение без искажения пикселей
13. Заключение
1. Введение
Хочу поделится своим пайплайном работы над конкурсными костюмами. Обзор в первую очередь направлен на начинающих рисовальщиков, во вторую на тех, кто хочет попробовать потыкать кнопочки в фотошопе. Цель этой темы повысить интерес к созданию конкурсных работ и поднять их среднее качество.
2. Структура / Порядок элементов
Для начала работы нужен шаблон. Он сэкономит вам много времени и нервов. Шаблон с правильным сопоставлением зон костюма избавит вас от необходимости в вопросах по поводу размеров отдельных элементов.
Давайте разберём костюм на составляющие, поймём в каком порядке они расположены и примем условности игрового движка.
< Слева нижний слой костюма - Справа верхний слой костюма >
3. Шаблон
Специально для упрощения задачи, я создал шаблон с мужским и женским манекеном. Каждая часть тела в шаблоне находится на отдельном слое.
Скачать:
Шаблон мужского манекена
Скачать:
Шаблон женского манекена
Скачать:
Шаблон с условным границами
Для тех, кто привык просто рисовать поверх манекена. Не выходите за серые границы, т.к. они не входят в рамки условий
Ссылка на все шаблоны
4. Условности игрового движка
Согласно условностям движка ноги, руки и плечи рисуются в одном экземпляре, а затем отзеркаливаются. А это значит, что у вас не получится нарисовать разные ноги, руки или плечи.
Из элементов, которые могут быть ассиметричными остаются тело, голова и плащ.
Также стоит учитывать, что боковой ракурс костюма только один, это значит, что вид справа и слева одинаковы.
5. Важные правила и поиск идей
По условиям конкурса нельзя заниматься плагиатом. То есть:
- не копируйте существующие в игре костюмы.
- не копируйте существующих персонажей фильмов, игр и других медиа.
- не копируйте чужие работы из интернета или работы других участников.
Имейте ввиду, что придумать из ничего что-то по-настоящему уникальное крайне сложно. Ищите чёткие идеи, которые будут хорошо считываться в пиксельном виде. Собирайте референсы, подбирайте хорошо работающие элементы, комбинируйте их. В конечном итоге, в процессе поиска рождается что-то по-настоящему интересное.
6. Настройка программы
При подготовке к работе в фотошопе важно убедится, что у вас правильно настроено цветовое пространство. Это нужно для того, чтобы при работе и сохранении конечного изображения цвета были идентичны.
4. Готово, теперь при сохранении файла вы будете видеть те же цвета, что и при работе над костюмом.
Инструменты
В фотошопе есть 2 основных инструмента для рисования, говорить будем про Кисть и Карандаш. Оба инструмента находятся в одной вкладке на левой панели инструментов. Вызываются они горячей клавишей B.
Главное их отличие в том, что карандаш всегда рисует чёткий край. Кисть же наоборот всегда рисует плавный переход между пикселями.
Карандаш мы будем использовать для отрисовки элементов костюма базовым цветом, а кисть для рисования света и тени.
Горячие клавиши
Которыми удобно будет пользоваться в процессе
7. Как рисовать симметрично
Поскольку игровой движок ставит ограничения, необходим простой способ рисовать симметрично.
Чтобы включить симметрию:
1. Берём инструмент Кисть / Карандаш (горячая клавиша B)
2. Сверху на панели параметров ищем иконку симметрии
3. Включаем вертикальную симметрию, и ставим ее на центральную ось
4. Готово, теперь всё, что вы изобразите по одну сторону, продублируется с другой. Отключить симметрию можно в той же вкладке.
8. Тоновой контраст
Самой важной частью любого рисунка является тон. В графических редакторах за этот показатель отвечает яркость пикселя. На начальном этапе рисования не нужно сразу рисовать детали, необходимо разбить костюм на базовые цвета.
Если все элементы вашего костюма будут нарисованы одним тоном или близкими тонами, зрителю будет сложно уловить задумку. Костюм с плохим тоновым контрастом банально будет неинтересно смотреться и сливаться при отдалении.
Тоновой контраст легко можно проверить обесцветив изображение
Чтобы ваш костюм выглядел хорошо старайтесь использовать весь тоновой диапазон от белого к чёрному.
Следите за тем, чтобы то, что вы рисуете, считывалось в маленьком масштабе.
9. Цветовые схемы
Коротко пробежимся по цветам. Рассматривать цветовые сочетания будем по цветовому кругу Иоганнеса Иттена. К каждому сочетанию буду приводить пример костюма с конкурса 25 года.
Самые популярные и простые цветовые комбинации:
1. Комплиментарная схема
В этом случае берутся противоположные цвета, они всегда будут хорошо друг с другом сочетаться.
Пример: Свечаслав @Mixver
2. Аналоговая схема
2-3 рядом стоящих цвета.
Пример: Кристалис @Badshooter
3. Контрастная триада
Похожа на комплементарную схему, но вместо одного из комплиментарных цветов берут два соседних. Подходит, если вы хотите приглушить контраст комплиментарных цветов или просто расширить палитру.
Пример: Рикки Ракушка @Тaнис
4. Классическая триада
Сочетание трёх цветов по углам треугольника.
Пример: Этерия Ноктис @DubstepCat
5. Тетрада
Сочетание четырёх цветов по углам четырёхугольника.
Пример: Жёлтозубый Утконёс @Питьчай
Крутить эти цветовые комбинации можно как угодно, главное не используйте в работе больше 3-4 цветов. Иначе возникнет риск запутаться и сделать непонятную кашу.
Если вас интересует цветовая теория, могу посоветовать книгу Иоганнеса Иттена «Искусство Цвета». Ссылка на электронную версию книги: https://colorscheme.ru/art-of-color/abstract.html
10. Режимы наложения
После того, как вы определились с идеей и разбили костюм на тоновые зоны, нужно нарисовать свет и тень. Рисовать мы их будем, не подбирая каждый пиксель вручную, а используя режимы наложения.
Механика их работы проста:
1. У нас есть слой с базовым цветом
2. Над ним создаём слой с заливкой 50% серого (код цвета #808080)
3. Создаём обтравочную маску, чтобы верхний слой не выходил за границы нижнего. Обтравочная маска выглядит как небольшая стрелочка слева от иконки слоя.
Чтобы создать её, удерживая клавишу Alt, поместите курсор на линию между слоями, затем щелкните по ней ЛКМ.
4. Осветляем и затемняем серый слой где нужно.
Для этого берём мягкую кисть, меняем нажатие на 5%.
Белым цветом рисуем там где хотим осветлить, чёрным там где хотим затемнить.
5. Меняем режим наложения серого слоя на тот, что лучше подходит в вашем случае.
Рассмотрим разные режимы наложения:
Расписывать взаимодействия и механики режимов я не буду, т.к. это может быть сложным для понимания. Советую менять их, и смотреть, что лучше подходит конкретно в вашем случае.
Если тема с режимами наложения вам интересна, можете изучить вопрос по этой ссылке: https://awdee.ru/blending-modes/
11. Свето-тень
После того как вы разложили костюм на простые тоновые зоны, ваш костюм будет разбит на слои с плоскими цветами.
Чтобы костюм приобрел конечный вид, применим методику режимов наложения из пердыдущего пункта.
12. Масштабирование изображения
Итак, вы прошли все шаги и получили конечный результат в исходном размере 1 к 1.
Если вы загрузите такую картинку на форум, вряд ли на ней можно будет что-то разглядеть.
Чтобы увеличить масштаб изображения:
1. Заходим во вкладку Изображение > Размер изображения (Либо жмём Alt+Ctrl+I)
2. Обратите внимание на то, что цепочка слева должна быть включена для пропорционального изменения размера.
3. Умножаем ширину или высоту на необходимый вам множитель (*2, *3 и т.д.). Поскольку цепочка включена, второй показатель умножится пропорционально.
4. Перед тем как нажать окей, очень важно поменять режим масштабирования на «По соседним пикселям (чёткие края)»
В противном случае при увеличении картинки вы столкнётесь со сглаживанием пикселей
5. Готово, теперь картинка имеет необходимый вам масштаб. Вы можете помещать её куда угодно и экспортировать в необходимом формате.
13. Заключение
Рисование намного комплекснее того, что я описал в этой теме. Невозможно описать все принципы в краткой форме и быстро их усвоить. Я лишь поделился наблюдениями и советами, которыми пользуюсь сам. Надеюсь эта информация вам помогла и у вас осталось меньше вопросов. Желаю успехов в создании творческих работ.
Надеялся попасть хотя бы в костюмы с наградой в 5000 чудо-монет, но видимо не судьба. С тройкой победителей не согласен, на мой взгляд есть более проработанные и оригинальные костюмы. Ну и, конечно, Желтозубый Утконёс в сердечке)
Узнаю. Планов на конкурс оболочек у нас не было, но сообщество проявляет живой интерес к теме. Посмотрим, насколько это было бы востребовано среди художников
(художники, лайкайте этот пост, если вы хотите такой конкурс!)
The competition was fierce, the creativity was astounding, and our judges spent countless hours debating the best designs. Finally, the results are in! We're excited to announce the winners of the Best Costume 2025 contest!
Beyond the top three winners, we would like to honor a few exceptional artists whose work stood out. Each of these creators will receive 5,000 Miracle Coins as a token of appreciation:
Trick's Roll @Classist
Axer @lorayon
Cliff @Oropher
Ferrum @Friend
We also want to highlight a select few creators who set the standard for the entire contest with their incredible submissions. In recognition of their efforts, they will each receive 10,000 Miracle Coins:
Mago Imperial @Elfadaluz
Signum @Sigma
Beelzebufo @Toad Sage
Devorador de Inocentes @Liam Menezes
Mariposa Luna @oiguigui
Two entries that delighted both the judges and the community will be awarded 20,000 Miracle Coins!
Garoto @Ricardo Neto
Prince of Infinite Darkness @SoRcaRtoA
And now, the top three winners!
Third Place:
Lumina @Zurp
Second Place:
Sabbat @dvd255
First Place:
Líder Martes @mty
Prizes:
First Place: 30,000 Miracle Coins + costume added to the game in the next update (awarded to the winner) + unique Gold Forum Badge.
Second Place: 25,000 Miracle Coins + costume added in a future update (awarded to the winner) + unique Silver Forum Badge.
Third Place: 20,000 Miracle Coins + costume added in a future update (awarded to the winner) + unique Bronze Forum Badge.
As a special thank you, all other participants whose entries met the contest criteria will receive a commemorative prize – Dazzling Carnival Cache x20!
Thank you for joining in! See you in the upcoming contests!
The Warspear Online Team