Aрxumekmoр

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

Оглавление:
 
1. Введение
2. Структура / Порядок элементов
3. Шаблон
4. Условности игрового движка
5. Важные правила, поиск идей
6. Настройка программы, инструменты + горячие клавиши
7. Как рисовать симметрично
8. Тоновой контраст
9. Цветовые схемы
10. Режимы наложения
11. Свето-тень
12. Как масштабировать изображение без искажения пикселей
13. Заключение
 
 
1. Введение
 
Хочу поделится своим пайплайном работы над конкурсными костюмами. Обзор в первую очередь направлен на начинающих рисовальщиков, во вторую на тех, кто хочет попробовать потыкать кнопочки в фотошопе. Цель этой темы повысить интерес к созданию конкурсных работ и поднять их среднее качество.
 
2. Структура / Порядок элементов
 
Для начала работы нужен шаблон. Он сэкономит вам много времени и нервов. Шаблон с правильным сопоставлением зон костюма избавит вас от необходимости в вопросах по поводу размеров отдельных элементов.
 
Давайте разберём костюм на составляющие, поймём в каком порядке они расположены и примем условности игрового движка.
 
< Слева нижний слой костюма - Справа верхний слой костюма >
 
Передний ракурс:
Плащ, ноги, руки, тело, голова, плечи.
 


Задний ракурс:
Ноги, руки, тело, плечи, голова, плащ
 


Боковой ракурс:
Задняя рука, задняя нога, передняя нога, тело, плащ, голова, передняя рука, плечо
 

 
 
3. Шаблон
Специально для упрощения задачи, я создал шаблон с мужским и женским манекеном. Каждая часть тела в шаблоне находится на отдельном слое.
 

Скачать:
Шаблон мужского манекена
 

Скачать:
Шаблон женского манекена
 

Скачать:
Шаблон с условным границами
Для тех, кто привык просто рисовать поверх манекена. Не выходите за серые границы, т.к. они не входят в рамки условий
 
Ссылка на все шаблоны
 
4. Условности игрового движка
 
Согласно условностям движка ноги, руки и плечи рисуются в одном экземпляре, а затем отзеркаливаются. А это значит, что у вас не получится нарисовать разные ноги, руки или плечи.
 

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

 
5. Важные правила и поиск идей
 
По условиям конкурса нельзя заниматься плагиатом. То есть:
- не копируйте существующие в игре костюмы.
- не копируйте существующих персонажей фильмов, игр и других медиа.
- не копируйте чужие работы из интернета или работы других участников.
 
Имейте ввиду, что придумать из ничего что-то по-настоящему уникальное крайне сложно. Ищите чёткие идеи, которые будут хорошо считываться в пиксельном виде. Собирайте референсы, подбирайте хорошо работающие элементы, комбинируйте их. В конечном итоге, в процессе поиска рождается что-то по-настоящему интересное.
 
6. Настройка программы
 
При подготовке к работе в фотошопе важно убедится, что у вас правильно настроено цветовое пространство. Это нужно для того, чтобы при работе и сохранении конечного изображения цвета были идентичны.

1. Заходим во вкладку Редактирование > Настройка цветов (Либо жмём Shift+Ctrl+K)
 

 


2. Ищем раздел Рабочие пространства > RGB
 

 
 
3. Ставим sRGB IEC61966-2.1
 

 
 
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. Заключение
 
Рисование намного комплекснее того, что я описал в этой теме. Невозможно описать все принципы в краткой форме и быстро их усвоить. Я лишь поделился наблюдениями и советами, которыми пользуюсь сам. Надеюсь эта информация вам помогла и у вас осталось меньше вопросов. Желаю успехов в создании творческих работ.
 
 
 

недавно типу показываю вот такой кост,и спрашиваю стал бы ходить в таком,на что он  отвечает,нет ,и присылает вот это:
 
Вот это:


.....

Так сильно накомпостили под темой, что админу пришлось оправдываться во даете бравые
 

Я думал этот кост 2 место получит, жаль(

 
А первое место заслуживает эта работа я считаю. 

Как костюмы в игру будут добавлены топ-3 

Но не исключено появление других достойных работ в игре в иных ролях  
 

Удивительно как всё сообщество почти единодушно считает что победы заслуживали другие косты)
 
Впервые такое вижу. Всегда есть недовольные, но чтобы прям все не поняли решения админов - такое впервые на моей памяти😅
 
Амор явно заслужил победу с огромным отрывом.
 

Очень странный выбор тройки призёров, вы точно не перепутали порядок костов? 

как же качественно проработана тройка лидеров, никакие "Амор" и "Гаргантюа" и близко к ним не стоят, особенно хочу выделить Хомяка, лучше костюма я в игре до сих пор не видел, Браво энтузиастам и художникам, я аплодирую стоя

