Pixel art уроки – Пиксель-арт – уроки рисования для начинающих

Содержание

Pixel art в GIMP для начинающих

Это адаптация урока по созданию pixel art в Фотошопе. Статья оставлена практически в первозданном виде. Публикация и адаптация согласованы с автором, но с аккаунта на этом сайте он вряд ли ответит.

1. История пиксель арта (очень коротко)


Юрий Гусев, он же Fool.

Pixel art (пишется без дефиса) или пиксельная графика — направление цифрового искусства, которое заключается в создании изображений на уровне пикселя (т. е. минимальной логической единицы, из которой состоит изображение). Далеко не все растровые картинки являются пиксель артом, хотя все они и состоят из пикселей. Почему? Потому что в конечном счёте понятие pixel art вмещает в себя не столько результат, сколько процесс создания иллюстрации. Пиксель за пикселем, и только так. Если вы возьмёте цифровое фото, сильно его уменьшите (так, чтобы пиксели стали видны) и заявите что нарисовали его с нуля — это будет настоящий подлог. Хотя наверняка найдутся наивные простаки, которые вас похвалят за кропотливый труд.


Это — не pixel art. Хотя изображение цифровое, создано с помощью компьютера и состоит из пикселей — оно НЕ рисовалось на уровне точек. К сожалению, практически недоказуемо, потому что автор всегда может заявить обратное. Вот почему на конкурсах по пиксельной графике обычно одно из условий -предоставить иллюстрацию на разных этапах работы (WIP — work in progress).

Сейчас неизвестно, когда точно зародилась эта техника, корни теряются где-то в начале 1970-х. Однако приём составления изображений из малых элементов восходит к куда более древним формам искусства, таким как мозаика, вышивание крестиком, ковроплетение и бисероплетение. Само же словосочетание «pixel art» как определение пиксельной графики впервые было использовано в статье Адель Голдберг и Роберта Флегала в журнале Communications of the ACM (декабрь 1982-го).


Разновидность пиксель арта — т. н. line art. Неизвестный автор.

Наиболее широкое прикладное применение pixel art получил в компьютерных играх, что неудивительно — он позволял создавать изображения, нетребовательные к ресурсам и выглядящие при этом по-настоящему красиво (при этом отнимающие у художника немало времени и требовавшие определённых навыков, а потому подразумевающие хорошую оплату труда). Расцветом, наивысшей точкой в развитии официально называют видеоигры на приставках 2-го и 3-го поколения (начало 1990-х). Дальнейший прогресс технологий, появление сперва 8-битного цвета, а затем и True Color, развитие трёхмерной графики — всё это со временем оттеснило pixel art на второй и третий планы, а потом и вовсе стало казаться, что пиксельной графике пришёл конец.


Наивысшая точка развития pixel art’а в видеоиграх. Хотя официально апогей приписывают 2-му и 3-му поколениям, на мой взгляд он пришёлся несколько позже. Именно на приставках 4-го поколения (Sega MD, SNES, TurboGrafx-16 и Neo Geo) вышли игры с самой красивой и безупречной по технике пиксельной графикой. Это несмотря на то, что технология наступала на пятки и повсеместно предпринимались попытки ввести в игры full motion video, а также спрайты, созданные на основе фотографий, видеоматериалов и заранее визуализированных 3D-моделей.

Как ни странно, но именно господин Научно-технический прогресс, задвинувший в середине 90-х пиксельную графику на последние позиции, и вернул её позже в игру — явив миру мобильные устройства в виде сотовых телефонов и КПК. Ведь каким бы полезным ни был новомодный дивайс, мы-то с вами знаем — если на нём нельзя хотя бы разложить пасьянс, грош ему цена. Ну а там где есть экран с невысоким разрешением, там и pixel art. Как говорится, добро пожаловать назад.


У дизайнеров из «eBoy» было трудное детство, они провели его в восточной Германии и были начисто лишены возможности наслаждаться изящными искусствами. Потому не научились рисовать ничего кроме пиксельной графики. Но главная их заслуга — они убедили рекламодателей, что pixel art это модно и круто. Если по мнению дизайнеров из «eBoy» ГДРовские игрушки и одежда были некрасивыми — интересно, что бы они сказали про советские?

Разумеется, свою роль в возвращении пиксельной графики сыграли различные ретроградно настроенные элементы, любящие поностальжировать над старыми-добрыми играми детства, приговаривая при этом: «Эх, теперь такого не делают»; эстеты, способные оценить красоту пиксель арта, и инди-разработчики, не воспринимающие современные графические красоты (а иногда, правда редко, элементарно не умеющие их реализовать в собственных проектах), оттого и ваяющие pixel art. Но давайте всё-таки не будем сбрасывать со счетов сугубо коммерческие проекты — приложения для мобильных устройств, рекламу и web-дизайн.


Еще одна заметная фигура — голландец Хэнк Ниебург, начавший карьеру пиксельного художника аж в 1989-м. В конце 90-х был вынужден зарабатывать на жизнь вебдизайном и едва сводил концы с концами, но с 2000-го снова рисует pixel art, теперь уже для мобильных игр.

Так что сейчас pixel art, что называется, широко распространён в узких кругах и заработал себе своеобразный статус искусства «не для всех». И это несмотря на то, что для простого обывателя он предельно доступен, ведь чтобы работать в этой технике, достаточно иметь под рукой компьютер и простейший графический редактор! (умение рисовать, между прочим, тоже не помешает) Хватит слов, ближе к делу!


