Фотоколлаж как создать в фотошопе: Создание коллажей и монтажей | Photoshop, Photoshop Elements

Содержание

Создаём модный коллаж в Фотошоп / Фотошоп-мастер

Вступление

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

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

Вы научитесь использовать разные инструменты, чтоб совместить сканированные элементы с фото и сделанными вручную текстурами; использовать корректирующие слои и маски, чтоб объединить цветовую палитру и композицию иллюстрации.

Я использовала фото модели с iStock, но его легко можно заменить одним из ваших фото. Это же касается и винтажных цветов, которые я взяла из моей коллекции. Вы также можете загрузить текстуры акварели и туши, хотя я предпочла создать их сама.

Используемые материалы:

Архив

Шаг 1

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

Откройте фото с моделью в Photoshop и, используя инструмент Перо (Pen tool), (P), создайте контур вокруг модели.

Шаг 2

Когда закончите, сохраните этот контур. Для этого на панели контуров (paths) вызываем выпадающее меню и выбираем Сохранить контур (Save path).

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

Шаг 3

На панели слоев выберите слой с моделью и дублируйте его (Cmd/Ctrl+J). Свяжите эти слои вместе, для этого выделите одновременно два слоя и кликните на первой иконке внизу панели слоев Связать слои (Link layers).

Перейдите на верхний слой и активируйте сохраненный контур на панели контуров (paths). Кликните по выпадающему меню и выберите Создать выделение (Make selection).

Установите радиус растушевки (feather) 0.3 и нажмите OK. На панели слоев внизу нажмите иконку

Маски (Mask).

Шаг 4

Теперь у нас два слоя: модель с маской слоя и модель с фоном.

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

Шаг 5

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

Волшебная палочка

(Magic Wand tool) (W). В верхней панели установите Допуск (Tolerance) 20, чтоб захватить большую часть пикселей. Уберите галочку с параметра Смежные пиксели (Contiguous), чтоб Волшебная палочка выделила весь одноцветный фон.

Теперь кликните по фону, чтоб выделить его (на нашем изображении он белый). Элементы, которые мы будем использовать, вне выделения. Инвертируйте выделение, чтоб выделенными были цветы (Cmd/Ctrl+I). Скопируйте выделенную область и вставьте в рабочий документ.

Повторите этот шаг и с остальными элементами, которые хотите добавить в коллаж.

Шаг 6

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

Я сконцентрировала цветы вокруг модели, будто она стоит в небольшом цветущем участке.

Шаг 7

Так как коллажи обычно содержат в себе несколько элементов из разных источников, важно каждый из этих элементов подкорректировать при помощи Уровней (Levels), чтоб все они имели одинаковый контраст и насыщенность.

Вы можете сделать это, добавив к слою, который вам нужно изменить,

Уровни (Levels) в панели коррекции (adjustment panel). Вы можете откорректировать тени и света, если это необходимо.

Шаг 8

Мне нравится добавлять цветовые пятна, чтоб связать элементы композиции вместе.

Чтоб сделать это, откройте Illustrator и нарисуйте растекшиеся формы, используя инструмент Перо ( Pen tool) (N).

Примечание: для этой же цели в Photoshop вы можете использовать инструмент Перо и/или Произвольная фигура.

Шаг 9

Скопируйте эти формы и вставьте их в рабочий документ в Photoshop. В панели коррекции (adjustment panel) выберите Цвет/Насыщенность (Hue/Saturation) и измените цвет на такой, который вписывался бы в ваш коллаж.

Шаг 10

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

Используя акварель и тушь, я создала произвольные пятна и отсканировала их в Photoshop, чтоб добавить глубины тем растекшимся кляксам, которые были созданы в Illustrator. Эти изображения вы можете найти в материалах к уроку.

Шаг 11

Используя инструмент Область выделения (Marquee tool) (M), выделите область текстуры, которую вы хотите использовать. Вставьте ее в рабочий документ над слоем с векторными фигурами.

Шаг 12

Удерживая клавишу Alt на клавиатуре, наведите курсор на место между двумя слоями: с текстурой и векторными фигурами. Когда курсор изменит свою форму, кликните, чтоб создать обтравочную маску. Таким образом текстура будет видна только там, где находятся векторные фигуры на слое ниже.

Шаг 13

Я также добавила следы краски на фон, чтоб сделать его интересней.

Чтоб сделать это, повторите шаг 10, но вместо того, чтоб добавлять слою текстуру, установите слою с краской режим наложения Умножение (Multiply). Вы можете изменить цвет краски, повторив шаг 8 и добавив корректирующий слой Цвет/Насыщенность (Hue/Saturation).

Шаг 14

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

Чтоб их создать, я использовала инструмент

Перо

(Pen tool) (N) в Illustrator, с помощью которого нарисовала завитые стебли. Далее скопировала и вставила их в Photoshop.

Примечание: эти завитушки вы также можете нарисовать в Photoshop, используя инструмент Перо или Кисть.

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

Шаг 15

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

(Magic Wand), чтоб выделить изображение птицы и несколько пчел, при помощи которых немного оживила иллюстрацию.

Шаг 16

Остались финальные штрихи. Фон изображения не идеальный, поэтому я решила его отретушировать, убрав царапины. Штамп (Clone Stamp tool) не сможет обеспечить хороший и сглаженный финиш, ведь фон шероховатый. Чтоб зарисовать большие области, я использовала Кисть (Brush tool).

Шаг 17

Для этого создайте новый слой над слоем с фоном. Возьмите инструмент Кисть

(Brush tool), установите непрозрачность (opacity) 40%. Используя Пипетку

(Eyedropper tool), выберите цвет возле той области, которую вы собираетесь скрыть. Кистью наслаивайте цвет, зарисовывая царапины.

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

Шаг 18

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

Шаг 19

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

Шаг 20

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

Автор: Ciara Phelan

Делаем фотоколлаж в Фотошоп / Фотошоп-мастер

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

Идите в Filter > Sharpen > Sharpen ( Фильтр – Резкость – Резкость).

Назовите слой S1. Создайте новый слой под слоем S1 и воспользуйтесь инструментом Прямоугольная область (Rectangular marquee tool) для того, чтобы произвести выделение:

Используйте инструмент заливка , чтобы закрасить изображение цветом Paint bucket Tool #f9f7f1.

Объедините слои S1 и новый слой. Назовите общий слой S1-photo. Кликните по этому слою и идите в Edit > Free Transform (Редактирование – Свободное трансформирование) (нажать Ctrl + T). Затем выберите следующий инструмент:

Превратите свое изображение в некое подобие развевающегося флага (ну или в любую другую желаемую вами форму):

И нажмите ок. То же самое проделайте с еще парой фоток. У вас получится примерно так:

Следующим нашим шагом будет открытие в Фотошоп вот этой текстуры, разместите её в в основном документе под тремя слоями. Создайте новый слой поверх всех и залейте его цветом #eae7d8, режим наложения этого слоя поставьте на Умножение — multiply и непрозрачность 69% — opacity.

Результат:

Возьмите кисть со следующими настройками:

Можете менять непрозрачность кисти для придания ей мягкости. Создайте новый слой выше текстуры и используйте эту кисть. Получится следующее:

Найдите картинку с цветком. Откройте в фотошоп и вырежьте оттуда цветок, вставьте в наш рабочий документ.

Используйте свободное трансформирование Free Transform для изменения размера. Также, я изменила цвет для большего сочетания с фоновым цветом.

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

Мой результат:

Можете добавить еще какие-нибудь надписи и использовать другие кисти для декорирования своей работы.

Окончание нашей работы:

Автор: photoshop-garden

Как создать в Photoshop красивый естественный коллаж

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

Это занятие выполняется с помощью программы Adobe Photoshop СС 2014, но возможно использование других версий СС 2014 и новее.

Применяемые материалы:

олень
ворон
лес
фактура туманности «Nebula»
фактура горящих огней («Starry 4»).

Хронология создания

Действие 1

Создают новый документ. Команды Файл — Создать (File — New). Устанавливают размеры, они должны быть не ниже:

Ш.: (Width): 894 рх

В.: (Height): 708 рх

Разрешение: 300 (рх/дюйм)

Действие 2

Открывают отправной рисунок «Лес», с помощью команды «Перемещение» (Move Tool) переносят его на созданный ранее новый документ, если это необходимо, то трансформируют его. Нажимают сочетание клавиш (Ctrl+T) и чтобы сохранить пропорции зажимают и удерживают Shift. Располагают картинку, как изображено на фото.

Действие 3

Изменяют начальный рисунок «Лес» в смарт-объект, для этого кликают правой кнопкой по слою с лесом и выбирают «Преобразовать в смарт-объект» (Create Smart Object).

Чтобы добавить глубины в будущий рисунок применяют фильтр «Размытие по Гауссу». Переходят в Фильтр – Размытие — Размытие по Гауссу (Filter – Blur- Gaussian Blur) и устанавливают радиус размытия на 8,2рх.

Действие 4

Выбирают инструмент «Кисть» (Brush tool). Кисть мягкая, цвет черный. В настройке инструмента установим на 30% «Непрозрачность» (Opacity) и «Нажим» (Flow). Находясь на маске-слое фильтра «Размытие по Гауссу», убирают размытие. На фото ниже показана зона:

В результате образовалась глубина в будущем рисунке:

Действие 5

Добавляют исправляющий слой «Яркость/Контрастность» (Brightness/Contrast), применяют форму, которая скрывает другое изображение так, что заметными остаются только контуры обтравочной маски, иными словами, необходимо прикрепить корректирующий слой «Яркость/Контрастность» к слою с лесом. Необходимо зажать клавишу (Alt) и навести мышкой между корректирующим слоем «Яркость/Контрастность» и слоем лес. Потом кликают левой кнопкой. В результате привязывают корректирующий пласт к слою с лесом.

Устанавливают показатели яркости – 62 и контрастности – 46

Действие 6

Добавляют исправляющий слой «Цветовой Баланс» (Color Balance) и используют с ним «Обтравочную маску» (Create Clipping Mask).

После выполнения предыдущего шага, где добавляли корректирующие слои, для теней (Shadow) используют следующие показатели: для красного оттенка устанавливают – 19, зеленого – 7, синего +7. Для полутонов (Midtones): красного – 24, зеленого – 21, синего +5. Для света (Highlights): красного – 15, зеленого – 10, синего – 2.

В результате получается:

Действие 7

В этом действии нужно снизить количество желтого оттенка на картинке. В этом случае используют корректировку. Для этого выбирают команду «Выборочная коррекция цвета» (Selective Color) и применяют «Обтравочную маску» (Create Clipping Mask).

Панель настроек выглядит так: желтый – 19, голубой – 100%, пурпурный – 4%, черный не используется и выставлен – 0.

В результате получилось:

Действие 8

Следующий шаг добавляет особую туманность. Для этого открывают отправную картинку «Nebula» и с помощью инструмента «Перемещение» (Move Tool) перемещают его на главный документ, при помощи комбинации клавиш (Ctrl+T) трансформируют его.

Чтобы сохранить пропорции зажимают кнопку Shift, наносят картинку:

Прежде чем посмотреть, насколько особенно выглядит использованная туманность, переименовывают слой в «Туманность», снижают «Непрозрачность» (Opacity) до 33% и трансформируют порядок наложения на «Экран» (Screen):

Действие 9

Добавляют слой корректировки «Цветовой тон/Насыщенность» (Hua/Saturation) к «Туманность», а также применяют «Обтравочную маску» (Create Clipping Mask). Показатели цветового тона – 92, насыщенности – 13.Устанавливают метку на команде «Тонирование» (Colorize).

Действие 10

Раскрывают PSD файл с вороном, подбирают любой понравившийся объект, далее размещают его на основной документ. Для более реалистичной картинки вписывания ворона применяют фильтр «Размытие по Гауссу» (Filter — Blur — Gaussian Blur).

Действие 11

Переходим к созданию светового источника. Создают еще один слой «Источник света» с помощью комбинации кнопок (CTRL + SHIFT + ALT + N). Выбирают «Кисть» (Brush Tool). Делают ее мягкой с помощью настроек «Непрозрачность» и «Нажим» (Flow) до 50%. Производят изменения в палитре цветов переднего плана на (#1b3a5d) и создают луч света. Это видно на рисунке ниже:

Изменяют порядок нанесения для слоя «Источник света» на «Линейный осветлитель» (Linear Dodge), и снижают «Непрозрачность» (Opacity) до 88%.

Действие 12

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

Чтобы устранить черный фон и гармонично вписать текстуру на картинке нужно изменить порядок наложения текстуры на «Экран»(Screen):

Переходим к смене цвета текстуры. Добавляем слой корректировки «Цветовой тон/Насыщенность» (Hue/Saturation), далее к этому слою применяют «Обтравочную маску».

При этом показатель насыщенности равен 100:

Для завершенной картины добавляют парочку горящих объектов, создают новый слой «Свечение 2». Выбирают «Кисть» (Brush Tool). Делают ее мягкой, цвет белый, как на рисунке:

Действие 14

Добавляют внешнее свечение «Свечение 2». Это можно сделать, кликнув по слою левой клавишей мышки 2 раза и используют следующие размеры «Внешнего Свечения» (Outer Glow) – осветление основы (Color Dodge), непрозрачность (Opacity) – 54%, цвет (#166082), размер (Size): 32 px.

Дублируют слой «Свечение 2» комбинацией клавиш (Ctrl+J) и располагают светящуюся точку в разных местах нашего документа, где посчитаете нужным. Предварительный итог, который должен получиться:

Действие 15

Наступило время в темный лес добавить оленя. Для этого нужно открыть основную картинку и с помощью инструментов выделяют и извлекают изображение и помещают его на основной документ. Изменяют, для этого необходима комбинация клавиш (Ctrl+T). Чтобы сохранить пропорции зажимают и удерживают кнопку Shift. Располагают картинку, как показано ниже:

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

Действие 16

Далее нужно создать внешнее ощущение падающей на траву тени. Естественный луч света направлен на спину животного, следовательно тень будет падать от его нижних конечностей. Формируют новый слой «Тень», он располагается выше слоя с животным. Выбирают «Кисть» (Brush Tool). Делают ее мягкой, цвет черный, устанавливают уровень «Непрозрачность» и «Нажим» до 30%, далее наносят тень так, как на рисунке:

Действие 17

Уменьшают яркость рисунка животного, добавляют исправляющий слой «Цветовой тон/Насыщенность» (Hua/Saturation), изменяют показатель «Насыщенность» до – 34. Необходимо использовать «Обтравочную маску» (Create Clipping Mask) к слою с оленем.

Действие 18

На данном этапе отличаются показатели яркости оленя и основной картинки. Для этого добавляют исправляющий слой «Кривые» (Curves), при этом применяют «Обтравочную маску» (Create Clipping Mask) к слою с оленем.

В результате получилось:

Действие 19

Для гармоничного вписывания н изображение изменяют и добавляют «Цветовой баланс» оленя, для того чтобы вписать его еще лучше. Используются следующие показатели тонов: красного – 20, зеленого – 17, синего – 15; для полутонов: красного – 29, зеленого – 3, синего +12. Для света: красного + 11, зеленого +7, синего +6. При этом применяют «Обтравочную маску» (Create Clipping Mask) к слою с оленем.

В результате:

Действие 20

Формируют еще один слой поверх всего «Освещение», в палитре цветом изменяют тон на первого плана на (#2b5463). Выбирают «Кисть». Делают ее мягкой, устанавливают уровень «Непрозрачность» и «Нажим» до 30%, просовывают естественный источник света, падающий на спину животного так, как на рисунке:

Трансформируют порядок нанесения слоев «Освещение» на «Линейный Осветлитель» (Linear Dodge) и уменьшают «Непрозрачность» до 55%

Как видно на рисунке олень идеально вписался в основное изображение.

Действие 21

Повторяем дествие№11. Цвет кисти (#1d506d), слой «Освещение леса»

Действие 22

Изменяют порядок наложения слоев «Освещение леса» на «Замена светлым» (Lighten) и уменьшают «Непрозрачность» до 66%

Действие 23

Начинаем финальную корректировку картины, добавляя исправляющий слой «Карта Градиента» (Gradient Map). 1 клик по цветовой полоске градиента и настраивают указанные цвета: слева (#000000) направо (#143d4e) (от черного к темно-голубому).

Изменяют порядок наложения «Карты Градиента» на «Осветление Основы» (Color Dodge), для того, чтобы сделать градиент светлее.

Действие 24

Добавляют исправляющий слой «Выборочная коррекция цвета» (Selective Color) и настраивают следующие показатели: панель настроек выглядит так (цвет – зеленый): желтый – 100%, голубой – 100%, пурпурный – 100%, черный не используется и выставлен – 0.

Панель настроек выглядит так (цвет – желтый): желтый – 5%, голубой – 13%, пурпурный – 26%, черный не используется и выставлен – 0.

Это необходимо, чтобы устранить лишний зеленый цвет.

В результате:

Действие 25

Добавляют слой для корректировки «Яркость/Контрастность» с показателями: яркость – 67, контрастность – 32, непрозрачность до 64%.

Сразу же добавляют исправляющий слой «Поиск цвета» (Color Lookup). При этом важно обратить внимание, что здесь использовался пресет: «Kodak 5218 Kodak 2383». Тем, кто не использует версию Photoshop CC, рекомендуют достичь схожих результатов с помощью уменьшения уровня непрозрачности для исправляющего слоя «Поиск цвета» до 55%.

После использования корректирующих слоев получилось:

Действие 26

И в завершении с использованием исправляющих слоев, добавляют конечный «Яркость/Контрастность» с показателями: яркость – 49, контрастность – 1.

В результате:

Действие 27

Находясь на последнем корректирующем слое «Яркость/Контрастность» нужно избавиться от лишних оттенков, для этого переходят на маску-слоя корректирующего слоя и выбирают «Кисть». Делают ее мягкой, устанавливают уровень «Непрозрачность» и «Нажим» до 30%, цвет черный, это позволит сберечь яркие огоньки света в центре изображения:

В результате:

Действие 28

При желании сделать меньше светящихся огней, не нужно снова брать «Кисть», а достаточно установить курсор на слой-маску «Яркость/Контрастность» и кликнуть дважды левой кнопкой мышки. Появляется окно:

Уменьшают «Плотность» (Density) c 100% до 65%, перетаскивают ползунок влево. Уменьшение плотности приводит к изменению цвета с черного на серый.

Давайте посмотрим на финальный результат нашего труда:

Как видно уменьшена яркость в центре картины, с помощью плотности слой-маски. Если

Создание сказочного коллажа в Фотошоп

Большинство из нас выросло на тех или иных сказках. Однако когда мы вырастаем, то начинаем замечать подтекст, а иногда и не очень приятные вещи в рассказах. В этом уроке мы будем интерпретировать популярную сказку о лягушке и принцессе с веселой иронией. В процессе урока мы рассмотрим некоторые новые инструменты, имеющиеся в Photoshop CS6.

Финальное изображение

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

Архив

Шаг 1

Создайте новый документ Width (Ширина) 4500px, Height (Высота) 3000px, Resolution (Разрешение) 300px/inch.

Шаг 2

Перетащите стоковое изображение «Лес» в рабочий документ и подгоните его под размер нашего холста. Удерживайте клавишу Shift, пока будете преобразовывать изображение, чтобы сохранить соотношение сторон. Нажмите Enter, когда закончите, назовите этот слой «Основание».

Перетащите стоковое изображение «Джунгли» и расположите его также на холсте. Назовите этот слой «Фон», он должен находиться выше слоя «Основание».

Используйте Move Tool (V) (Перемещение), чтобы расположить этот слой, как показано ниже. Добавьте маску к слою, нажав на значок маски внизу палитры слоев.

На маске слоя используйте кисть черного цвета с Hardness (Жесткость) 0% со следующими параметрами, чтобы соединить слои «Фон» и «Основание». Пройдитесь кистью по маске, делая видимой область земли, покрытой мхом, ветками и другой органикой.

Убедитесь, что оба слоя хорошо сочетаются. Понизьте Opacity (Непрозрачность) слоя, чтобы посмотреть, вдруг вы пропустили какие-то элементы, например, камни слева.

Теперь давайте воспользуемся новым параметром размытия, доступным только в Photoshop CS6: Field Blur (Размытие поля). Перейдите в меню Filter -> Blur -> Field Blur (Фильтр -> Размытие -> Размытие поля). С этим очень мощным инструментом, мы можем создать искусственную глубину резкости без необходимости создавать несколько слоев с различной степенью размытия. Просто переместите курсор мышки на область, которую хотели бы размыть. Курсор превратится в значок булавки с плюсиком около него, что будет означать возможность добавления булавки. Затем просто нажмите на кнопку мыши, и новая булавка появится.

Далее нажмите и поверните внешнее кольцо управления булавки, чтобы установить нужную степень размытия (Поворот по часовой стрелке усилит степень размытия, против часовой стрелки — уменьшит). Чтобы получить равномерное размытие всего изображения, установите для булавки в центре изображения уровень размытия 19px.

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

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

Шаг 3

Выберите слой «Основание» и перейдите в меню Filter-> Blur-> Tilt Shift (Фильтр –> Размытие -> Наклон-смещение). Это также новая функция в Photoshop CS6, которая позволит создать нам размытие краев, не затрагивая центр изображения (это зависит от того, где вы разместите и настроите его). Щелкните по самой четкой области слоя: Это будет область с нормальной резкостью в нашей композиции, поэтому так важно, чтобы все было ясно. Установите значение размытости около 60px и перемещайте белые точки вертикально над и под кругом, расширяя глубину резкости. Мы хотим, чтобы передний план изображения стал мутным, как передний план размытого слоя «Джунгли». Оставьте остальные настройки фильтра без изменений.

Шаг 4

Перетащите стоковое изображение лягушки на холст и назовите этот слой «Лягушка». Не изменяйте сильно размер – оно нам еще понадобится!

Мы должны избавиться от фона позади нашего маленького принца, поэтому выберите инструмент Pen Tool (P) (Перо), который является чудесным средством для выделения элементов из фотографий. Это не самый простой или быстрый, но это наиболее точный инструмент, который можно использовать для такого дела. Убедитесь, что в меню опций в верхней левой части интерфейса выбрана опция Path (Контур). Если вы новичок в этом, Pen Tool (Перо) очень интуитивно, но требует некоторого направления: мы будем кликать по границам формы лягушки и перемещать нашу мышь, чтобы приспособить контур. Поэтому щелкните по любому участку границы, на которой вы хотите установить стартовую точку, затем нажмите кнопку в ближайшем районе и наведите курсор мыши (в примере ниже, немного влево), и вы увидите, что линия между двумя указателями, которая называется «контур», приспосабливается к форме, которая нам нужна.

Если вы поняли эти основы, то выделение не потребует от вас много усилий. Не забудьте всегда перемещать курсор в том направлении, в котором вы хотите получить контур. Также не забудьте увеличивать масштаб (Alt + колесо мыши) для получения более точного выделения.

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

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

Щелкните правой кнопкой мыши и выберите Create Vector Mask (Создать Векторную Маску), затем перейдите на слой и щелкните правой кнопкой мыши по иконке слой-маски и выберите Rasterize Layer(Растрировать слой). Вуаля!

Теперь щелкните правой кнопкой мыши по иконке маски снова и выберите Refine Mask (Уточнить маску), чтобы сделать наше выделение более точным.

В новом окне, поставьте галочку на Smart Radius и используйте настройки, показанные на рисунке ниже. Таким образом, наши границы изменятся в лучшую сторону: станут немного размытыми, потому что не вся лягушка находится в области с нормальной резкостью изображения, так что остальные края ее визуального объема должны быть размыты в соответствии с глубиной резкости, которую мы используем.

Когда вас все устроит, нажмите Enter и на вкладке Paths (Контуры) в Палитре Layers(Слои) щелкните правой кнопкой мыши и выберите Delete Path (Удалить Контур), если не собираетесь его больше использовать.

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

Но теперь, если вы уменьшите размер изображения, то заметите, что некоторые области между лап лягушки должны быть вырезаны. Возьмите снова Pen Tool (P)(Перо), и, создайте контур областей, от которых мы хотим избавиться. Затем щелкните правой кнопкой мыши — Make Selection (Образовать выделенную область) и укажите 1px, потому что мы хотим, чтобы эти границы были с большей размытостью, чем другие области изображения, так как они находятся ближе к первой плоскости глубины резкости. Не забудьте снять выделение Ctrl+D, когда закончите с выделением.

Шаг 5

Теперь у нас есть выделенная лягушка, нажмите Ctrl + T, масштабируйте слой и поверните его влево на -22 градуса .

Переместите его немного вниз и влево.

В конце изображение должно быть расположено следующим образом.

Шаг 6

Хотя края лягушки хорошо сочетаются с окружающей средой, они все еще выглядят некрасиво. Дело в том, что из-за исходного освещения стокового изображения, оранжевый цвет исходного изображения вышел по краям, и это совсем не соответствует остальной части нашей композиции. Так что берите Sponge Tool (O)(Губка) и в верхнем меню выберите Desaturate (Снизить насыщенность). Теперь используйте маленькую мягкую кисть, чтобы закрасить оранжевые границы. В любом случае они не будут фантастически выглядеть, но мы сразу это исправим.

Зажмите клавишу Ctrl и нажмите по миниатюре слоя, чтобы загрузить выделение, затем нажмите Ctrl + Shift + N, чтобы создать новый слой. Назовите его «Зеленые границы». Мы делаем это, для того, чтобы нарисовать поверх границ лягушки и не выйти за ее пределами.

Увеличьте масштаб и, используя Color Picker Tool (I) (Пипетка), выберите цвет рядом с, теперь уже ненасыщенными, границами.

Выберите инструмент Brush Tool (B) (Кисть) размером около 100px, Hardness (Жесткость) 0%, Opacity (Непрозрачность)100% и Flow (Нажим) 30% и пройдитесь ею по границам лягушки. Затем установите режим наложения для этого слоя Screen (Экран) Opacity (Непрозрачность) 55%.

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

Шаг 7

Чтобы немного улучшить слой «Лягушка» и подогнать его к глубине резкости сцены, перейдите в меню Filter-> Sharpen-> Smart Sharpen (Фильтр -> Резкость -> Умная резкость) и используйте следующие настройки

Шаг 8

Если проанализировать перспективу лягушки, то есть нечто такое в ней, что не гармонирует вообще с землей. Мы можем это исправить, удалив »руку» лягушки, которая находится под вторым подбородком. Выделите ее с помощью Pen Tool (P)(Перо), правый клик по контуру, выберите Make Selection (Образовать выделенную область) Feather (Радиус растушевки) 1px. Не забудьте снять в конце выделение (Ctrl + D).

Шаг 9

Так же, как и на слое «Фон», мы воспользуемся Filter-> Blur-> Field Blur (Фильтр -> Размытие-> Размытие поля), чтобы нижняя часть лягушки соответствовала глубине резкости переднего плана земли. Прежде всего, нажмите на область, которая должна быть четкой и установите значение Blur (Размытие) 0. Таким образом, мы избежим размытости той области, которая должна оставаться четкой.

Затем нажмите на область, которая должна быть более размытой — нижняя »нога» и установите Blur (Размытие) 11.

Установите вблизи нее Blur (Размытие) 0, так как эта область лягушки итак достаточно размыта.

Установите Blur (Размытие) 1 в районе между ног.

Еще несколько штрихов, и мы готовы пойти дальше:

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

Шаг 10

Понизьте Opacity (Непрозрачность) слоя «Лягушка» до 40%. Сейчас нам нужно объединить лягушку с маленькими веточками и предметами, которые уже были на земле, так чтобы добиться трехмерного вида.

Используйте Pen Tool (P)(Перо), чтобы выделить эту ветку. Правый клик, выберите Make Selection (Образовать выделенную область) Feather (Радиус растушевки) 0,5, а на маске слоя «Лягушка» используйте Brush Tool (B) (Кисть) черного цвета закрасьте выделение. Таким образом, ветка будет смотреться выше руки лягушки.

Используйте Blur Tool (Размытие), чтобы размыть чуть сильнее края на слой-маске.

Повтори процесс с этой крошечной частью зелени под одним из пальцев:

Мы также избавимся от другого пальца, чтобы шишка сзади него стала видна, поскольку положение пальца смотрится странно и не соответствует перспективе сосновой шишки. Будет легче выделить его инструментом Pen Tool (P) (Перо), и заполнить его черным цветом на маске слоя, чтобы удалить его.

Для некоторых очень маленьких элементов, например, как эта ветка, возможно, потребуется использовать инструмент Brush Tool (B) (Кисть) черного цвета с Hardness (Жесткость) 0% на слой-маске и стереть больше, чем нужно. Затем переключитесь на белый цвет, чтобы исправить какие-либо детали. Иногда так работать быстрее, чем играться с непрозрачностью.

Используйте мягкую черную кисть, чтобы стереть нижние области руки за объемным, покрытым мхом камнем.

Выделите угол самого длинного пальца Pen Tool (P) (Перо) и придайте ему более округлую и естественную форму. Не забудьте щелкнуть правой кнопкой мыши по контуру, выбрать Make selection (Образовать выделенную область), Feather (Радиус растушевки) 0,5, залейте его черным цветом на маске слоя, затем снимите выделение, нажав Ctrl + D.

Возьмите Burn Tool (O) (Затемнитель) в режиме Shadows (Тени), Exposure (Экспонирование) 25% и пройдитесь им немного по руке для усиления тени.

Возьмите Dodge Tool (O) (Осветлитель) в режиме Highlights (Подсветка), Exposure (Экспонирование) 25% закрасьте ту же область. Таким образом, мы придадим немного объема руке, которая выглядит достаточно плоской.

Шаг 11

Дублируйте слой «Фон», выделив его и нажав Ctrl + J, или через меню Layer -> Duplicate Layer(Слой -> Дублировать слой), перетащите его так, чтобы он стал выше слоя «Лягушка». Назовите этот слой «Лучи света».

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

Перейдите в меню Filter -> Blur -> Radial Blur (Фильтр -> Размытие -> Радиальное размытие). В квадратной сетке перетащите центр в верхний левый угол и установите Amount (Количество) 41px в режиме Zoom (Линейный)

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

Установите режим наложения для этого слоя Screen (Экран)

Перейдите в меню Image->Adjustments->Levels (Изображение ->Коррекция ->Уровни) и используйте следующие настройки для затемнения слоя, чтобы он перестал быть виден над лягушкой:

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

Удерживая Ctrl, нажмите по иконке слоя «Лягушка», чтобы загрузить выделение, и начните закрашивать мягкой черной кистью на маске слоя «Лучи света» области лягушки так, чтобы освещение не было слишком избыточным. Следует иметь в виду объемы лягушки, чтобы удалить определенные области

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

Шаг 12

Мы собираемся добавить немного атмосферного света, который будет ориентироваться ранее сделанными еле различимыми лучами света. Создайте новый слой (Ctrl + Shift + N) выше слоя «Лучи света», назовите его «Освещение». Выберите Gradient Tool (G) (Градиент), в настройках укажите радиальный градиент, цвета черный и белый.

Протяните градиент от левого нижнего угла к правому верхнему.

Установите режим наложения Overlay (Перекрытие) Opacity (Непрозрачность) 35%.

Шаг 13

Говоря об освещении, вы заметите светлые края на правой стороне головы лягушки. Используйте Burn Tool (O) (Затемнитель) небольшого размера с мягкими краями в режиме Highlights (Подсветка), Exposure (Экспонирование) 25%, чтобы уменьшить яркость участков этой области, пока края не приобретут тот же самый диапазон освещения как фон позади него (на слое «Лягушка»).

Шаг 14

На слое «Лягушка», перейдите в меню Filter-> Liquify (Фильтр -> Пластика), чтобы изобразить красивую улыбку на лице, изменяя его. Выберите Forward Warp Tool (Деформация) и потяните левую сторону рта вверх.

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

Шаг 15

Создайте новый слой (Ctrl + Shift + N) над слоем «Лягушка», назовите его «Освещение лягушки» и, удерживая Ctrl, кликните по иконке слоя «Лягушка», чтобы загрузить выделение. Мы собираемся вручную скорректировать освещение с помощью Brush Tool (B) (Кисть). Для этой обработки рекомендуется графический планшет. Если вы используете его, нажмите клавишу F5, чтобы открыть Панель настройки кисти и выберите функцию Shape Dynamics (Динамика формы), укажите Pen Pressure (Нажим пера) в Size Jitter (Колебание размера), если ваш планшет поддерживает его; теперь вы сможете контролировать размер кисти с помощью пера, вместо того, чтобы изменять его вручную. Для начала выберите черный цвет и используйте размер 80px, Hardness (Жесткость) 0%, Opacity (Непрозрачность) и Flow (Нажим) 20% и закрасьте естественные тени лица в данный момент уже на исходном изображении, чтобы подчеркнуть их.

Уменьшите размер кисти, чтобы закрасить линию рта.

Увеличьте снова размер кисти, чтобы улучшить естественные тени на лице. Важно сохранить тонкие штрихи, и не сделать, черный цвет видимым.

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

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

Установите режим наложения Soft Light (Мягкий свет), чтобы то, что мы нарисовали, стало незаметным.

Дублируйте этот слой, нажав Ctrl + J, затем объедините его с оригинальным слоем, нажав Ctrl + E. Таким образом, мы немного увеличиваем объем.

Не важно, если вы не очень хорошо нарисовали, так как мы перейдем в меню Filter-> Blur->Gaussian Blur (Фильтр –> Размытие –> Размытие по Гауссу) с радиусом около 10px, чтобы затенить этот слой и сделать из него что-то более однородное.

Понизьте Opacity (Непрозрачность) до 80% — 85%. Вот мы и закончили с этим на данный момент.

Шаг 16

Давайте выделим лягушонка и изменим немного его цвет. Нажмите Ctrl + U для Hue/Saturation (Цветовой тон/Насыщенность) и переместите маркер Hue (Цветовой тон) немного влево, чтобы цвет кожи лягушки приобрел золотой/желтый оттенок.

Теперь нажмите Ctrl + B, чтобы открыть диалоговое окно Color Balance (Цветовой баланс) и используйте следующие настройки, чтобы получить идеальный цвет для нашего героя:

Шаг 17

Чтобы исправить освещение, не разрушая пиксели на слое «Лягушка», мы собираемся воспользоваться Patch Tool (J) (Заплатка) и новой функцией Content Aware (С учетом содержимого). Мы исправим области теней, которые не соответствуют свету, проецируемого от деревьев. Нарисуйте выделение на области, как показано ниже, затем перетащите выделение на более светлую область, чтобы заменить и соединить с другими участками кожи. Делайте выделения произвольной формы, иначе получите жесткие края. Будьте осторожны и делайте выделения в соответствии с натуральными линиями лягушки.

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

Теперь возьмите Clone Stamp Tool (S)(Штамп) размером 200px, Hardness (Жесткость) 0%, Opacity (Непрозрачность) 45% и Flow (Нажим)100%. Мы будем использовать подобную технику исправления, но в этот раз получим плавное рассеивание некоторых нежелательных теней.

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

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

Сейчас понизьте Opacity (Непрозрачность), чтобы изменение было менее заметно:

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

Шаг 18

Так как мы избавились от исходного объема стокового изображения, давайте нарисуем реальное освещение, которое должно падать на лягушку. Используйте Dodge Tool (O) (Осветлитель) большого размера с мягкими краями в режиме Midtones (Средние тона), Exposure (Экспонирование) 25% и начинайте рисовать рассеянный свет на спине лягушки, куда должен падать свет.

Переключитесь на более мелкие кисти, чтобы осветить детали лица. Сделайте сильнее оригинальное освещение и придайте объем рту и глазам в частности.

Продолжайте делать большие штрихи на спине и по верхней части руки и ноги.

Также пройдитесь по краям лягушки слева, которые по-прежнему смотрятся немного странно.

Шаг 19

Выберите слой «Зеленые границы» и зайдите в меню Filter-> Blur-> Gaussian Blur (Фильтр -> Размытие –> Размытие по Гауссу), чтобы сделать их более мягкими:

Дублируйте этот слой, нажав Ctrl + J, и установите режим наложения Normal (Обычный).

Нажмите Ctrl + U, чтобы открыть окно Hue/Saturation (Цветовой тон/Насыщенность). Понизьте насыщенность и яркость, передвиньте маркер цветового тона, чтобы сделать зеленый цвет более привлекательным, заменяя его подобным желтым цветом:

Теперь перейдите к маске слоя «Лягушка» и выберите Brush Tool (B) (Кисть) черного цвета, размер 20px, Hardness (Жесткость) 0%, и начните стирать края лягушки, так что видимой остается копия слоя «Зеленые границы». Таким образом, мы избавимся, наконец, от раздражающих оранжевых краев.

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

Шаг 20

Вернитесь на слой «Лягушка», возьмите Burn Tool (Затемнитель) в режиме Midtones (Средние тона) и Exposure (Экспонирование) 5% и закрасьте этот слой, чтобы создать темные области. Начните закрашивать уже затемненные участки лица для повышения контрастности.