1. Design & Illustration
  2. Photo Manipulation

Рисуем Рыбку Дори в программе Photoshop

by
Read Time:8 minsLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

В честь выхода на большие экраны анимационного фильма “В поисках Дори”, который также является сиквелом мультфильма “В поисках Немо”, я покажу вам, как создать реалистичную картину в стиле фан арт в программе Photoshop. Урок, вдохновлённый мультфильмом, раскроет технику фотоманипуляции и технику цифрового рисунка, которые помогут вам оживить любой образ. Итак, давайте приступим!

Исходные материалы

Следующие исходные материалы были использованы в этом уроке.

1. Исследование: Всё, что мы знаем о Дори

В оригинале

Кто такая Дори?

Где она живёт?

Как она выглядит?

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

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

Ключевые детали, которые нужно запомнить:

  • Дори имеет реальный прототип рыбки Синий Хирург
  • У неё большие блестящие сиреневые глаза
  • Её выражение делает её немного глуповатой
  • У неё нет стандартной рыбьей чешуи

В моей версии

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

  • Её форму тела
  • Структуру её головы
  • Её выражение

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

2. Как нарисовать Дори

Создайте новый документ 1250 x 1040 px с разрешением 150 dpi. С помощью жёсткой круглой кисти, начните рисовать контур Дори. Используйте простые фигуры, чтобы воссоздать её тело и постепенно добавляйте детали.

How to Sketch Dory with Simple ShapesHow to Sketch Dory with Simple ShapesHow to Sketch Dory with Simple Shapes

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

How to Draw Dory in Adobe PhotoshopHow to Draw Dory in Adobe PhotoshopHow to Draw Dory in Adobe Photoshop

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

How to Draw Dory from Finding NemoHow to Draw Dory from Finding NemoHow to Draw Dory from Finding Nemo

3. Совмещаем Фото Текстуры

Шаг 1

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

Мы используем два исходных изображения с рыбками в этом уроке:

Если вы используете исходные изображения рыбок на чёрном или белом фоне, то вам будет легко отделить рыбок от заднего фона. Вначале, с помощью инструмента Волшебная палочка (Magic Wand Tool (W), выделите / удалите задний фон на исходных изображениях с рыбками.

Delete Backgrounds with the Magic Wand ToolDelete Backgrounds with the Magic Wand ToolDelete Backgrounds with the Magic Wand Tool

Шаг 2

Далее, с помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), выделите фрагменты текстуры рыбок, а затем скопируйте / вклейте выделенные фрагменты текстур на наш набросок. Вначале заполните яркой синей текстурой тело рыбки. С помощью инструмента Ластик (Eraser Tool (E), скройте участки текстур, которые выходят за предела контурного рисунка.

Add Fish Skin to Dory from Finding DoryAdd Fish Skin to Dory from Finding DoryAdd Fish Skin to Dory from Finding Dory
Старайтесь, чтобы края рисунка были максимально чёткими вдоль всего изображения Дори.

Поменяйте режим наложения для слоя с наброском на Мягкий свет (Soft Light), таким образом, мы совместить набросок с синей текстурой, а затем продолжайте добавлять текстуру.

Blend Sketches into Illustrations with Soft LightBlend Sketches into Illustrations with Soft LightBlend Sketches into Illustrations with Soft Light

Если вам понадобится увидеть изображение наброска, то вы можете вновь поменять режим наложения на Нормальный (Normal). Продолжайте выделять отдельные детали, используя оба исходных изображения с рыбками, а затем наносить на наш набросок, используя инструмент Свободная трансформация (Free Transform Tool (Ctrl+T). Выберите режим Деформация (Warp), если вам нужно придать фрагменту нужную форму. Давайте начнём с нижнего и верхнего плавника.

Use the Warp Tool to Add Fish FinsUse the Warp Tool to Add Fish FinsUse the Warp Tool to Add Fish Fins

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

Use Photo Textures to Create fins and Fish SkinUse Photo Textures to Create fins and Fish SkinUse Photo Textures to Create fins and Fish Skin
Вырежьте фигуру сердечка с помощью инструмента Ластике (Eraser Tool (E).

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

Add More Fins Using Different StocksAdd More Fins Using Different StocksAdd More Fins Using Different Stocks

Шаг 3

Теперь давайте добавим блестящие глаза Дори. Вначале мы поменяем цвет золотой блестящей текстуры на красивый розовый цвет. Идём Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue & Saturation). Установите значение Цветового тона (Hue) на -78.

Changing the Color of Any Picture in PhotoshopChanging the Color of Any Picture in PhotoshopChanging the Color of Any Picture in Photoshop

Используем ту же самую технику, скопируйте / вклейте фрагмент сверкающей текстуры на наш рабочий документ. Уменьшите Непрозрачность (Opacity) слоя с текстурой до 30%, таким образом, вам будет лучше видеть набросок. С помощью инструмента Ластик (Eraser Tool (E), скройте лишние участки текстуры. Здесь же, с помощью Кисти (Brush Tool (B)), вы можете прокрасить глазные яблоки белым цветом. Примечание переводчика: не забудьте увеличить непрозрачность слоя с текстурой, как только будут выделены глаза.

Adding Dorys Glittery Eyes in PhotoshopAdding Dorys Glittery Eyes in PhotoshopAdding Dorys Glittery Eyes in Photoshop

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

Dory with Photo TexturesDory with Photo TexturesDory with Photo Textures
Используя технику добавления фото текстур к наброску, мы сократили огромную часть работы в два раза.

4. От Плоского изображения к 3D: Рисуем Объём

Шаг 1

Чтобы придать нашему персонажу больше объёма, нам понадобится поработать над светотенями, немного поработав кистью. Объедините все слои с фото текстурами и слой с наброском. Создайте новый слой поверх объединённого слоя в качестве обтравочной маски. Поменяйте режим наложения для нового слоя на Умножение (Multiply).

Начните прокрашивать тени на изображении Дори с помощью инструмента Мягкая кисть (Soft Round Brush (B).

Painting Shadow on DoryPainting Shadow on DoryPainting Shadow on Dory

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

Adding More Volume to your Photo TexturesAdding More Volume to your Photo TexturesAdding More Volume to your Photo Textures
Не забудьте нарисовать в улыбке Дори белые зубки!

Шаг 2

Теперь давайте перейдём к световым бликам! Создайте новый слой, поменяйте режим наложения на Перекрытие (Overlay) и с помощью мягкой белой кисти, добавьте светлые блики поверх изображения Дори. На созданном слое, вы можете продолжать добавлять световые блики, однако, при добавлении деталей, таких как блеск в глазах, вам потребуется создать отдельный слой в режиме Нормальный (Normal), а затем прокрасить глаза на созданном слое.

Painting Highlights on Finding Nemos DoryPainting Highlights on Finding Nemos DoryPainting Highlights on Finding Nemos Dory
Источник света расположен в нижней правой части сцены, поэтому, не забывайте про это во время создания светотеней!

Шаг 3

Пользуясь возможностью, исправьте отдельные участки изображения Дори, которые выглядят немного грубоватыми. С помощью жёсткой круглой кисти, со 100% Жёсткостью (Hardness), добавьте чёткие блики, а также доработайте края.

Cleaning Up a Painting in PhotoshopCleaning Up a Painting in PhotoshopCleaning Up a Painting in Photoshop

5. Создаём Текстуру Кожи

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

Чтобы справится с этой задачей, нам необходимо добавить однородную текстуру. Создайте новый слой, поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light). С помощью жёсткой круглой кисти, цвет кисти серый, прокрасьте поверх всей области кожи на изображении Дори.

Теперь щёлкните правой кнопкой по слою с нарисованной серой текстурой, чтобы применить стиль слоя Наложение узора (Pattern Overlay). В настройках данного стиля слоя, выберите текстуру ‘Heavy Canvas Texture’ для заливки серой области текстурой. Уменьшите Непрозрачность (Opacity) слоя до 35%, чтобы полученный эффект не выглядел слишком грубым.

Add Fish Texture with a Pattern OverlayAdd Fish Texture with a Pattern OverlayAdd Fish Texture with a Pattern Overlay

Перед тем как мы завершим работу над созданием нашей рыбки Дори, нам нельзя забывать про её очаровательные веснушки! Просто используйте жёсткую круглую кисть, чтобы нарисовать мелкие тёмно-синие веснушки поверх "носа" Дори. Используйте инструмент Ластик (Eraser Tool (E), чтобы совместить веснушки с её кожей.

Painting Dorys FrecklesPainting Dorys FrecklesPainting Dorys Freckles

6. Создаём Задний Фон

Шаг 1

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

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

Подсказка:

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

Experiment with Free Stocks for Background for IllustrationsExperiment with Free Stocks for Background for IllustrationsExperiment with Free Stocks for Background for Illustrations
На скриншоте вы можете увидеть мои эксперименты с задним фоном, используя различные исходные изображения, которые были взяты на сайте Pixabay. Какая сцена вам больше нравится?

Шаг 2

Откройте исходное изображение с подводной сценой, переместите данное изображение на наш рабочий документ. Расположите слой с подводной сценой ниже всех слоёв с Дори. Я использую изображение с красивым Подводным рифом. Вначале отразите изображение по горизонтали, для этого идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal). Если вам необходимо применить масштабирование под размеры рабочего документа, то просто нажмите клавиши (Ctrl+T) для активации Свободной трансформации (Free Transform). После добавления заднего фона, убедитесь, чтобы рыбка Дори была расположена в центре подводной сцены.

Flip Stocks for the Perfect BackgroundFlip Stocks for the Perfect BackgroundFlip Stocks for the Perfect Background

Шаг 3

Чтобы задний фон выглядел настоящим, как в мультфильме, я применю к нему небольшое Размытие по Гауссу (Gaussian Blur). Мы применяем данное размытие не только для того, чтобы добавить динамики к рыбке Дори, но, а также, чтобы добавить глубины резкости к сцене и  чтобы задний фон казался немного дальше.

Находясь на слое с задним фоном, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 4 px. И мы завершили работу над нашей подводной сценой!

Finding Dory Fan Art by Melody NievesFinding Dory Fan Art by Melody NievesFinding Dory Fan Art by Melody Nieves

Мы нашли Дори!

Милый и простой дизайн Дори делает её одной из самых любимых персонажей. И ваша рыбка или любой другой персонаж могут стать настоящими с помощью добавления фото текстур.

Я знаю насколько сложно нарисовать цифровой рисунок, но если вы попрактикуете эту технику, то вы сможете воссоздать по-настоящему реалистичные эффекты!

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

Чтобы просмотреть похожие уроки, пройдите по одной из ссылок, указанных ниже. 

One subscription.
Unlimited Downloads.
Get unlimited downloads