Pixel dolls, развлечение для взрослых девочек, ненаигравшихся в куклы. Кроме шуток, это тоже pixel art, и работы некоторых авторов вызывают восхищение как среди фанатов пиксельной графики, так и среди ценителей прекрасного. pixparadise.net

2. Графический редактор

Что нужно для создания пиксель арта? Как сказал выше, достаточно компьютера и любого графического редактора, способного работать на уровне пикселей. Рисовать можно где угодно, хоть на Game Boy, хоть на Nintendo DS, хоть в Microsoft Paint (другое дело, что рисовать в последнем крайне неудобно). Есть великое множество растровых редакторов, многие из них бесплатны и достаточно функциональны, так что с программным обеспечением каждый может определится самостоятельно.


Microsoft Paint — оружие последнего шанса, когда рисовать уже совсем негде. Это «круги», во всяком случае Paint считает именно так. Особенно примечателен уродец в центре, который даже не симметричен.

GIMP прекрасно подходит для создания пиксель арта, для этого есть инструмент «Карандаш», в котором можно использовать и динамику рисования, а заливать цветом можно при помощи инструмента «Заливка». Если запереть альфа-канал слоя, то можно заливать одним цветом несвязанные области на всём слое просто перетаскивая цвет из палитры на холст.

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


Тоже своего рода пиксель арт, картина составлена из… кубиков Рубика! 1330 кубиков, размер полотна 116×107 см, автор Джон Куигли (John Quigley).

Начнём? Вы наверное ждёте списка каких-то секретных приёмов, рекомендаций, которые научат вас рисовать pixel art? А правда в том, что ничего такого по большому счёту нет.

Единственный способ научиться рисовать пиксельную графику — это рисовать самому, пробовать, пытаться, не бояться и экспериментировать. Не стесняйтесь повторять чужие работы, не бойтесь показаться неоригинальным (просто не выдавайте чужое за своё, хе-хе). Внимательно и вдумчиво анализируйте работы мастеров (не мои) и рисуйте, рисуйте, рисуйте. Несколько полезных ссылок вас ждёт в конце статьи.

3. Общие принципы пиксель арта

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

Самым основной принцип можно сформулировать так: минимальной единицей изображения является пиксель, и по возможности все элементы композиции должны быть соразмерны ему.

Расшифрую: всё, что вы нарисуете, состоит из пикселей, и пиксель должен читаться во всём. Это не значит, что в рисунке вообще не может быть элементов, к примеру, 2×2 пикселя, или 3×3. Но строить изображение всё же предпочтительно из отдельных пикселей.

Для наглядности приведу несколько примеров с типичными ошибками и вариантами их исправления:


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

Ноги у человечка лучше выглядеть не стали, это верно, к ногам еще вернёмся. В качестве примера «из жизни» приведу онлайновый паззл Zoo keeper:


http://pc.kiteretsu.jp/games/zka/zka.htm

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


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

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


То самое исключение, Jimmy Two Shoes. Здесь пиксельная графика стремится повторить стиль оригинального мультфильма, на персонажах которого основана игра, и в котором все персонажи имеют чётковыраженную обводку.

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

рисовать без изломов, скруглять плавно. Есть такое понятие как изломы — фрагменты, выбивающиеся из общего порядка, они придают линиям неровный, зазубренный вид (в англоговорящей среде пиксельных художников их называют jaggies):

Изломы лишают рисунок естественной плавности и красоты. И если фрагменты 3, 4 и 5 очевидны и исправляются легко, с прочими дело обстоит сложнее — там нарушена длина одного-единственного кусочка в цепи, казалось бы мелочь, но мелочь заметная. Чтобы научиться видеть такие места и избегать их, требуется небольшая практика. Излом 1 выбивается из линии, потому что это единичный пиксель — в то время как на участке, где он затесался, линия состоит из сегментов по 2 пикселя.

Чтобы избавиться от него, я смягчил вход кривой в изгиб, удлинив верхний сегмент до 3-х пикселей, и перерисовал всю линию сегментами по 2 пикселя. Изломы 2 и 6 идентичны друг другу — это уже фрагменты длиной 2 пикселя на участках, построенных единичными пикселями.

Избежать подобных изломов при рисовании поможет элементарный набор примеров наклонных прямых, который можно встретить практически в каждом руководстве по пиксельной графике (моё не исключение):

Как видите, прямая линия составляется из отрезков одинаковой длины, смещаемых по мере её прорисовки на один пиксель — только таким образом достигается эффект линейности. Наиболее распространённые способы построения с длиной отрезка 1, 2 и 4 пикселя (встречаются и другие, но представленных вариантов должно хватить для реализации практически любой художественной задумки). Из этих трёх самым популярным можно уверенно назвать длину отрезка в 2 пикселя: рисуем отрезок, сдвигаем перо на 1 пиксель, рисуем еще один отрезок, сдвигаем перо на 1 пиксель, рисуем еще отрезок:

Несложно, верно? Нужна лишь привычка. Умение рисовать наклонные прямые с шагом в 2 пикселя поможет в изометрии.

Вообще прямые линии это здорово — но только до тех пор, пока не встанет задача нарисовать что-нибудь нерукотворное. Тут нам понадобятся кривые, и много самых разных кривых. И берём на вооружение простое правило закругления кривых линий: длина элементов кривой должна уменьшаться/увеличиваться постепенно.


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

