Biuzer

В прошлых постах просили рассказать как и что я делаю.

Рассказываю.

В работе использую Procreate на планшете и фотошоп на компе.

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

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

В Procreate на планшете сделал себе документ с фоном под тетрадный листик.

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

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

Можно, канеш, прямо в тетрадке и делать, но на планшете удобно редактировать (а редактировать и перерисовывать придется много) и легко экспортировать карту в фотошоп.

К тому же, валяясь в кровати перед сном рисовать в тетрадке малость затруднительно.

Потом, когда будет прототип, совершенно точно придется что-то править, но сейчас задача свести эти правки к минимуму.

Карта большая, но тут для примера только 1 экран.

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

Дальше подключаю дополнительный цвет и прорисовываю форму отдельных лиан.

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

В моем случае освещение слева, поэтому стараюсь рисовать свет преимущественно с левой стороны лиан.

Опять же, важно представлять форму объектов в 3d и учитывать фактуру объекта.

Лианы - штука неровная, соответственно и освещенные части будут несколько пятнистыми и неоднородными.

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

Я не придерживаюсь жесткой палитры  (тут, подкованный и разбирающийся читатель может вскочить со стула опрокинув оный, вытянув руку ткнуть пальцем в экран и закричать НЕПИКСЕЛЬАРТ!!! Ну да и хрен с ним. Пусть кричит.)  поэтому я просто выделил лассо некоторые части дерева в местах, где должна падать тень от соседних лиан и тупо затемнил все немного залив сверху полупрозрачным самым темным цветом палитры. Хотя правильнее было бы их перерисовать ручками потемнее, исходя из используемой палитры. Полупрозрачность и прочие градиенты в пиксельарте принято считать моветоном и вообще - фифифи.

Следующим шагом рисую крону. Один, более темный слой перед деревом, второй, светлый за ним.

Вроде по логике должно быть наоборот, ведь передняя часть это внешняя часть кроны и она должна быть светлее, а задняя - внутренняя.

Но я использую гиперболизированную воздушную перспективу, чтоб передать объем.

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

Так вот у меня, можно сказать, охренительно сильный туман.

Ах да. В фотошопе у меня все разделено папочками по слоям, которые будут за персонажем и перед персонажем. Но в данном конкретном экране практически весь декор получился ЗА, так что я не буду на этом заострять внимание, но этот момент следует учитывать, чтоб не наделать себе потом лишней работы в виде разведения слоев.

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

У меня, благо, на этот раз все статично.

Дальше снова добавляю освещение.

Часть крон у меня доступна для бегания по ним, поэтому постарался выделить светом места, где бегать можно.

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

Дерево получилось темноватым, поэтому я слегка его осветляю прозрачной заливкой светлого цвета (разбирающийся читатель из середины поста снова вскакивает и тычет в экран пальцем. Что же с ним будет, когда он узнает, что я еще и мягкими градиентами и add с оверлеями балуюсь.)

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

Ну и фон, чтоб не так пусто было.

Последним шагом будет впиливание освещения (да, да, градиентами и оверлеем) но это я буду делать позже.

Сейчас задача отрисовать декор для запланированного количества экранов, а дальше уж буду делать все остальное.

З.Ы. В этом проекте я решил практически отказаться от тайловой системы. У меня есть несколько спрайтиков, которые я использую и клонирую, но в дальнейшем, скорее всего, заменю и их.

Так вот.

Не делайте так, если не уверенны в себе на 100% и не имеете большого опыта в разработке.

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

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