Понравился наш материал? Поделись с друзьями или нажми лайк!
Фотография в фотографии: опции Fill и Stroke для работы с векторами

Фотография в фотографии:
опции Fill и Stroke для работы с векторами

#уроки_фотошопа
Фотография в фотографии:
опции Fill и Stroke для работы с векторами
17 июля 2013
Фото:Стив Паттерсон

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

Вот фотография, которую мы будем обрабатывать: мальчик с девочкой среди цветов, снимок взят на стоке Shutterstock:

 

 Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Оригинальный снимок

 

А вот как он будет выглядеть после создания эффекта фотографии в фотографии:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Конечный результат

 

Давайте начнем!

 

Шаг 1: Создаем копию слоя Background Layer

Первый шаг – сделать копию оригинала. На панели Слоев мы видим слой Background Layer с нашим оригинальным изображением, других слоев у нас пока нет:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Слой Background Layer содержит оригинал нашей фотографии

 

Чтобы создать его копию в меню, расположенном в верхней части экрана, откройте Layer, выберите New, затем Layer Via Copy. Для более быстрого доступа к этой же команде просто нажмите Ctrl + J (Win) / Command + J (Mac). Оба варианта хороши:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Откройте Layer > New > Layer Via Copy


Вам покажется, что ничего не изменилось, но в панели слоев вы заметите, что появилась копия слоя, которую Photoshop назвал Layer 1 и расположил непосредственно над оригинальным слоем Background Layer:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Копия появляется над оригиналом

 

Шаг 2: Выбираем инструмент Rectangle Tool

На панели инструментов, расположенной в левой части экрана, выберите инструмент Rectangle Tool. Не перепутайте его с Rectangular Marquee Tool, который находится в верхней части панели инструментов. Нам нужен именно Rectangle Tool, один из базовых инструментов произвольных фигур в Photoshop, он расположен ближе к низу:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Выбираем инструмент Rectangle Tool


Шаг 3: Обозначаем границы маленького кадра

Выбрав Rectangle Tool, нарисуем прямоугольник, включив в него основной объект фотографии: мы обрежем лишнее и создадим таким образом маленькую фотографию. Но сначала зададим несколько опций для инструмента в меню Options, расположенном в верхней части экрана. Для начала выберите в меню Tool Mode (также известном как Drawing Mode), расположенном с левого края меню Options, опцию Shape, если она не задана по умолчанию, поскольку наша задача – нарисовать векторную фигуру, или пиксели на основе формы (Pixel-based Shapes), а не контур (Paths):

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Выбираем опцию Shape в Tool Mode


Затем следует выбрать цвета для заливки и окантовки. Давайте сначала выберем цвет для заливки. В меню Options выберите пункт Fill, это новинка Photoshop CS6:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Выбираем опцию Fill


Откроется панель, которая позволяет нам выбрать тип заливки (сплошной цвет, градиент, узор либо отсутствие заливки). В верхней части панели выберите Solid Color (вторая пиктограмма слева), потом выберите для заливки черный цвет. Можно выбрать абсолютно любой цвет, поскольку на конечном изображении мы его все равно не увидим, но чтобы обойтись без расхождений, выбирайте тоже черный. Потом нажмите Enter (Win) / Return (Mac), панель закроется:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

В верхней части панели выбираем Solid Color и черный цвет заливки

 

Теперь выберем цвет для окантовки, которая появится вокруг выбранного прямоугольника, образуя рамку. В меню Options выберите пункт Stroke, это еще одна новинка Photoshop CS6:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Выбираем опцию Stroke


Откроется аналогичная панель, только здесь мы будем выбирать тип окантовки. Опять же можно выбрать сплошной цвет, градиент, узор либо отсутствие окантовки. В верхней части панели снова выберем Solid Color (вторая пиктограмма слева) и белый цвет. Нажмите Enter (Win) / Return (Mac), панель закроется:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Мы снова выбираем опцию Solid Color и белый цвет окантовки

 

Все, что нам нужно, чтобы нарисовать рамку, – это задать изначальный размер окантовки. Вам даже не надо пока думать о том, как бы не допустить ошибки, потому что Photoshop CS6 легко позволяет отменить нарисованное. Поскольку оригинал фотографии большой и в высоком разрешении, я введу значение 20 pt в графу Size в меню Options. Если ваша фотография меньше, лучше и значение задавать небольшое, но опять же это тоже легко будет изменить позднее. Определившись с размером, нажмите Enter (Win) / Return (Mac):

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Вводим размер окантовки

 

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

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Рисуем прямоугольник, включающий детей

 

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

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Отпустите клавишу мыши, и Photoshop нарисует фигуру

 

