Использование фотографии как её собственный фон

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

Было:


Стало


Шаг 1: Дублируем слой дважды.

Это первое что мы должны сделать с фотографией - создать несколько слоёв фотографии. Сейчас в палитре слоёв вы можете видеть только один слой.



Давайте сделаем несколько копий изображения, и для этого будем использовать комбинации клавиш Ctrl + J. Используйте сочетание клавиш после создания первой копии, а затем используйте его ещё раз для создания второй копии. Теперь в палитре слоёв у вас три слоя:



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

Шаг 2. Скрываем верхний слой.

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



Шаг 3. Использование образца цвета для фона.

Давайте создадим фон. Во-первых, нажмём на средний слой в палитре слоев:



Для того что бы выбрать цвет на основном фоне, воспользуемся инструментом пипетка( Eyedropper Tool) в палитре инструментов, или клавишей I на клавиатуре.



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



Щёлкнув пипеткой по образцу цвета, вы увидите что выбранный цвет, появился в палитре на панели инструментов:


Шаг 4. Использование Hue/Saturation

Теперь, когда мы выбрали нужный цвет для фона, будем его раскрашивать, кликнем на значок: Корректировка цвета (Hue/Saturation Adjustment), находящийся внизу палитры слоёв




и выберем из списка: Hue/Saturation



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



Как только вы поставите галочку в опции Colorize, фотошоп будет использовать выбранный вами цвет:



Я собираюсь повысить насыщенность цвета, и тяну ползунок насыщенности (Saturation) вправо, пока не достигну значения 50, а значение Lightness довожу до значения 75.




Нажимаете ОК, когда достигнете нужного результата:


Шаг 5. Зеркальное отображение.

Следующее что мы сделаем, горизонтально повернём нашу фотографию. Edit>Transform>Flip Horizontal ( Редактирование - Трансформация - Повернуть горизонтально), и получим зеракльное отображение нашей фотографии.



Шаг 6. Возвращаем главный слой.

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



Шаг 7. Изменение размера главного изображения.

Мы собираемся сделать наше главное изображение меньше, воспользуемся для этого свободной трансформацией. Нажмём на главный слой в палитре слоёв, что бы сделать его активным. Далее нажмём Ctrl+T на клавиатуре, и удерживая нажатой клавишу Shift( для сохранения пропорций), за уголки образовавшейся рамки уменьшаем размер фотографии. ( Я уменьшил фотографию на 60 %). Нажимаем Enter, выделение вокруг фотографии снимется.



Шаг 8. Добавьте рамку К главному изображению.

добавляем рамку к нашему изображению, для этого будем использовать эффект слоя Stroke, нажмём на Эффекты слоя ( буква f) внизу палитры слоёв:



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



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




После выбора цвета для нашей рамки, устанавливаем размер, примерно 4 пикселя, вы можете установить больше, если используете фотографию большого размера, и выбираем Position>Inside



Это ещё не всё, не закрывайте диалоговое окно, мы добавим ещё один эффект слоя
Шаг 9. Добавляем тень.

В диалоговом окне выберем Drop Shadow (тень):



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



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



Изменяем прозрачность тени до 40%, а угол ( Angle) до 130°:



Нажимаем ОК и выходим из диалогового окна.

Шаг 10. Перемещаем главное изображение.

Всё выглядит неплохо, но основное изображение закрывает лица женщины и мужчины, поэтому перемещаем главное изображение с помощью инструмента Перемещение ( Move Tool) в палитре инструментов или нажимаем на клавиатуре клавишу V:



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



Шаг 11. Изменение размеров фона.

Так как лица на фоне всё ещё закрыты основным изображением, я собираюсь увеличить фоновое изображение. Активируем Изображение фон в палитре слоёв. Чтобы видеть всё изображение, включим его во весь экран. Далее трансформируем наше изображение Ctrl+T, и удерживая нажатой клавишу Shift, увеличиваем изображение растягивая его за уголки:



Сдвинем наше изображение так что бы оно идеально гармонировало с нашим главным изображением, когда нас всё устравивает, жмём клавишу Enter.


Вот что получилось у меня