Инженер

Гулял я по форуму несколько месяцев назад и наткнулся на интересную работу одного человека. С его позволения я изобразил его классную задумку немного в своём стиле
(P.s. Яйцо в место головы это не яйцо Костюм по задумке автора должен быть без шлема, на месте "яйца" будет голова персонажа с причёской)
Ссылка на его работу (оригинал)
 
                            Авангард

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

АХАХАХАПХ

Какие костюмы, вы что угораете.
Разберитесь с ареной и регом.

Не играю просто сейчас, не хочу тратить время на эту игру

Костюм Админа
 
Как то вечером, всем нам известный Док засиделся на работе, пролистывая форум и попивая горячий кофе. Через некоторое время он поглядел на часы:
 - пора бы собираться домой...
подумал он, и направился со стаканом кофе к выходу. НО ЧЕРЕЗ МГНОВЕНИЕ ОН СПОТКНУЛСЯ О ПРОВОД (СНОВА!?),
И ПАДАЯ НА ПОЛ, ПРОЛИЛ СВОЙ КОФЕ НА СТОЯЩИЙ НЕПОДАЛЁКУ ВКЛЮЧЁННЫЙ КОМПЬЮТЕР! 
                                   ...
В разных точках Аринара видели странного путника, в необычном синем одиянии, с красивым красным плащём.

 
Данный костюм является подарком Доку (@Dr Strange), за его помощь в моём творческом пути 
 

Что общего у ханта и феминистки?
- они ущемляются 

Согласен, автор гений

По итогам прошлого голосования, было принято рисовать костюмчики под тематику Балагана ужасов.                         
                Пожиратель

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

 
История создания
 

Костюм AIGRIND
 
Начал рисовать ещё после коста Стренджа. Подумал, что надо реализовать идейку, пока никто другой не додумался.
Немного видоизменил
Создание следующего костюма на видео пробну записать.

 
Создание костюма
Сначала на плаще/груди доспеха красовались буквы AL (не знаю почему так вышло), но в последний момент я исправил ошибку))

Вообще смайлик был нарисован наверное неделю назад точно. Рисовался трудно, смайлики рисовать  это не привычно)) Получился смайлик "Грустный кот" страшненьким, но всё равно жду критику и буду за неё благодарен. Без критики тяжело... (Планировал сделать стикер пак - "Мемные коты", но пока что передумал).

 

Костюм Админа
 
Как то вечером, всем нам известный Док засиделся на работе, пролистывая форум и попивая горячий кофе. Через некоторое время он поглядел на часы:
 - пора бы собираться домой...
подумал он, и направился со стаканом кофе к выходу. НО ЧЕРЕЗ МГНОВЕНИЕ ОН СПОТКНУЛСЯ О ПРОВОД (СНОВА!?),
И ПАДАЯ НА ПОЛ, ПРОЛИЛ СВОЙ КОФЕ НА СТОЯЩИЙ НЕПОДАЛЁКУ ВКЛЮЧЁННЫЙ КОМПЬЮТЕР! 
                                   ...
В разных точках Аринара видели странного путника, в необычном синем одиянии, с красивым красным плащём.

 
Данный костюм является подарком Доку (@Dr Strange), за его помощь в моём творческом пути 
 

Вознёсшийся храмовник 
              (в разработке)

 
Этапы работы
Приму критику прямо как раньше, время развивать таланты

Вчера увидел, до сих пор эмоции переполняют когда вижу этот кост. Для автора это победа идеи над талантомвот бы также 

Гулял я по форуму несколько месяцев назад и наткнулся на интересную работу одного человека. С его позволения я изобразил его классную задумку немного в своём стиле
(P.s. Яйцо в место головы это не яйцо Костюм по задумке автора должен быть без шлема, на месте "яйца" будет голова персонажа с причёской)
Ссылка на его работу (оригинал)
 
                            Авангард

Готова заплатить много - много денег, если введут этот костюм 
в любой сундук 🥲

так же был улучшений вариант , его тоже можно, он был одобрен автором.
 
 
(вот 
)
 

Гулял я по форуму несколько месяцев назад и наткнулся на интересную работу одного человека. С его позволения я изобразил его классную задумку немного в своём стиле
(P.s. Яйцо в место головы это не яйцо Костюм по задумке автора должен быть без шлема, на месте "яйца" будет голова персонажа с причёской)
Ссылка на его работу (оригинал)
 
                            Авангард

Набор оболочек для будущей линейки костюмов "Вознесшиеся" (над названиями оболочек возможно надо поработать ещё) 
 
"Клеймор святых" (двуруч.)

 
"Эспадон озарения" (двуруч.)

 
"Костолом праведников" (двуруч.)

 
"Молот магии света" (двуруч.)

 
"Жезл милосердия небес" (посох)

 
"Посох гнева небес" (посох)

 
"Лабрис  праведников" (двуруч.)

 
"Святое копьё очищения" (двуруч.)

 
 
"Палица ярости света" (одноруч.)

 
"Булава святоугодников" (одноруч.)

 
"Щит небесного бастиона" (щит)

 
"Клинок праведников" (одноруч.)

 
 
"Кинжал яркого света" (одноруч.)

"Боевой топор небес" (одноруч.)

 
 

когда нибуть скачаю мб варспу, а там сунды. Mб уже раритетом будут

Я храма как твина использую в инсте

Друг я бы с радостью, но мне улыбнулась удача покинуть эту игру)

Я вот чем озабочен, игра идет вперед, это понятно, но она своими колёсами давит прошлое. Сейчас выпью стопку и объясню. К примеру мой кост попугая. Я готов миллионы отдать на любом серве за него, но! Но завтра он появится в сундуках, и цена ему будет 3 копейки. Непредсказуемо. С костом арены 12 года промолчу, прива, Снорл. Ну и все остальное, старые чары, которые нивелировали критом, и прочее. Вы понимаете, что вы убиваете историю? Нихрена, походу. Историю и традиции беречь нужно, а не под колёса бросать ради наживы. Одумайтесь! Не только о костах речь, оставляйте в игре артефакты и раритеты, без них скучно! Я всё сказал.

Год назад паладина, сейчас игру.

Сминающий удар

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

Друг я бы с радостью, но мне улыбнулась удача покинуть эту игру)