1 час назад, Shred сказал:

Спасибо, взаимно! Ну что, ты рад? Несколько лет ты рисовал чисто женские костюмы, и наконец один из них добавят в игру, имбище

Да это очень здорово, теперь можно не только женские рисовать

35 минут назад, Mixver сказал:

Поздравляю, заслуженно

Поздравляю победителей и призёров, в этом году много достойных работ!

Видно большая работа проделана, аж 2 года кост редактировался понемногу. Очень сильная твоя работа. Эта тема точно заслуживает больше реакций

Молодец, хорошо получилось

Очень милый ёжик

Отличный безголовый костюм, довольно редкое явление)

Хорошая работа!

 

Спойлер

 

Масштаб х3

 

Масштаб х1

 

 

 

Спойлер

 

 

Невероятный объем работы проделан, супер круто

Красота 

12 минут назад, Уксус сказал:

осталось только рисовать научится)

Да это уже отдельная история)

3 минуты назад, гризли-ветеран сказал:

просто не понимаю выбора админов от слова совсем

 

Кто-то согласен с мнением судей, кто-то нет. У всех разное мнение. 

1 минуту назад, гризли-ветеран сказал:

Мне кажется лучший способ вовлечь больше людей для участия - убедить админов изменить систему оценки, чтобы победителей не они выбирали. Хз каким образом, лучше всего прям в самой игре чтобы можно было отдать свой голос за кост(т.к. на форум вообще мало кто заходит и тем более  регается). Просто учитывая результаты конкурса без понятия как можно столько труда и сил вкладывать в работу над костюмом, а потом видеть очередную зверушку в костюме в победителях(ничего против авторов этих костюмов не имею, но как по мне во всех конкурсах были куда более достойные костюмы чем все эти уточки/свиньи/хомяки. ИМХО, возможно я и неправ и это реально топ)

А за гайд респект конечно

 

Такая система оценивания более несправедлива и проблемна. Так как при таких условиях будут побеждать игроки, у которых больше знакомых в игре. Ребята которые в соло играют или не играют вовсе, не будут иметь шанса на победу. Никто также не отменял накрутку голосов. 

 

А интерес вырасти хоть чуть чуть может за счет доступности нужной информации. Существует шанс, что кто-нибудь увидит гайд и освоит новую информацию, которой ему не хватало для полной уверенности. 

12 минут назад, Crypt сказал:

Надо было оставить на конкурс гайдов, было бы круто увидеть в топе

 

Меня интересуют в первую очередь не медальки и награды. А вовлеченность и качество работ на конкурс костюмов. Я думаю никто из нас не хочет, чтобы конкурс загнулся

Оглавление:

 

1. Введение

2. Структура / Порядок элементов

3. Шаблон

4. Условности игрового движка
5. Важные правила, поиск идей

6. Настройка программы, инструменты + горячие клавиши

7. Как рисовать симметрично

8. Тоновой контраст
9. Цветовые схемы
10. Режимы наложения

11. Свето-тень

12. Как масштабировать изображение без искажения пикселей

13. Заключение

 

Спойлер

Используемая программа    Adobe Photoshop

Рекомендуется использовать графический планшет

 

1. Введение

 

Хочу поделится своим пайплайном работы над конкурсными костюмами. Обзор в первую очередь направлен на начинающих рисовальщиков, во вторую на тех, кто хочет попробовать потыкать кнопочки в фотошопе. Цель этой темы повысить интерес к созданию конкурсных работ и поднять их среднее качество.

 

2. Структура / Порядок элементов

 

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

 

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

 

< Слева нижний слой костюма - Справа верхний слой костюма >

 

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

 

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

 

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

 

 

 

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

 

Скачать:

Шаблон мужского манекена

 

Скачать:

Шаблон женского манекена

 

Скачать:

Шаблон с условным границами

Для тех, кто привык просто рисовать поверх манекена. Не выходите за серые границы, т.к. они не входят в рамки условий

 

Ссылка на все шаблоны

 

4. Условности игрового движка

 

Согласно условностям движка ноги, руки и плечи рисуются в одном экземпляре, а затем отзеркаливаются. А это значит, что у вас не получится нарисовать разные ноги, руки или плечи.

 

 

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

 

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

 

 

5. Важные правила и поиск идей

 

По условиям конкурса нельзя заниматься плагиатом. То есть:

- не копируйте существующие в игре костюмы.

- не копируйте существующих персонажей фильмов, игр и других медиа.

- не копируйте чужие работы из интернета или работы других участников.

 

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

 

6. Настройка программы

 

При подготовке к работе в фотошопе важно убедится, что у вас правильно настроено цветовое пространство. Это нужно для того, чтобы при работе и сохранении конечного изображения цвета были идентичны.

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

 

 

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

 

 

 

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

 

 

 

4. Готово, теперь при сохранении файла вы будете видеть те же цвета, что и при работе над костюмом.

 

Инструменты

 

В фотошопе есть 2 основных инструмента для рисования, говорить будем про Кисть и Карандаш. Оба инструмента находятся в одной вкладке на левой панели инструментов. Вызываются они горячей клавишей B.

 

 

Главное их отличие в том, что карандаш всегда рисует чёткий край. Кисть же наоборот всегда рисует плавный переход между пикселями.

 

 

Карандаш мы будем использовать для отрисовки элементов костюма базовым цветом, а кисть для рисования света и тени.

 

Горячие клавиши

Которыми удобно будет пользоваться в процессе

 

Спойлер

Ctrl+H - убирает отображение пиксельной сетки и направляющих.

B - кисть, карандаш.

X - смена основного и второстепенного цвета.

M - прямоугольное выделение. Его удобно использовать в связке с клавишей Delete, чтобы удалять ненужные вам пиксели.
Ctrl+D - снятие выделения.

E - ластик. Он также как и кисть стирает область плавным переходом пикселей.

Alt+Del - Заливка основным цветом
Ctrl+Del - Заливка второстепенным цветом

 

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. Заключение

 

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

 

 

 

21 минуту назад, Shimarin сказал:

Впору задуматься о дополнительной номинации для женских костюмов..

Давно пора. Ни разу женский костюм не побеждал. С 23 года рисую только их чисто ради принципа

9 часов назад, Netrandoma сказал:

Расскажи где рисуешь

Рисую в фотошопе. 

Как тебе уже сверху ответили, не всегда стоит вручную попиксельно подбирать цвета. Иногда достаточно слоя с базовым цветом и наложенного на него слоя с режимом наложения. В этом случае Vivid Light (Яркий свет).

Отличные цветовые сочетания. Гаес по моему мнению лучший вариант

10 часов назад, Tyler Durden сказал:

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

Спасибо)

Сестра моя рисует. Хорошая первая работа получилась!

Хорошая работа, сдержанная палитра. Мне нравится

2 часа назад, DariusDeGer сказал:

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

 

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

Кароче, удачи автору в конкурсе) 

Приятно слышать!

5 часов назад, Netrandoma сказал:

круто тему дооформил,красавчик

Спасибо, рад стараться 

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