Выход из прямой на скругление ведётся плавно, я обозначил длину каждого сегмента: 5 пикселей, 3, 2, 2, 1, 1, снова 2 (уже вертикально), 3, 5 и далее. Не обязательно ваш случай будет использовать такую же последовательность, здесь всё зависит от плавности, которая требуется. Еще пример скругления:

Опять же, избегаем изломов, которые так портят картинку. Если есть желание проверить усвоенный материал, здесь у меня нарисованный неизвестным автором skin для Winamp’а, заготовка:

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

И пусть вас не смущает простота примеров, научиться рисовать можно только рисуя — даже такие простейшие вещи. Те же eBoy составляют свои огромные красивые картины из мелких деталей, многие из которых нарисованы отдельно друг от друга.

4. Практикуемся в рисовании

4.1. Рисуем склянку с живой водой

1. Форма объекта, пока можно не использовать цвет.

2. Красная жидкость.

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

4. Добавляем белые блики на пузырьке, и тень шириной 1 пиксель тёмно-красного цвета на приграничных к стенкам пузырька областях жидкости. Смотрится вроде неплохо, а?

5. Аналогично рисуем склянку с синей жидкостью — здесь тот же цвет стекла, плюс три оттенка синего для жидкости.

4.2. Рисуем арбуз

1. Нарисуем круг и полукруг — это будут арбуз и вырезанная долька.

2. Обозначим вырез на самом арбузе, а на дольке — границу между корочкой и мякотью.

3. Заливка. Цвета из палитры, средний оттенок зелёного — цвет корки, средний красный — цвет мякоти.

4. Обозначим переходный участок от корки к мякоти.

5. Светлые полосы на арбузе (наконец-то он похож сам на себя). И конечно — семечки! Если скрестить арбуз с тараканами, будут расползаться сами.

6. Доводим до ума. Бледно-розовый цвет используем для обозначения бликов над семечками в разрезе, и, выкладывая пиксели в шахматном порядке, добиваемся от вырезанной дольки некоего подобия объёма (метод называется dithering, о нём позже). Тёмный красный оттенок используем, чтобы обозначить затенённые места в разрезе арбуза, и тёмно-зелёный (опять же пиксели в шахматном порядке) — чтобы придать объём самому арбузу.

5. Dithering (смешивание цветов)

Дизеринг, или смешивание — техника перемешивания определённо упорядоченным (не всегда) образом пикселей в двух граничащих областях разного цвета. Самый простой, распространённый и эффективный способ — чередовать пиксели в шахматном порядке:

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


Наложение на участок красного цвета синих пикселей в шахматном порядке создаёт иллюзию фиолетового цвета.

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


Game Boy, 4 цвета (чёрный, белый и два оттенка серого). Настоящий вызов художнику!

Сейчас, в эпоху безграничных технических возможностей, многие говорят что необходимость в дизеринге отпала сама собой. Однако грамотное его использование может придать вашим работам характерный ретро-стиль, узнаваемый всеми любителями старых видеоигр. Лично я люблю использовать dithering. Не очень хорошо им владею, тем не менее, люблю.

Еще два варианта дизеринга:


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


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

Что нужно знать про дизеринг, чтобы уметь им пользоваться. Минимальная ширина зоны смешивания должна быть не меньше 2-х пикселей (те самые шашечки). Больше — можно. Меньше лучше не делать.

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

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

6. Более сложные примеры

6.1. Рисуем меч

Такой несерьёзный меч для несерьёзного проекта:

1. Форма. Здесь всё просто.

2. Начинаем распределять цвет. Я изменил изначально чёрный на цвет тёмной стали (хочется верить, что похожий) и залил меч серым.

3. Придаём форму за счёт светотени и дополнительной расцветки (обратите внимание — я кое-где повторно изменил цвет обводки, сделав его еще светлее). Условимся, что свет на меч падает слева-сверху, из-за плеча наблюдающего, поэтому блики (наиболее светлые участки освещённых поверхностей) располагаются на выступающих элементах слева, тени — справа и снизу.

4. Доводим наш миниатюрный шедевр до совершенства. Усиливаем эффект объёма на яблоке и сферических элементах крестовины (левый и правый «шарики»), на обмотке рукояти. Обратите внимание на длинную полосу, идущую по лезвию — дол (некоторые называют его кровотоком, полагая, что он служит для стекания крови проткнутого врага). Название здесь неважно, суть в том, что это жёлоб и центральная его часть освещена меньше всего, в то время как края наоборот. Справа от дола, чтобы усилить эффект глубины, я обозначил чёткий блик (никогда нелишне хорошенько изучить объект, который вы собираетесь изобразить — не для того чтобы сыпать терминами, а чтобы иметь чёткое представление об устройстве и особенностях конструкции). Вроде получился довольно симпатичный меч, а?

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

6.2. Робот

Один из самых распространённых способов рисования «с нуля» — изобразить черновой вариант (не попиксельно, а традиционно, рисуя либо мышью, либо на планшете), а после почистить его, исправить (при необходимости) и довести до ума. Также часто художники рисуют на основе своих бумажных черновиков, карандашных рисунков, набросков и прочих «почеркушек» — сканируют их и обрисовывают попиксельно. Дело привычки. Я обычно начинаю с чернового наброска:

Теперь чистка, стираю лишние пиксели и дорисовываю недостающие:

Закругление согласно простому правилу плавности, все прямые линейные. Добавляю ноги:

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

Дополнительный элемент в виде панели на груди и трёх… лампочек? Не знаю, пока не решил. Но понял, что хочу сделать торс робота телескопическим, как раскладной стаканчик, поэтому пришлось слегка откорректировать линию изгиба, добавив небольшие но заметные зазоры на стыке сегментов. Теперь заливка!

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

Тень накладываю в 2 этапа, сперва самую тёмную, участком шириной максимум 3-4 пикселя (т. е. от линии обводки вглубь объекта, в данном случае, тень занимает область шириной 3, самое большое 4 пикселя. Это не закономерность, цифры запоминать не нужно, для другого предмета с другим освещением, другим материалом и другим настроением тень наверняка ляжет иначе). Далее более светлая тень, так же как и основная плавно сходящая на нет. Обратите внимание, на закруглённых участках груди тень кое-где лежит совсем небольшими фрагментами, по одному пикселю — это также придаст рисунку больше плавности.

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

Также приглядитесь к глазам, у них уже есть блики, основной цвет и тень. Кладу тень по всему роботу:

Теперь блики на поверхностях, которые должны отразить свет от источника прямо в глаза наблюдателю (художнику):

Хм, совсем другое дело. Даже прямоугольники-ножки выглядят как цилиндры! Я решил, что три кружка на груди могучего робота будут ракетницами, закрытыми люками, так что это по сути небольшие углубления; тень от левой кромки и блик по правой (и нижней).

Здесь сложно давать какие-либо советы, кроме одного — учитесь рисовать, изучайте тени, теорию света. Двигаемся дальше, дизеринг:

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

Если внимательно рассмотреть заклёпки-зубы, видно, что это всего лишь фрагменты 2 на 2 пикселя, верхний левый окрашен в цвет бликов, два соседних с ним — цвет светлой тени, и правый нижний — цвет основной тени. Просто, да? При этом даже несмотря на то, что в некоторых местах пиксели заклёпок совпадают с цветом соседних точек, при отдалении (уменьшении масштаба рисунка до 100 или 200%) сохраняется полное впечатление того, что это выделяющиеся объекты. Еще в палитре появился дополнительный близкий к чёрному оттенок — я решил с его помощью сделать темнее суставы на ногах, и замешать в шахматном порядке пиксели в суставы на руках. Чистый чёрный я попробовал, тень получалась неестественной, а дизеринг с самым тёмным оттенком дал нужный эффект.

Ну и самый последний штрих, мне кажется, левая рука расположена не очень удачно — вырезаю её и сдвигаю вниз и влево. Вот так, кажется, самое то:

WIP, тот самый Work in Progress:

Собственно, на этом всё. Ну а напоследок несколько полезных ссылок:

www.progimp.ru

Лучшие инструменты и трюки от гуру пиксель арта

[1] Если перевести на русский, то получится Пупырчатый Стэйк))

Обаяние Пиксель Арта

Я склоняюсь к пиксель арту, как к своему избранному средству рисования. Я вижу в нём стилистический выбор, который на мой взгляд, может помочь реализовать уникальные визуальные образы, которые скрыты в сердце видеоигр, гораздо лучше чем большинство продвинутых движков для ААА 3Д игр.
Пиксель арт всегда будет обладать ретро очарованием, которое привлекает пользователей определённого возраста, но я ещё вижу в нём средство, которое помогает найти искусство через ограничения. Для меня это словно видеоигровой импрессионизм. Существует достаточно иконичных и важных деталей в разных стилях пиксель арта, и я верю, что игроки мысленно переносят на них произведения искусства или перспективы красоты. Для меня эта трансформация словно магия, которая оставляет определённое количество информации в воображении пользователей, что, в конечном счете, очень полезно. И ни сколько не обидно, что пиксель арт, когда сделан правильно выглядит чертовски крутым.

Лучшие инструменты для пиксель художника

Основные мои инструменты для создания пиксель арта это Photoshop и Graphics Gale.
Photoshop очень гибок, когда дело доходит до рисования пиксельной графики. Графический планшет хорошо совместим с Gale и имеет плавный ход работы для редактирования изображений в целом. Это особенно удобно для определения главных цветовых палитр, и он также имеет несколько удобных инструментов для быстрого редактирования и фильтрации вашего пиксель арта, доводя результаты до невообразимых высот.
Graphics Gale особенно хорош в анимации по временной линии (time line). Его основной набор инструментов очень похож на Photoshop, когда дело доходит до пиксель арта, в частности Gale имеет поддержку слоёв, но кое в чём другом он сильно превосходит Photoshop, это когда дело доходит до покадровой анимации, которая является одной из основ пиксель арта. Существуют и другие более специализированные средства для пиксель арта, которые нравятся многим художникам, но Gale и Photoshop это мой выбор.
Другой инструмент, который я нахожу очень полезным, когда создаются концепты это Adobe Flash. Он очень хорош для некоторой сложной игровой анимации, позволяя мне смешать вместе пре-анимированные спрайты в более случайной манере. Я нахожу это очень полезным в деле продажи игровых концептов, так как они, таким образом, выглядят гораздо живее, чем статичные скриншоты простых концептов.

Анимация в пикселях может быть жёсткой, особенно из-за того, что большая часть пиксель артовых спрайтов по своей природе небольшого размера и с очень маленьким разрешением, чтобы передать информацию.
Я думаю, что наиболее важная вещь, которую нужно запомнить, когда анимируешь таким маленьким и ограниченным средством, это фокусировка на сильных ключевых кадрах. Если ключевые позы вашего персонажа достаточно сильные, то это может помочь передать его действия и мотивацию почти без дополнений. Кадры появляются на экране на очень малое время, поэтому вам необходимо вложить этот информационный снимок прямо в глаза зрителю, с максимально возможной ясностью. Ограничения по железу, особенно на мобильных устройствах, сокращают количество доступных для персонажа кадров, таким образом сильные ключевые кадры жизненно необходимы, для того чтобы передать весь эффект с небольшим количеством промежуточных кадров.
Вторичная анимация, такая как отдача от оружия, перекрывающаяся одежда и движение волос добавляется к основной анимации, так что она должна быть продуманной и к месту. Она добавляют физических эффектов от спрайтов действия к игроку. Вторичная анимация показывает вес и гравитацию, действующие на персонажа в окружающем его мире. Без них, анимация даже с сильными ключевыми кадрами, обычно смотрится плоско.

Хитрости и трюки пиксель арта.

Игровой арт в целом, живёт и умирает благодаря своей читабельности. Если игрок не может легко различить соответствующие объекты и персонажей на фоне или в окружающих их предметах, то у вас проблема. Я думаю (или скорее считаю), что сильные контрасты по свету и цвету очень важны для читабельности, и если вы можете выразить их на раннем этапе вашего дизайна, то убережёте себя от кучи дополнительной работы. Если же вы не можете с первого взгляда понять что происходит в кадре, то вам следует вернуться на шаг назад и выяснить, как решить эту проблему.
Когда цвет используется в пиксель арте, то очень рекомендуется использовать его в ограниченном количестве. Некоторые из наиболее чистейших пиксель художников гордятся тем, что они могут достичь сильного изображения с невероятно малым количеством цветов и это просто сногсшибательно, когда они достигают таких высот. Когда многие художники начинают пикселлизировать (и я был в их числе), они склонны использовать огромное количество разных теней в своих работах. Но результат в таком случае может получиться грязным и с недостатком той ясности, которая склонна для более продуманных работ.

Мы можем использовать все цвета, которые только захотим, но использование большого количества цветов, в результате добавит вам очень много работы по анимированную ваших спрайтов. Вы в буквальном смысле должны поставить каждый пиксель на своё место, а использование большой палитры цветов приведёт вас к большому количеству работы, когда вы начнёте рисовать много кадров. Современные компьютеры сегодня могут обрабатывать большое разнообразие цветов, так что было бы очень неплохо использовать в своей палитре как можно большее количество оттенков. Я твёрдо верю, что большая часть современного пиксель арта выигрывает от своих цветовых решений. Мы больше не ограничены в ярких цветах как это было раньше, так что меня радует тот факт, что я могу использовать цвет в своих работах самыми разнообразными способами. Одно удовольствие работать с палитрой из насыщенных и ненасыщенных цветов, которую я использую в Aporkalypse Now.
Другая более новая техника подразумевает, использование современных эффектов с ретро-пикселями. В адвенчуре The Darkside Detective, над которой я сейчас работаю, у меня появилась возможность соединить вместе богатые градиенты цвета и света с одной стороны и очень простой стиль пиксель арта с другой. В результате получилась игра которая выглядит очень классически, часто сравниваемая с классикой от Lucas Arts нашими сторонниками, но с настроением и атмосферой которые, трудно было достичь используя только традиционные для пиксель арта техники. Такой стиль не подходит для каждой игры, но попал в яблочко для The Darkside Detective.
Сильные силуэты персонажей играют очень важную роль. Я всегда стараюсь определить приблизительную форму персонажа до того как я пойду дальше к деталям и цвету. Ясные силуэты позволяют отличить один предмет от другого, или одного персонажа от другого, и по быстрой игровой природе большинства игр, когда мы не можем точно разглядеть детали вблизи, это очень хорошо помогает игрокам идентифицировать объект на экране быстро и безошибочно. Силуэты также помогают передать настроение или намерения персонажей, и в крохотном мире пиксельных спрайтов они стоят многого от того, что вы не можете физически положить на экран.
Как я и говорил ранее, читабельность очень важна. Вещи, представленные на экране не должны бороться за ваше внимание. Самым важным является нахождение баланса, чтобы удостовериться, что игроки смогут принять участие в действии на экране.

Пиксель арт и геймплей

Пиксель арт может оказывать влияние на дизайн уровней, потому что он основан на плитках в большинстве жанров, но в другом случае я не думаю, что он может влиять на решения в геймплее больше чем другие формы 2Д искусства. Современные механики геймплея, неплохо работают в пиксель арт играх, но добавленная несовместимость современного игрового стиля и визуальных ретро решений придаёт определённый шарм, который я нахожу очень привлекательным.

Пол Конвэй, Пиксель Художник

Оригинал статьи.

render.ru

Курс пиксель-арта 4 / Habr

Это перевод публикации «Les Forges Pixel Art Course».

Часть 1: Правильные инструменты
Часть 2: Линии и кривые
Часть 3: Перспективы
Часть 4: Тень и свет
Часть 5: Палитры цветов
Часть 6: Сглаживание
Часть 7: Текстуры и размытие
Часть 8: Мир тайлов