О ГОСПОДИ СПАСИБО БОЛЬШОЕ АЙГРИНДЫ ПРОСТИТЕ МЕНЯ ЗА ТО ЧТО Я ГОВОРИЛ В ЧАТЕ ПЛОХОЕ ПРО ВАС Я ОЧЕНЬ ВАС ЛЮБЛЮ СПАСИБО БОЛЬШОЕ КАААААК????????КАК Я ПРОШЕЛ?????

Что за хамстер комбат на 2 месте

Друзья! 

Десятки замечательных работ и многие часы неутихающих споров между членами жюри! Наконец, победители были выбраны, и мы готовы объявить результаты ежегодного конкурса "Лучший костюм - 2025"!
 
Помимо трех призовых мест было решено вручить дополнительные призы авторам невероятных работ, которые обратили на себя внимание. Они получают по 5000 Чудо-монет:
 
Царица Отчужденных @Уксус

 
Лазарь @Shiro Ru-Topaz

 
Созвездие @Sophia

 
Зануда Мистрейнж @Eleniel

 
Мурчик @loverel

 
А также хотим наградить работы авторов, которые, несомненно, задавали тон всему конкурсу. Им будет отправлено по 10000 Чудо-монет:
 
Нерея @kosichka bababab
 
 
Гаргантюа @Alduin

 
Жёлтозубый Утконёс @Питьчай

 
Рикки Ракушка @Тaнис

 
Амор @Aikko

 

Две работы, которые покорили сердца судей и сообщества, получают 20000 Чудо-монет от нашего жюри:
 
Этерия Ноктис @DubstepCat

 
Свечаслав @Mixver


 
Ну и, конечно же, тройка победителей!
 
3 место:
Ноктус @Netrandoma


2 место: 
Сержант Хо́микус @Tyler Durden

 
1 место:
Кристалис @Badshooter

 
 
Описание призов:
 
1 место: 30 000 Чудо-Монет + добавление костюма в игру и вручение его победителю в ближайшем обновлении + уникальный золотой значок на форуме.
2 место: 25 000 Чудо-Монет + добавление костюма в игру и вручение его победителю в одном из ближайших обновлений + уникальный серебряный значок на форуме.
3 место: 20 000 Чудо-Монет + добавление костюма в игру и вручение его победителю в одном из ближайших обновлений + уникальный бронзовый значок на форуме.

В знак благодарности остальные участники, чьи работы соответствовали условиям участия, получат поощрительный приз – 20 Тайников Ослепительного Карнавала!
 
Благодарим за участие и до встречи в новых конкурсах! 
Команда Warspear Online

Норм у него шпильки

Спасибо, приятно 

Норм у него шпильки

Всё таки нашел костюм, плащ которого по ощущениям касался всех границ одновременно, подставил шаблон и закрасил
 
Есть эксперты, правильно всё сделал?
 
 

Оборванец Билли
 
Дисклеймер: Повествование может как и немного, так и полностью перечить чему либо с игры. Содержит чут чут жестокости и чут чут крови. Приятного чтения
 
    Часть 1.
 
 
Часть 2
 
UPD: Сюжет только на половину завершен, а может быть и меньше.
Я не смог уложиться в сроки  с доработками костюма, доделкой костюма, оформлением работы из-за загруженности в ирле. Надо было браться только за костюм, ибо это основа оценивания, но меня расперло вдохновение и я решил набабахать тонну текста, большая часть которого даже не войдет в оценку жюри. Костюм может и не плохой для первого раза, но можно было бы и лучше. Удачи всем.
С любовью, ваш летающий пингвинчик (⁠｡⁠･⁠ω⁠･⁠｡⁠)⁠ﾉ⁠♡

Только не забудьте их потом в наши родные 2на3 пикселя сжать

Гаргантюа

 
Описание
Древний воин или демон, облачённый в массивные доспехи напоминающие крылатого дракона, оставляющий за собой только пепел и руины. Его броня, создана из редкого металла и насыщена магической энергией. 
 
 

Это самое…
 

Мурчик - самые быстрые лапы в песках Альмахада.
Утащит все книги из ваших сундуков (именно поэтому вам не дропает).
Уворачиваясь от злобных охотников за книгами он поймал своей счастливой шляпой не одну пулю!   
 

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

 
 
Мурчик вне своих воровских делишек

(Изначальная версия без образа)

 
 

Вы уже третий подражатель, третья версия Человека-паука 

Это самое…
 

He is funny) It will be interesting, if he appears in the game.

Неплохой костюм, думаю, какой-то наградой да отметят.
Я бы хотел больше, чтобы ввели оболочки эти