text
Воскресенье, 21 Июля 2013 22:06

Пиксель арт - руководство по рисованию деревьев.

Автор
Оцените материал
(3 голосов)

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


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

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

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

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

дерево постепенно

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

дерево скелет

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

дерево заливка

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

дерево залитое

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

дерево с задними листьями

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

дерево освещение

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

дерево дальше

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

дерево тени


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

детали дерева

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

дерево какое вышло

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

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

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

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

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

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

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

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

Выбор цвета.

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

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

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

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


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

Прочитано 16930 раз Последнее изменение Воскресенье, 21 Июля 2013 23:01
AnnTenna

Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript

2 комментарии

  • Комментировать caveman Вторник, 23 Июля 2013 11:21 написал caveman

    Красиво, жаль статья для меня бесполезна.
    Автор или перевод (англ не читал, не скажу точно, но, скорей, автор) пишет для себя или таких, как она, спецов, особенно это заметно в "растекании мысли по древу" в заметке о цветах.

    Пожаловаться
  • Комментировать Art.Gr. Четверг, 01 Августа 2013 10:40 написал Art.Gr.

    Красиво и познавательно, да. Думаю, стоит будет на досуге попробовать рисовать по этоу руководству - добавлю сайт в закладки.

    Пожаловаться
Авторизуйтесь, чтобы получить возможность оставлять комментарии

Панель входа

Добро пожаловать!

Заходите. Чувствуйте себя как дома.

Мы в контакте

(скорее всего это пойдёт на хостинг)

Опрос о статьях на сайте.

Какие статьи вам наиболее интересны?
 

Это из галереи!

  • bm_2
  • Описание: Одна из заключительных локаций в игре

Наша игра "Приключения котёнка в городском парке" есть в Стиме бесплатно!

А знаете ли вы...

ste2

сайт другаСветлая зона и Академия РПГ Мейкераkn4kn5Плагины для RPG MakerДневник одной нэкоknНовая Реальность Топ Разработка игр