Часть 4: Тень и свет

Сегодня мы перейдём из 2D в 3D, в то время как останемся в 2D. Вы увидите (или нет). С тем что мы обсуждали до сих пор, вы сможете делать красивые штриховые рисунки и рисовать предметы с корректной перспективой. Это хорошее начало, но этого недостаточно чтобы делать пиксель-арт. В этой части мы взглянем на затенение. Это набор техник, которые позволит нам ваять наши пейзажи и персонажей чтобы представить объём (и я избавлю вас от долгого рассказа о традиционной важности этой части, ЭТО ПРОСТО СУПЕР ВАЖНО).

1. Зачем нужна тень?

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

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

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

Вещи не всегда так просты как эта сфера по нескольким причинам:

— Объекты могут быть в тени друг друга.
— Объекты могут иметь более сложные формы, и трудно передать их объём точно (особенно в пиксель-арте)
— Свет имеет досадную тенденцию отражаться на эти объекты, стены и полы.

В итоге низ сферы должен выглядеть примерно так.

2. И как это делать?

Хороший вопрос! Я помогу вам немного. Первое что вам нужно сделать, это разместить ваш источник света (наиболее часто это бывает справа вверху, или слева вверху, так как обычно это солнце):

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

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

3. Избежать две ошибки

a. Подушечное затенение (Pillow shading)

Подушечное затенение простительно только в одном случае: если вы никогда не читали про тени и свет. Этим подходом пользовались люди, которые замечали что другие используют светлые и тёмные цвета, но на самом деле не понимали как или почему. Инстинктивно они начинают вставлять яркие цвета в середину, и тёмные цвета по краям. Результат ужасен.

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

b. Понимание без понимания

Вторая ошибка которую следует избегать, для людей которые читают такие статьи (для вас, например). Причины которые заставляют людей совершать такие ошибки, это: «Хорошо, я поместил мой источник света справа внизу. Готово. Теперь цвета ярче справа внизу, и темнее слева вверху, и всё будет хорошо».

ОШИБКА. Результат катастрофический, и не имеет объёма. Почему? Потому что в трёх измерениях плоские поверхности освещаются единообразно, если только это не очень тусклый и близкий свет (как уличный фонарь). В обычных условиях вы будете иметь дело с очень далёким источником света, таким как солнце, который освещает плоские поверхности равномерно.

4. Окружающее освещение

Мы завершим урок хорошей техникой. Теперь вы можете управлять источниками света. Окружающее освещение, это добавление второго источника света, чтобы дать вашему объекту или персонажу больше цвета. Предпочтительно, чтобы второй источник не был в том же направлении как первый, по двум причинам: он был бы «приглушен» первым источником, и был бы откровенно невидимым, прелесть второго источника проистекает из факта, что он освещает тени, и придаёт очень волнующий оттенок сцене.

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

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

Наконец, как маленький пример чего можно достичь с этой технологией в большем масштабе, вот вам скриншот Историй Фантазии (Tales of Phantasia) на Super NES, в которой стены и колонны освещены факелами обеспечивая красивую демонстрацию окружающего освещения (небо это «основной» источник света).

И мы уже («уже», это для вас, у меня это заняло годы) в конце этой части. Как и в предыдущих частях, если что-то показалось вам неясным, это потому что я не погружался в детали рисования в общем, а вместо этого сфокусировался на пиксель арте. Если вы хотите изучить освещение, и знаете английский, вы можете почитать эту страничку.

habr.com

Курс пиксель-арта 2 / Habr

Это перевод публикации «Les Forges Pixel Art Course».

Часть 1: Правильные инструменты
Часть 2: Линии и кривые
Часть 3: Перспективы
Часть 4: Тень и свет
Часть 5: Палитры цветов
Часть 6: Сглаживание
Часть 7: Текстуры и размытие
Часть 8: Мир тайлов

Часть 2: Линии и кривые

Если вы ещё не состоявшийся художник, лучший путь начать рисовать, делать это карандашом, после чего обводить чернилами, затем раскрашивать. То же самое применимо и к пиксель-арту: первый шаг в изображении, это обозначить контуры — этот шаг называется «штриховой рисунок» (Lineart). Штриховой рисунок — это очень важный шаг для достижения хорошего результата. Несколько пикселей вашего изображения, могут являться большей его частью (в противоположность рисованию, где масштаб позволяет больше допущений) так что ошибка в один или два пикселя, может сделать так, что ваш персонаж будет выглядеть искажённым. Для ясности, точность штрихового рисунка является Р-Е-Ш-А-Ю-Щ-Е-Й для успеха пиксель-арта.

1. Прямая

Штриховой рисунок состоит в основном из линий и кривых, и мы начнём обсуждение с прямых линий. Те из вас, кто учился в математическом классе знают, что линия характеризуется её наклоном. Это коэффициент «изменения y», к «изменению x». В этом курсе мы будем представлять этот коэффициент как y:x. Таким образом идеальная диагональная от «слева внизу» к «справа вверху» линия, это прямая 1:1. Вот некоторые простые правила и их коэффициенты, иллюстрирующие эту идею.

