Рисую пиксельный платформер с открытым миром.
Деревце
В прошлых постах просили рассказать как и что я делаю.
Рассказываю.
В работе использую Procreate на планшете и фотошоп на компе.
Для пиксельарта есть и более удобные инструменты, но фотошоп мне привычнее.
Сразу дисклеймер - я далеко не тру художник, рисовать нигде и никогда не учился, так что... нувыпонели.
В Procreate на планшете сделал себе документ с фоном под тетрадный листик.
Там, аки в тетрадке, корявыми школьными ручонками рисую карту уровней.
Важно помнить, на сколько клеточек в высоту и в стороны наш персонаж будет прыгать, чтоб представлять доступность любого места из любого места.
Можно, канеш, прямо в тетрадке и делать, но на планшете удобно редактировать (а редактировать и перерисовывать придется много) и легко экспортировать карту в фотошоп.
К тому же, валяясь в кровати перед сном рисовать в тетрадке малость затруднительно.
Потом, когда будет прототип, совершенно точно придется что-то править, но сейчас задача свести эти правки к минимуму.
Карта большая, но тут для примера только 1 экран.
Дальше, засовываю получившееся непотребство в фотошоп и рисую общую форму предметов. На этом этапе важно хорошо представлять что у нас будет за объект и стараться задавать его форму учитывая всякие мелочи вроде выступающих частей. У меня дерево сплетенное из лиан, соответственно, по краям должны эти лианы выпирать и всячески бугриться.
Дальше подключаю дополнительный цвет и прорисовываю форму отдельных лиан.
Теперь беру цвет светлее основного и набрасываю освещение, учитывая, с какой стороны оно расположено.
В моем случае освещение слева, поэтому стараюсь рисовать свет преимущественно с левой стороны лиан.
Опять же, важно представлять форму объектов в 3d и учитывать фактуру объекта.
Лианы - штука неровная, соответственно и освещенные части будут несколько пятнистыми и неоднородными.
Следующим шагом добавляем блики на самых светлых и выпуклых местах и добавляем еще один темный цвет, которым затемняем правую часть дерева.
Я не придерживаюсь жесткой палитры (тут, подкованный и разбирающийся читатель может вскочить со стула опрокинув оный, вытянув руку ткнуть пальцем в экран и закричать НЕПИКСЕЛЬАРТ!!! Ну да и хрен с ним. Пусть кричит.) поэтому я просто выделил лассо некоторые части дерева в местах, где должна падать тень от соседних лиан и тупо затемнил все немного залив сверху полупрозрачным самым темным цветом палитры. Хотя правильнее было бы их перерисовать ручками потемнее, исходя из используемой палитры. Полупрозрачность и прочие градиенты в пиксельарте принято считать моветоном и вообще - фифифи.
Следующим шагом рисую крону. Один, более темный слой перед деревом, второй, светлый за ним.
Вроде по логике должно быть наоборот, ведь передняя часть это внешняя часть кроны и она должна быть светлее, а задняя - внутренняя.
Но я использую гиперболизированную воздушную перспективу, чтоб передать объем.
Воздушная перспектива это когда объекты с расстоянием становятся бледнее и менее контрастными, скрываясь в дымке или тумане.
Так вот у меня, можно сказать, охренительно сильный туман.
Ах да. В фотошопе у меня все разделено папочками по слоям, которые будут за персонажем и перед персонажем. Но в данном конкретном экране практически весь декор получился ЗА, так что я не буду на этом заострять внимание, но этот момент следует учитывать, чтоб не наделать себе потом лишней работы в виде разведения слоев.
А если в игре планируется паралакс, так тем более.
У меня, благо, на этот раз все статично.
Дальше снова добавляю освещение.
Часть крон у меня доступна для бегания по ним, поэтому постарался выделить светом места, где бегать можно.
Да, Помните же, что периодически стоит сверяться с картой? Она висит у меня полупрозрачной на верхнем слое и я ее по мере необходимости включаю для сверки.
Дерево получилось темноватым, поэтому я слегка его осветляю прозрачной заливкой светлого цвета (разбирающийся читатель из середины поста снова вскакивает и тычет в экран пальцем. Что же с ним будет, когда он узнает, что я еще и мягкими градиентами и add с оверлеями балуюсь.)
Дальше добавляю дополнительные платформы. На ветки по которым можно бегать накинул тряпочки для наглядности.
Ну и фон, чтоб не так пусто было.
Последним шагом будет впиливание освещения (да, да, градиентами и оверлеем) но это я буду делать позже.
Сейчас задача отрисовать декор для запланированного количества экранов, а дальше уж буду делать все остальное.
З.Ы. В этом проекте я решил практически отказаться от тайловой системы. У меня есть несколько спрайтиков, которые я использую и клонирую, но в дальнейшем, скорее всего, заменю и их.
Так вот.
Не делайте так, если не уверенны в себе на 100% и не имеете большого опыта в разработке.
С пятисотпроцентной вероятностью это приведет к тому, что нужно будет что-то существенно исправлять, а сделать это, когда игровой экран у вас это по сути тупо картинка будет ой как не просто.
Ну и вообще, данный опус следует расценивать как кривенький тутор по рисованию художественного недопиксельарта, а не по рисованию пиксельарта для геймдева.
