ТЕМА: Пиксель арт - руководство по рисованию деревьев

Перед вами находится перевод статьи о том, как нарисовать дерево, авторства Peril Hellion, опубликованной на известном англоязычном сайте - инди- сообществе HBgames. Автор любезно согласилась (да, автор - девушка, поэтому текст статьи в женском роде), что мы (я и AnnTenna) переведем ее руководство и разместим на этом сайте. Также спасибо Sando, что нашла эту статью и посоветовала нам перевести ее. Надеюсь, информация окажется вам полезной. Также статью можно прочитать на Локаторе за публикацией АннТенны(отличается только аннотацией). Итак, поехали!

---

Пошаговое руководство по деревьям от Peril Hellion.

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

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

По сути, я делаю «кляксу» и дорабатываю её до нужного мне вида. Если мне нужно нарисовать не что-то маленькое вроде спрайта, или я начинаю работу не с шаблона, я не могу нарисовать контур идеально и потом заполнять. Вместо этого я поступаю так:



Более детальное объяснение



Набросок скелета моего дерева. Заметьте, он не очень чистый; я просто набросала его мышкой. Я заметила, что мои рисунки получаются лучше, когда я сперва груба в структуре объекта, который я пытаюсь изобразить, я советую поступать так с чем угодно. Мой аватар, например, был начат как палочный человечек. Легче исправлять такие вещи как пропорции, когда ты работаешь с каракулями, нежели с красивым затенённым рисунком или чем-нибудь еще. На самом деле этот набросок более детализирован, чем обычно на моих начальных набросках, к тому же, я слегка уточнила его с начального наброска. Я не сохранила то изображение... так что ладно.



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



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



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



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



Приступила к улучшению фигур пучков листьев. На этой стадии они всё ещё довольно случайны; я лишь делаю их ещё более разбросанными, естественными фигурами. Моей конечной целью является получение небольших, неровных, пузырьковых штуковин, которые имитируют ветки листьев.



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



Дальше начинается тыкание до тех пор, пока это не станет выглядеть так, как нравится. Я продолжала правку листьев, пока не вышло более менее то, что я хотела получить: в итоге добавилось больше бликов и теней, а также ощущение нескольких небольших листиков между крупными. То есть расщепление больших кусков на более мелкие и выделение отдельных пучков. Еще один момент: у меня есть блики в областях, которые я первоначально определила как темные, но это нормально, потому что они встречаются намного реже, чем в светлых областях, а если их выделить еще несколькими крапинками вокруг, то будет выглядеть более трехмерно. А еще я добавила небольшие затемнения вокруг ствола и под зонами листьев.



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

Я только что заметила, что в верхней части дерева отрезалось маленько, но это ничего страшного, и править пока мне это лень. Может быть, когда нибудь позже займусь.

Заметки о цвете.

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

Выбор цвета для дерева.

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

Анализ построения палитры.

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

Выбор цвета.

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

Если у вас проблемы.

Если у меня вдруг что-нибудь не получается, я делаю следующее:

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


2. Смотрю на пиксель арт других людей и пытаюсь выяснить, как они это делают (но тут стоит отметить, что в первую очередь я всегда стараюсь извлечь пользу из реальных вещей). Этот способ я нахожу особенно полезным для текстур, которые по моему мнению являются вообще одним из самых сложных моментов в пиксель арте. Вокруг можно найти кучу очень красивых и интересных вещей (вот здесь, например), если вы будете искать.

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