В пиксель-арте, линии которые используют эти простые коэффициенты (0:1, 1:2, 1:1, 2:1 и 1:0) называются «идеальные линии». Они делают ваше изображение хорошо выглядящим, потому что глаз без труда может им следовать. Они, это ещё не всё, что вы можете рисовать, вы можете использовать например «вспомогательные» линии, чередуя сегменты длиной 2, с сегментами длиной 1 (для имитации сегментов с длиной 1.5 — смотрите пример изображения). Результат намного менее эстетичен (особенно поскольку изображение увеличено в 4 раза, чтобы вы могли видеть что случилось) и показывает почему это так важно, использовать эти типы линий осторожно. Они всё ещё полезны, и вы научитесь украшать в следующих разделах этого курса.

2. Кривые

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

Здесь только одно правило, чтобы добиться плавной кривой: длина сегментов будет меняться в прогрессивной манере, и вы должны избегать прямых углов. Ладно, это два правила, но фактически, второе является частью первого. Например: в Зелёной вы можете видеть хорошую кривую, которая следует этому правилу великолепно. (Слева направо, длина 5 4 3 2 2 1 1 1 2 3 3 3 2 1 1 2 2 1 2 1 2 1 1). Красная кривая с другой стороны, бесстыдно пренебрегает (заметьте прямой угол, который появляется в кривой). В конце концов, хорошая техника рисования кривой, это нарисовать кривую рукой (мы получим нечто похожее на красную кривую) и затем поправить её, пока она не будет следовать «правилу». Это гарантирует что кривая будет выглядеть как вам нужно. Вот и всё о кривых. В заключение я оставлю вам несколько простых примеров этого курса. Первое — это дракон, с кривыми иллюстрирующими принципы очерченные выше; второе — это меч, который показывает, что иногда более угловатые линии (посмотрите на наконечник и эфес) могут также быть полезны в некоторых случаях.

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

habr.com

Курс пиксель-арта 3 / Habr

Это перевод публикации «Les Forges Pixel Art Course».

Часть 1: Правильные инструменты
Часть 2: Линии и кривые
Часть 3: Перспективы
Часть 4: Тень и свет
Часть 5: Палитры цветов
Часть 6: Сглаживание
Часть 7: Текстуры и размытие
Часть 8: Мир тайлов

Часть 3: Перспективы

Проблема перспективы в 2D играх, это вопрос который возникает часто, и это возможно то, почему так много любительских игр имеют множество противоречивостей в этой области. В частности эта часть адресуется к типичным перспективам в RPG, так что если вы ищете информацию о виде сбоку или от первого лица, вам следует поискать где-нибудь ещё. Это важно, помнить что перспектива — это «искусство представления трёхмерных объектов на плоской поверхности (в данном случае это ваш экран) как их увидел бы наблюдатель.»

Прежде всего, я бы хотел поблагодарить Лунна, без которого этот раздел бы не был таким как сейчас; это на самом деле исправленная версия беседы, которая у нас была на эту тему.
1. Перспективы — и почему множественное число?

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

В 2D видеоиграх, простейшая используемая перспектива называется «аксонометрическая». Что это за зверь? В аксонометрическом представлении пространства, объект представлен тремя координатами (X, Y и Z), каждая из которых постоянно растёт в определённом направлении. В частности это значит, что две параллельные линии в реальности, будут параллельны и в аксонометрической перспективе, и размер объекта не меняется, независимо их расстоянию от наблюдателя. Наконец есть бесконечное число аксонометрических перспектив, поскольку художник абсолютно свободен в размещении трёх направленных осей по своему выбору. Мы рассмотрим три наиболее часто используемых аксонометрических проекции (смотрите картинку).

Это называется изометрической перспективой: ось Y должна быть наклонена на 30 градусов для соответствия определения изометрического вида, но поскольку это невозможно с простым пиксель-артом, она представлена через линию 1:2 (смотрите предыдущий раздел) и угол только 26.5651 градуса (я избавлю вас от вычислений ведущих к этому выводу). Этот вид в частности годится для тактических RPG, потому что он может представить убедительную глубину и высоту. Но не подходит для карт в традиционных программах создания RPG (например RPG Maker) из-за формы тайлов.

Это называется планиметрической перспективой. На этот раз ось Y наклонена на 45 градусов от горизонтали, и является прямой 1:1. Очень мало игр используют это (самая известная из них, это Boktai), но она всё же может быть интересной и богатой в объёме. Эта перспектива могла бы быть более распространённой, и это остаётся на ваше усмотрение, использовать ли её.


И наконец последняя (и менее привлекательная), это знаменитая перспектива 3/4: ось Y наклонена влево, соединяясь с осью Z. Это вид, который используют большинство RPG, и мы обсудим его подробнее.

2. Всё о виде 3/4

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

Позвольте начать с простого примера: бочка (это элемент любого набора город / заброшенная шахта / дом / и т.д.). Что в ней интересного? КРУГЛАЯ КРЫШКА. Не эллипс, как чаще видно. Это так по двум причинам:

— Это круг в реальной игре (круглая крышка)
— Она параллельна земле, и таким образом видна сверху.

Здесь нет наклона. Вы должны принять это во всех горизонтальных плоскостях, которые видны сверху, если вы хотите делать 3/4 последовательно.

Мы продолжим с более полным примером, щедро предоставленным Оди. Прежде всего, заметьте, что верх башни круглый. Также посмотрите на дверь, стены и окна. Они, они… Я дам вам секунду… они? (Нет, они не ужасны). Они 1 к 1. Снова магия наших трёх осей в действии: вертикальные плоскости представлены так, как они видны с лицевой стороны, то же самое с горизонтальными.

Но тогда что происходит, когда мы хотим представить вертикальную плоскость и горизонтальные плоскости? Ничего особенного. Их взаимодействие не представляет особой проблемы. Поглядите на каменные стены Оди, или ступеньки (или кабинет, или стены) и превосходный скриншот Bahamut Lagoon слева, чтобы убедиться. Вкратце: горизонтальные плоскости видны сверху, вертикальные плоскости видны спереди.

3. Extension possible vanishing points underground

Хорошо, я надеюсь вы ещё всё понимаете, потому что здесь будет немного сложнее. Я говорил вам в начале части, не принимать во внимание точку перспективы. Сейчас мы этим немного займёмся. Одного маленького напоминания (смотрите слева) возможно хватит, чтобы вы поняли идею относительно одноточечной перспективы. Как вы можете видеть, где-то есть точка (не на картинке) куда указывают все горизонтальные линии (поскольку снимок сделан на равнине, с земли) — это называется точка схода (vanishing point). Вам не нужно знать больше, для понимания этой статьи, но если тема интересует вас, я советую почитать курс по рисованию перспективы.

Позвольте вернуться к нашему курсу — как мы используем эти точки схода? Для улучшения наших перспектив! В отличие от картины изображающей Версальский дворец (узнали?), точки схода будут притягивать вертикальные линии. В идеале, нам бы хотелось исправить точки, и нарисовать их сверху нашей карты, но это несовместимо с системой, используемой в RPG основанных на тайлах. Решение — присвоить индивидуальную точку схода каждому объекту нашего набора тайлов. Это немного менее элегантно, но результат хорош! Вот два скриншота Golden Sun и Golden Sun 2, это единственные игры использующие эту технику, которые я знаю. Шин любезно выделил некоторые точки схода этих изображений.

Заметьте, что все точки схода размещены под объектами (поскольку камера направлена сверху вниз) и всё почти одной и той же глубины (чтобы всё выглядело единообразно). Последний краткий комментарий: чем ниже ваши точки схода, тем ближе вы к стандартной перспективе 3/4, так что размещая ваши точки схода в «бесконечность», вы получаете результат близко к чистому 3/4 (магия, да?).

Теперь вы знаете немного о перспективе, и нет вам прощения за ошибки, тем более их не так сложно исправить, и вы можете рисовать линии (и точки схода, если вы пробуете метод Golden Sun), которые вам помогут.

habr.com

Подборка статей и уроков пиксель-арт

Пиксельная, растровая или точечная графика (пиксель арт, pixel art) – рисунок цифрового формата, созданный из пикселей (точек) методом «ваша рука → карандаш/кисточка → точка изображения». Поточечная отрисовка – занятие кропотливое, но в таких работах есть свое очарование. Сразу вспоминаются игры Sega и Nintendo лихих 90-х…эх, времена.

Достаточно интересно что-нибудь сваять в такой технике. Надеюсь, эта небольшая подборка статей и уроков пиксель-арт вдохновит и вас.

«Галоп пикселя — часть первая» — базовые понятия, этапы взросления, прикладные упражнения

http://habrahabr.ru/post/247333/

Курс пиксель-арта

http://habrahabr.ru/post/241666/

Осваивать пиксель-арт я начала именно с Хабра – ресурса, который уже не нуждается в представлении. Хорошие статьи, очень рекомендую. Да и помимо пиксель-арта там всегда есть, что почитать.

Впечатляющий пиксель арт в своем разнообразии

http://www.dejurka.ru/graphics/pixel-art/

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

Изометрический пиксель арт в Фотошоп

http://www.photoshop-master.ru/lessons.php?rub=5&id=2616

Рисуем кубик и фанарного человечка в пиксель арт стайл.

Пиксельная изометрия

http://gas13.ru/v3/tutorials/ru_isometric_pixelart_tutorial_setup_photoshop_for_pixelart.php

Работа в редакторе, пиксельная изометрия, формы объектов, цвета, источники света. Интересно почитать и даже кое-что попробовать.

KawaiiHannah

Если у вас невыносимо чешутся руки нарисовать миленьких куколок пиксель арт, то советую побывать на KawaiiHannah  http://www.kawaiihannah.com/pixelart/view/pixeltutorials

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

 

siasun.ru

Уроки для любителей Pixel Art

Sandy Gordon работает над серией уроков для фанатов пиксель арта. Художник является одним из основателей Spaceboy и создает пиксель арты для игр: Don’t Get Wet, Fara & Eye of Darkness и HackyZack.

Я узнавал все, что касается Pixel Art, Animation и создания Game Asset, задавая вопросы у художников, которыми я восхищаюсь. Теперь у меня есть возможность поделиться тем, что я знаю, с вами, создавая регулярные обучающие программы, охватывающие темы, которые я считаю важными, а также отвечая на вопросы, задаваемые вами.

Sandy Gordon: Я отвечу на такие стандартные вопросы, с которыми чаще всего сталкиваются художники пиксель артов:

Как я могу создать циклический арт?
Как я могу сделать мои анимации более плавными?
Какое число кадров используется для анимаций?
Как я могу сделать так, чтобы мой Pixel Art выглядел более привлекательно?

Ниже можете посмотреть несколько уроков по динамике Pixel Art:

Источник: pixelart

devgam.com

Leave a Reply

Ваш адрес email не будет опубликован. Обязательные поля помечены *