Рисуем в Фотошоп персонажа игры Angry Birds
Итоговый результат:
Скачать архив с материалами к уроку
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
1. Создаём Основу
Шаг 1
Создайте новый документ в программе Photoshop со следующими размерами 600×600 px, разрешение 300 dpi. Соберите свои любимые изображения с angry birds, а затем выберите одно изображение в качестве исходного. В этом уроке я создам образ красной птички — главного персонажа игры. С помощью жёсткой круглой кисти, нарисуйте простой контурный рисунок птички на отдельном слое.
Примечание переводчика: не забудьте создать новый слой для наброска поверх слоя с задним фоном.
Далее, постепенно, нарисуйте характерные черты птички. Используйте простые фигуры при создании клюва, глаз, бровей. Вы можете воспользоваться симметрией, для этого вначале просто нарисуйте одну характерную деталь, а затем продублируйте / отразите по горизонтали нарисованную часть головы.
Шаг 2
Залейте слой с задним фоном чёрным цветом. С помощью мягкой круглой кисти, цвет кисти белый, нарисуйте пятно в центре изображения.
Расположение слоёв в палитре слоёв должно быть, как на скриншоте ниже. Если вы дадите названия слоям в соответствии с их назначением, то это поможет вам во время работы, например, дайте названия соответствующим слоям задний фон (background) или набросок (sketch).
Шаг 3
Теперь давайте добавим цвет. Создайте новый слой ниже слоя с наброском (sketch). Назовите этот слой различные оттенки (flat colors). С помощью жёсткой круглой кисти, прокрасьте основу различными цветовыми оттенками. Чтобы совместить нарисованный набросок с основой, просто поменяйте режим наложения для слоя с наброском на Мягкий свет (Soft Light).
На скриншоте ниже, вы можете увидеть разницу после того, как мы смягчили жёсткие чёрные линии наброска с помощью замены режима наложения.
2. Усиливаем Реализм с помощью Фото Текстур
Шаг 1
Чтобы наша птичка выглядела более реалистично, мы используем фрагменты перьев и шёрстки с других исходных изображений. Данные детали помогут нам воссоздать нашу птичку. Вначале подберите исходные изображения, которые помогут нам. Т.к. наша птичка красного цвета, то я использую исходное изображение Красного Кардинала, а также изображение кота. Фрагменты текстур, которые выделены красными стрелками, я использую в своей работе.
Примечание переводчика: Красный кардинал, или виргинский кардинал (лат. Cardinalis cardinalis) — вид птиц из семейства кардиналовых (Cardinalidae).
С помощью инструмента Прямолинейное лассо(Polygonal Lasso Tool (L)), выделите участки с фрагментами пёрышек и шёрстки, которые вы хотели бы использовать. Скопируйте / вклейте на наше изображение с angry bird. Примените инструмент Свободная трансформация (Free Transform Tool (Ctrl+T)) для масштабирования и расположения текстур по месту.
Шаг 2
Давайте начнём с фрагмента шёрстки кота. Скопируйте / вклейте фрагмент шёрстки кота на наш рабочий документ. Преобразуйте слой с шёрсткой кота в обтравочную маску к слою с основой (примечание переводчика: слой с основой — это слой различные оттенки (flat colors)). Используйте белую текстуру шёрстки на животике птички. Проведите коррекцию краёв текстуры с помощью инструмента Ластик(Eraser Tool (E)).
Теперь используйте тёмные участки шёрстки для воссоздания бровей у птички. Ещё раз проведите коррекцию краёв текстуры с помощью инструмента Ластик(Eraser Tool (E)).
Шаг 3
Проделайте то же самое, используя красные пёрышки с исходного изображения птицы. Чтобы придать пёрышкам форму округлости, воспользуйтесь инструментами Свободная трансформация (Free Transform (Ctrl+T)) и Деформация (Warp).
Продолжайте добавлять пёрышки к нашей птичке, вы можете просто использовать исходные фрагменты перьев на тех же самых участках нашей птички. Постарайтесь, чтобы пёрышки повторяли изгибы изображения птички.
Как только вы завершите работу с текстурами, выделите все слои с текстурами, которые вы добавили, а также слой с раскраской различные оттенки (flat colors), далее, щёлкните правой кнопкой по выделенным слоям и в появившемся окне выберите опцию Объединить слои (Merge Layers). Так же, как и ранее, у вас опять должно быть 3 слоя (слой с задним фоном, слой с нарисованной птичкой и слой с наброском). Назовите новый объединённый слой с нарисованной птичкой основа (base).
Примечание переводчика: у вас должно быть 3 слоя: основа (base), задний фон (background) и набросок (sketch).
Шаг 4
Теперь пришло время использовать технику цифрового рисунка, чтобы наше изображение было больше похоже на 3D. С помощью жёсткой круглой кисти с шероховатыми краями и с Жёсткостью (Hardness) кисти 100%, прокрасьте клюв и глаза сплошным тоном.
Давайте добавим тени! С помощью инструмента Эллипс(Ellipse Tool (U)), нарисуйте эллипс тёмного цвета под изображением птички для создания тени.
Далее, создайте новый слой поверх слоя основа (base) в качестве обтравочной маски. Поменяйте режим наложения для данного слоя на Умножение (Multiply) и с помощью мягкой круглой кисти чёрного цвета, нарисуйте тени по контуру круглой формы птички. Продолжайте добавлять затенение на изображение птички, чтобы придать ей более округлые формы.
Примечание переводчика: слой с затенением назовите затенение (shading), автор добавляет затенение по контуру изображения птички за исключением верхней части изображения.
Шаг 5
Продолжайте прокрашивать кистью на дополнительных новых слоях, преобразованных в обтравочные маски к слою основа (base). Воспользуйтесь инструментом Прямолинейное лассо(Polygonal Lasso Tool (L)) для выделения небольших участков вокруг каждой отдельной черты птички. Дополнительные выделения помогут вам добавить больше теней, а прокрашивание в пределах выделенной области не позволит вам испортить изображение!
Шаг 6
Пришло время для световых бликов! Создайте новый слой поверх слоя с затенением, поменяйте режим наложения на Линейный осветлитель (Добавить) (Linear Dodge (Add)) и с помощью кисти светлых тонов, добавьте световые блики на верхние участки изображения птички. Добавьте блики на брови, которые сразу сделают их выразительными.
Примечание переводчика: не забудьте преобразовать слой с бликами в обтравочную маску.
Шаг 7
Поработайте над текстурой пёрышек, путём добавления световых бликов на изображение птички, используя тот же самый слой. Используйте тонкие белые штрихи в направлении пёрышек, чтобы сделать их более выразительными.
Также добавьте любви на краях! Воссоздайте текстуру пёрышек вдоль краёв изображения, чтобы края не выглядели, как чёткие линии. У вас получится, если вы добавите белые блики поверх текстуры, чтобы создать красивый световой эффект.
Шаг 8
Мы почти завершили урок! Объедините все слои, и далее продолжаем работать над деталями нашей картины. Добавьте выделяющуюся тень под клювом для усиления черты нашего персонажа. Далее, с помощью жёсткой круглой кисти с шероховатыми краями, прокрасьте края по всему изображению птички.
Примечание переводчика: автор прокрашивает все контурные края изображения с помощью светлой кисти.
В заключение, создайте новый корректирующий слой Кривые (Curves). Откорректируйте кривые для RGB канала и Синего (Blue) канала, чтобы добавить светлые синие тона к нашей картине, а также, чтобы сбалансировать тёплые тона.
Когда вы завершите работу над созданием своей angry bird, то зарядите её в пусковую установку, чтобы что-нибудь разрушить! Надеюсь, вам понравился этот весёлый урок. Используя данную технику, теперь вы можете создать любого любимого персонажа в стиле фан-арт. Удачи!
Итоговый результат:
