Рождение бабочки в Фотошоп

Задумывались ли вы о метаморфозе, когда маленькая, невзрачная гусеница превращается в прекрасного мотылька?

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

Хочу поблагодарить Victoria Bernal и Joel , которые являются участниками Flickr, за предоставленные исходные материалы к данному уроку!

Исходники:

Архив

Мы будем также использовать следующие инструменты Photoshop:

• Осветлитель \ Затемнитель (Dodge / Burn)
• Трансформирование (Transform)
• Пластика \ Деформация (Liquify / Warp)
• Цветовой тон \ Насыщенность (Hue / Saturation)
• Палец (Smudge)
• Режим наложения слоя (Layer Blending Mode)
• Ластик (Eraser)

Шаг 1

Создайте новый документ размером 850 х 1250 пикселей.
Залейте фоновый слой любым цветом (вполне подойдет черный или белый). Назовите фоновый слой "Background".

Теперь залейте фоновый слой градиентом используя такие цвета:
# 576b24 (на переднем плане (foreground)) - с верху;
# 433b24 (фоновый (background)) - в низ.

Воспользуйтесь изображением ниже как подсказкой:

Шаг 2

Активируйте инструмент Кисть (Brush Tool) . Из стандартного набора выберете кисть FUZZBALL. Используя данную кисть (настройки к ней указаны ниже), сделайте произвольные мазки.

Не создавайте новый слой для рисования. Добавляйте мазки (точки) кисти поверх фонового слоя "Background".

Настройки кисти:

• Размер: 360 пикс.;
• Непрозрачность: 100%;
• Жесткость: 100%;
• Цвета используемые при рисовании: черный -  # 000000; охра -  # 8c6f35.

Шаг 3

Продолжим рисовать точки используя Кисть (Brush Tool) FUZZBALL. Настойки кисти остаются такими же как в шаге №2, но в этот раз мы воспользуемся другими цветами:

• Ярко-зеленый -  # a2aa31;
• Светло-оранжевый -  # 70461d;
• Темный коричневый -  # 512bob.

Рисуем по-прежнему на одном слое:

Шаг 4

Теперь к полученному фону мы добавим текстуру. Для этого перейдите к Фильтр - Текстура - Текстуризатор (Filter - Texture - Texturizer).

Настройки фильтра:

• Текстура (Texture): холст
• Масштаб (Scaling): 100%
• Рельеф (Relief): 4
• Свет (Light): сверху

Шаг 5

Сделаем фон немного темнее. Для этого воспользуемся Изображение - Коррекция - Кривые (mage - Adjustments - Curves).

Настройки:

• Выход (Output): 50
• Вход (Input): 70

Шаг 6

Активируйте инструмент Палец (Smudge Tool (R)). Откройте набор кистей  и в списке выберите стандартную кисть "Брызги" (Spatter Brush). Установите настройки указанные ниже.

Настройки кисти для инструмента Палец (Smudge Tool):

• Размер кисти "Брызги": 150 пикс.;
• Интенсивность: 70%.

Круговыми движениями пройдитесь по всему слою "Background". Идея заключается в том, чтобы смешать цвет фона.
На изображении ниже, вы можете увидеть как я работал с инструментом Палец (Smudge Tool).

Шаг 7

Я решил затемнить нижний левый угол фона. Для этого активируем инструмент Кисть (Brush Tool), из набора кистей снова выбираем стандартную кисть FUZZBALL. Цвет устанавливаем на черный и добавляем еще немного точек в месте где хотим сделать фон темнее.

Шаг 8

Когда вы закончите смешивать цвета фона и будете довольны результатом, активируйте инструмент Затемнитель (Burn Tool (O)). Пройдитесь по левой части фона. На изображении вы можете видеть области, которые я сделал более темными:

Шаг 9

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

Шаг 10

Воспользуйтесь ссылкой к исходным материалам урока и скачайте изображение "Одуванчик".

Либо вы можете просто нажать правой клавишей мыши на изображение ниже и в подменю выбрать вкладку "Сохранить картинку как". Сохраните изображение в папку, которую вы легко сможете найти на своем компьютере.

Шаг 11

Перенесите изображение цветка в свою работу и разместите в новом слое. Назовите этот слой "Одуванчик".

Шаг 12

Сейчас нам нужно удалить черный фон в изображении "Одуванчик". Для этого я использую инструмент Волшебная палочка (Wand Tool (W)). Активируйте данный инструмент и сделайте щелчок по черной области. Удалите выделенный фон. Сотрите стебель цветка, воспользовавшись инструментом Ластик (Eraser Tool (E)).

Шаг 13

Активируйте инструмент Овальная область (Elliptical Marquee Tool (M)) и выделите верхнюю часть одуванчика. Не снимая выделение, нажмите клавишу Delete.

Шаг 14

У вас получится нечто подобное, после удаления выделенной части.

Шаг 15

Сделайте копию слоя "Одуванчик", не меняйте название слоя-копии, просто зайдите в Редактирование - Трансформирование - Отразить по вертикали (Edit - Transform - Flip Vertical), чтобы повернуть новый слой.

Шаг 16

Переместите перевернутую копию ближе к оригиналу (с наложением изображений). Объедините копию и оригинал изображения "Одуванчик". Переименуйте полученный слой в "Кокон" (Cocoon).

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

Шаг 17

Используйте инструмент Ластик (Eraser Tool (E)) и скорректируйте края кокона. Не делайте форму удлиненной, мы добьемся этого в дальнейшем, используя инструменты Пластика и Деформация.

Шаг 18

Используйте инструмент Трансформирование (Transform (Ctrl + T)) и попытайтесь сделать форму кокона подобной той, что на рисунке ниже. Растяните кокон по направлению вниз.

Шаг 19

Теперь необходимо придать форму нашему кокону.
Для этого перейдите к Фильтр - Пластика - Деформация (Filter - Liquify -Warp (Shift + Ctrl + X )). Я использую размер деформирующей кисти 300 пикс..

Шаг 20

Для того что бы придать кокону объем, необходимо затемнить его нижнюю часть. В этом вам поможет инструмент Затемнитель (Burn Tool (O)). При работе с затемнением используйте мягкую круглую кисть размером 100 пикс.

Так же необходимо дорисовать ворсинки. Для этого активируйте инструмент Палец (Smudge Tool (R)), размер кисти установите в пределах 5 - 9 пикс., а интенсивность (strength) на 70%. После того как вы настроили инструмент, двигайтесь кистью в направлении от краев кокона - наружу. Руководствуйтесь примером на картинке.

Шаг 21

Пришло время добавить бабочку. Перейдите по ссылке указанной в исходниках урока и скачайте изображение "Бабочка", любезно предоставленное Victoria Bernal.

Или щелкните правой кнопкой мыши, по изображению ниже, и выполните такие действия: Сохранить изображение как (Save Image As) - Укажите путь к вашей папке сохранений.

Шаг 22

Откройте изображение мотылька в новом документе. Активируйте инструмент Прямолинейное лассо (Polygonal Lasso Tool (L)) и создайте выделение вокруг бабочки. Копируйте выделение (Ctrl + C) и вставьте (Ctrl + V) его в свою основную работу. Назовите новый слой "Бабочка" (Butterfly).

Шаг 23

Очистите лишние участки фона возле мотылька. После этого, воспользуйтесь инструментами Трансформирования (Transform (Ctrl + T)) и придайте новую форму телу бабочки ( руководствуйтесь примером на картинке).

Активируйте инструмент Осветлитель (Dodge Tool (O)) и обработайте крылья насекомого. Идея состоит в том, чтобы сделать коричневые оттенки более оранжевыми (красными). Не увлекайтесь осветлением слишком сильно, иначе ваша картинка будет выглядеть плохо.

Шаг 24

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

Перейдем к Изображение - Коррекция - Цветовой тон/ Насыщенность (Image - Adjustments - Hue / Saturation). Вводим такие настройки:

Цветовой тон (Hue): + 20;
Насыщенность (Saturation): + 25;
Яркость (Lightness): 0.

Теперь я доволен цветом бабочки.

Шаг 25

Разместите слой "Бабочка" (Butterfly) над слоем "Кокон" (Cocoon).
Используйте Ластик (Eraser Tool (E)), с мягкой круглой кистью, размером 100 пикс. и непрозрачностью (оpacity) 40% , для удаления участка крыльев бабочки.
Ваша задача, чтобы после стирания области крыла, получить такой вид, словно бабочка находится в коконе.

Шаг 26

Активируйте Прямолинейное лассо (Polygonal Lasso Tool (L)) и сделайте выделение небольшой частички кокона. Скопируйте его (Ctrl + C) и вставьте (Ctrl + V) на новый слой. Дайте название этому слою "Частица кокона" (Cocoon Slice).

Используйте Фильтр - Пластика - Деформация (Filter - Liquify - Warp) для того, чтобы деформировать дублированный участок и сделать его более естественным и плавным (как в позиции №2).

Шаг 27

Убедитесь что слой "Частица кокона" (Cocoon Slice) находится над слоем "Бабочка" (Butterfly). Используя инструмент Перемещение (Move Tool) разместите кусочек кокона так, чтобы он выглядел гармонично.

Шаг 28

Откройте и скопируйте изображение "Листья" (смотри шаг № 21).
Я хочу поблагодарить Jenik, за то что имею возможность использовать это изображение в своем уроке.

Шаг 29

Активируйте инструмент Прямолинейное лассо (Polygonal Lasso Tool (L)) и создайте выделение вокруг ветки с листьями. Далее скопируйте (Ctrl + C) выделенную область и вставьте (Ctrl + V) в рабочий документ. Назовите новый слой "Листья" (Leaves).

Шаг 30

Чтобы сделать края листьев более плавными и удалить оставшиеся участки фона я использую инструмент Ластик (Eraser Tool (E)). В настройках Ластика устанавливаю мягкую круглую кисть.

Как второй вариант, можно использовать маску для слоя "Листья" и черной круглой кистью обработать листву по контуру. Далее применить маску к слою.

Так же, я хочу превратить осенние сухие листья в молодые зеленые. Для этого переходим к Изображение  - Коррекция - Цветовой тон\ Насыщенность (Image - Adjustments - Hue/Saturation).

Настройки для Цветовой тон\ Насыщенность(Hue/Saturation):
Цветовой тон (Hue): + 60;
Насыщенность (Saturation): + 45;
Яркость (Lightness): -30

Шаг 31

Для дальнейшего размещения кокона, необходимо немного подправить форму ветки.
Выделите нижнюю веточку. Скопируйте (Ctrl + C) и вставьте (Ctrl + V) выделенную часть на новый слой. Не давайте название этому слою, а просто передвиньте копию как показано на изображении ниже. Используйте Трансформирование (Transform Tool (Ctrl + T)) и слегка поверните ветку.

Шаг 32

Я благодарю Joel Abroad за изображение "Ветки" которое мы сейчас будем добавлять в наш коллаж.

Вы можете найти данный ресурс перейдя по ссылке приложенной к уроку (смотри исходники).

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

Шаг 33

Добавьте предыдущее изображение в свою работу и назовите этот слой "Ветки" (Foliage).
Как вы заметили, ветка с орхидеей гораздо светлее чем наш основной фон. Для того чтобы вписать новое изображение в работу, нам необходимо сделать его темнее и размыть. Это очень просто!

Прежде всего разместите слой "Ветки" (Foliage) над фоновым слоем "Background". Режим наложения (Blending Mode) слоя "Ветки" измените на Мягкий свет (Soft Light). Далее активируем инструмент Затемнитель (Burn Tool (O)) и обрабатываем ветки. Особое внимание уделите нижней части изображения - нижние ветви должны быть темнее чем верхние. Когда закончите с затемнением, перейдите к Фильтр - Размытие (Blur Tool (R)) и размойте "Ветки".

Шаг 34

Вернитесь к слою "Листья" и перетащите его, разместив над слоем "Ветки".
Теперь вы видите, что изображение выглядит целостно, а листья на переднем плане  - более контрастно. Надеюсь вы довольны вашим результатом.

Теперь мы можем добавить немного света. Для этого используйте инструмент Осветлитель (Dodge Tool (O)). В настройках инструмента установите мягкую круглую кисть; экспозиция (еxposure) - 30%.

В примере ниже? я обозначил участки которые осветлял (Dodge here).

Шаг 35

Вернемся к слоям "Бабочка", "Кокон" и "Частица кокона". Для удобства перемещения этих слоев, вы можете создать для  них отдельную группу. Я не предлагаю вам соединить эти слои в один, так-как это заберет у нас возможность корректировать их по отдельности, если возникнет такая необходимость.

Разместите группу с мотыльком и коконом над слоем "Ветки". Вы можете доработать детали, например, я дорисовал больше ворсинок кокону. Не забудьте "закрепить" кокон на веточке. Для этого активируйте инструмент Палец (Smudge Tool) и доведите верхушку кокона к ветви.

Шаг 36

Мы проделали финальный шаг данного урока. Я надеюсь, что он помог узнать вам что-то новое.

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

Наслаждайтесь вашим знакомством с Photoshop!

Автор: George55

Источник: .pxleyes.com