На панели слоев мы видим, что прямоугольник теперь находится в собственном слое Shape Layer, который расположен непосредственно над слоем Layer 1:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Появляется новый слой Shape Layer с нарисованной нами фигурой

 

Шаг 4: При необходимости изменяем размер окантовки

Велика вероятность, что на данный момент белая окантовка кажется вам слишком широкой или узкой, так что при необходимости изменить ее ширину проверьте, выбран ли инструмент Rectangle Tool в панели инструментов, выделен ли синим слой Shape Layer (Rectangle 1) в панели слоев. Затем нажмите на маленькую стрелочку, расположенную справа от окошка с шириной окантовки в меню Options. Появится ползунок, который можно двигать влево и вправо, меняя ширину окантовки. Изменения вы можете видеть сразу. Я уменьшу окантовку примерно до 14 pt, но не забывайте, что я работаю с фотографией в высоком разрешении. Для снимка в низком разрешении понадобится меньшее значение:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Меняем размер окантовки вокруг прямоугольника

 

Нажмите Enter (Win) / Return (Mac), чтобы убрать ползунок. Вот что получилось у меня. В данном случае окантовка стала лишь немного уже:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Фото после изменения ширины окантовки вокруг прямоугольника

 

Шаг 5: Перемещаем слой Shape Layer под Layer 1

В настоящий момент нарисованная нами фигура полностью закрывает находящуюся под ней фотографию. Чтобы это исправить, надо переместить слой Shape Layer вниз, поставив его между слоями Background Layer и Layer 1. Для этого кликните на Shape Layer в панели слоев и, удерживая кнопку мыши, опускайте его, пока между слоями Layer 1 и Background Layer не появится подсвеченная полоска:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Перетаскиваем слой Shape Layer вниз, пока не появится подсвеченная полоска

 

Увидев ее, отпускайте кнопку мыши, и Photoshop поставит Shape Layer между этими двумя слоями:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Панель слоев: Shape Layer теперь располагается между двумя ранними слоями

 

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

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Пока слой Layer 1 блокирует наш прямоугольник

 

Шаг 6: Выбираем слой Layer 1

Выберите Layer 1 в панели слоев:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Кликаем по слою Layer 1


Шаг 7: Создаем маску (Clipping Mask)

Активировав слой Layer 1, нажмите на кнопку меню, которая находится в правом верхнем углу панели слоев:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Нажимаем на кнопку меню в панели слоев

 

В этом меню выбираем Create Clipping Mask.

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Выбираем команду меню Create Clipping Mask


Таким образом, фотография на слое Layer 1 обрезается до размера лежащего под ней прямоугольника. Если вы не знаете, как работают маски Clipping Mask в Photoshop, то глядя на фотографию, сложно будет понять, что именно тут происходит (поскольку изображения в слоях Layer 1 и Background Layer совершенно одинаковые), но вы заметите, что вернулась белая окантовка вокруг прямоугольника и появилась иллюзия фотографии в фотографии:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Фотография после создания маски (Clipping Mask)


На панели слоев мы видим, что Layer 1 сместился вправо, а слева от его миниатюры появилась стрелочка, показывающая вниз, на слой Shape: таким образом Photoshop информирует нас, что слой Layer 1 теперь обрезан до слоя Shape Layer:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Отображение Clipping Mask на панели слоев

 

Шаг 8: Выбираем слой Shape Layer

Выберите Shape Layer в панели слоев:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Выбираем слой Shape Layer


Шаг 9: Добавляем тень

Выделим фотографию, которая находится в центре, чуть сильнее за счет тени. Выбрав слой Shape Layer, кликните по иконке Layer Styles (fx) она находится в низу панели слоев:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Выбираем иконку Layer Styles


В появившемся списке стилей выберем Drop Shadow:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Выбираем стиль Drop Shadow


Откроется диалоговое окно Layer Style, опции Drop Shadow находятся в средней колонке. Сначала я выберу угол тени (Angle), равный примерно 135°, чтобы создать ощущение, что источник света находится слева сверху. Контролировать, как далеко падает тень, мы можем с помощью ползунка Distance. При работе с фотографией с высоким разрешением хорошо подойдет значение 80 px, но при меньшем разрешении надо задавать меньшее значение параметра, так что, возможно, придется поэкспериментировать. К счастью, Photoshop позволяет сразу увидеть результат изменения по мере перемещения ползунка вправо и влево, так что попробовать разные варианты нетрудно.

 

Чтобы смягчить края тени, выберем опцию Size. Чем большее значение мы зададим, тем более гладкими будут края, но нужное значение также сильно зависит от размера фотографии. В моем случае хороший эффект получается при 30 px, а для фотографий поменьше значение опции Size должно быть меньше. И наконец, я уменьшу непрозрачность тени (Opacity) до 30 %, чтобы она была красивой и не бросалась в глаза. Нам же не нужно, чтобы тень отвлекала на себя слишком много внимания:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Опции Drop Shadow


Закончив, нажмите OK, и диалоговое окно Layer Style закроется. Вот какой получился эффект от наложения тени на маленькую фотографию:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Фотография после добавления тени

 

Шаг 10: Изменяем размер маленькой фотографии и поворачиваем ее при помощи Free Transform

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

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Открываем Edit > Free Transform


Вокруг маленькой фотографии появляется рамка Free Transform с манипуляторами, маленькими квадратиками. Чтобы изменить размер, просто переместите любой из манипуляторов. Они находятся в каждом углу, а также сверху, снизу, слева и справа. Чтобы повернуть изображение, расположите курсор мыши в любой точке снаружи прямоугольника Free Transform и потяните влево или вправо. Можно также переместить маленькую фотографию в другое место, для этого кликните мышью где угодно внутри прямоугольника Free Transform и перетащите. Вы заметите, что на самом деле поворачивается, перемещается и меняет размеры не сама эта фотография, пока изменения затрагивают только белую рамку и ее тень. Чтобы сохранить изменения и закрыть окно Free Transform, нажмите Enter (Win) / Return (Mac):

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Изменяем размер маленькой фотографии, поворачиваем и перемещаем ее при помощи Free Transform


Шаг 11: Выбираем слой Background Layer

Чтобы завершить работу над созданием нашего спецэффекта, давайте переведем остальной участок фотографии – то, что находится вокруг маленькой фотографии, – в черно-белый цвет. Выберите Shape Layer в панели слоев:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Выбираем слой Background Layer


Шаг 12: Добавляем слой для перевода в черно-белый цвет (Black & White)

Выбрав слой Background Layer, кликните по иконке New Adjustment Layer, она находится в низу панели слоев:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Нажимаем на иконку New Adjustment Layer


Из появившегося списка Adjustment Layers выберите Black & White:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Выбираем Black & White из списка

 

Появляется новый слой с названием Black & White 1 для перевода в черно-белый цвет прямо над слоем Background Layer, это видно в панели слоев и означает, что изменения будут производиться только над нижним слоем, то есть Background Layer. Маленькая фотография, которая находится выше, останется в цвете:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Панель слоев с новым слоем над Background Layer


Управлять новым слоем будем через панель Properties. Опция Black & White Image Adjustment появилась впервые в Photoshop CS3 и сразу же зарекомендовала себя как лучший способ перевода в черно-белый цвет. Поскольку в данном случае мы переводим лишь незначительный участок фотографии, особенных требований у нас нет, так что я выбираю автоматический режим (Auto), предоставляя Photoshop решать за меня:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

Моментальное преображение при нажатии на кнопку Auto


И все, готово! Маленькая фотография остается цветной, а все вокруг быстро стало черно-белым, и наша работа над фотографией закончена:

 

Создание эффекта фотографии, эффект фотографии в Photoshop CS6

"Фотография в фотографии", конечный результат

 

Вот! Мы показали, как просто создать эффект фотографии в фотографии, а также ознакомились с новыми опциями Fill и Stroke при работе с векторами в Photoshop CS6!

Источник - http://www.photoshopessentials.com/

 

 

___________

Читайте также:

Меняем сезон: лето - в осень

Добавляем солнце вместо дождя

Среднеформатная фотография: совмещая небо и землю

Пожалуйста, авторизуйтесь или зарегистрируйтесь чтобы оставить комментарий