Фото:Стив Паттерсон
В этом уроке мы научим вас простому способу подчеркнуть тему снимка за счет создания иллюзии, будто на оригинальный снимок наложена фотография меньшего размера, а усилим мы это ощущение за счет того, что сделаем больший снимок черно-белым. Урок подходит для Photoshop CS6, в нем мы рассмотрим новые опции Fill и Stroke для работы с векторами в CS6.
Вот фотография, которую мы будем обрабатывать: мальчик с девочкой среди цветов, снимок взят на стоке Shutterstock:
Оригинальный снимок
А вот как он будет выглядеть после создания эффекта фотографии в фотографии:
Конечный результат
Давайте начнем!
Шаг 1: Создаем копию слоя Background Layer
Первый шаг – сделать копию оригинала. На панели Слоев мы видим слой Background Layer с нашим оригинальным изображением, других слоев у нас пока нет:
Слой Background Layer содержит оригинал нашей фотографии
Чтобы создать его копию в меню, расположенном в верхней части экрана, откройте Layer, выберите New, затем Layer Via Copy. Для более быстрого доступа к этой же команде просто нажмите Ctrl + J (Win) / Command + J (Mac). Оба варианта хороши:
Откройте Layer > New > Layer Via Copy
Вам покажется, что ничего не изменилось, но в панели слоев вы заметите, что появилась копия слоя, которую Photoshop назвал Layer 1 и расположил непосредственно над оригинальным слоем Background Layer:
Копия появляется над оригиналом
Шаг 2: Выбираем инструмент Rectangle Tool
На панели инструментов, расположенной в левой части экрана, выберите инструмент Rectangle Tool. Не перепутайте его с Rectangular Marquee Tool, который находится в верхней части панели инструментов. Нам нужен именно Rectangle Tool, один из базовых инструментов произвольных фигур в Photoshop, он расположен ближе к низу:
Выбираем инструмент Rectangle Tool
Шаг 3: Обозначаем границы маленького кадра
Выбрав Rectangle Tool, нарисуем прямоугольник, включив в него основной объект фотографии: мы обрежем лишнее и создадим таким образом маленькую фотографию. Но сначала зададим несколько опций для инструмента в меню Options, расположенном в верхней части экрана. Для начала выберите в меню Tool Mode (также известном как Drawing Mode), расположенном с левого края меню Options, опцию Shape, если она не задана по умолчанию, поскольку наша задача – нарисовать векторную фигуру, или пиксели на основе формы (Pixel-based Shapes), а не контур (Paths):
Выбираем опцию Shape в Tool Mode
Затем следует выбрать цвета для заливки и окантовки. Давайте сначала выберем цвет для заливки. В меню Options выберите пункт Fill, это новинка Photoshop CS6:
Выбираем опцию Fill
Откроется панель, которая позволяет нам выбрать тип заливки (сплошной цвет, градиент, узор либо отсутствие заливки). В верхней части панели выберите Solid Color (вторая пиктограмма слева), потом выберите для заливки черный цвет. Можно выбрать абсолютно любой цвет, поскольку на конечном изображении мы его все равно не увидим, но чтобы обойтись без расхождений, выбирайте тоже черный. Потом нажмите Enter (Win) / Return (Mac), панель закроется:
В верхней части панели выбираем Solid Color и черный цвет заливки
Теперь выберем цвет для окантовки, которая появится вокруг выбранного прямоугольника, образуя рамку. В меню Options выберите пункт Stroke, это еще одна новинка Photoshop CS6:
Выбираем опцию Stroke
Откроется аналогичная панель, только здесь мы будем выбирать тип окантовки. Опять же можно выбрать сплошной цвет, градиент, узор либо отсутствие окантовки. В верхней части панели снова выберем Solid Color (вторая пиктограмма слева) и белый цвет. Нажмите Enter (Win) / Return (Mac), панель закроется:
Мы снова выбираем опцию Solid Color и белый цвет окантовки
Все, что нам нужно, чтобы нарисовать рамку, – это задать изначальный размер окантовки. Вам даже не надо пока думать о том, как бы не допустить ошибки, потому что Photoshop CS6 легко позволяет отменить нарисованное. Поскольку оригинал фотографии большой и в высоком разрешении, я введу значение 20 pt в графу Size в меню Options. Если ваша фотография меньше, лучше и значение задавать небольшое, но опять же это тоже легко будет изменить позднее. Определившись с размером, нажмите Enter (Win) / Return (Mac):
Вводим размер окантовки
Задав все параметры, я кликаю мышью внутри выбранного прямоугольника и, все еще удерживая кнопку мыши, провожу диагональ через основной объект в кадре, чтобы вокруг детей появился прямоугольник. Пока виден только первый контур:
Рисуем прямоугольник, включающий детей
Окантовка появится только тогда, когда мы отпустим клавишу мыши: прямоугольник заполнится черным, а вокруг него будет белая окантовка:
Отпустите клавишу мыши, и Photoshop нарисует фигуру
На панели слоев мы видим, что прямоугольник теперь находится в собственном слое Shape Layer, который расположен непосредственно над слоем Layer 1:
Появляется новый слой Shape Layer с нарисованной нами фигурой
Шаг 4: При необходимости изменяем размер окантовки
Велика вероятность, что на данный момент белая окантовка кажется вам слишком широкой или узкой, так что при необходимости изменить ее ширину проверьте, выбран ли инструмент Rectangle Tool в панели инструментов, выделен ли синим слой Shape Layer (Rectangle 1) в панели слоев. Затем нажмите на маленькую стрелочку, расположенную справа от окошка с шириной окантовки в меню Options. Появится ползунок, который можно двигать влево и вправо, меняя ширину окантовки. Изменения вы можете видеть сразу. Я уменьшу окантовку примерно до 14 pt, но не забывайте, что я работаю с фотографией в высоком разрешении. Для снимка в низком разрешении понадобится меньшее значение:
Меняем размер окантовки вокруг прямоугольника
Нажмите Enter (Win) / Return (Mac), чтобы убрать ползунок. Вот что получилось у меня. В данном случае окантовка стала лишь немного уже:
Фото после изменения ширины окантовки вокруг прямоугольника
Шаг 5: Перемещаем слой Shape Layer под Layer 1
В настоящий момент нарисованная нами фигура полностью закрывает находящуюся под ней фотографию. Чтобы это исправить, надо переместить слой Shape Layer вниз, поставив его между слоями Background Layer и Layer 1. Для этого кликните на Shape Layer в панели слоев и, удерживая кнопку мыши, опускайте его, пока между слоями Layer 1 и Background Layer не появится подсвеченная полоска:
Перетаскиваем слой Shape Layer вниз, пока не появится подсвеченная полоска
Увидев ее, отпускайте кнопку мыши, и Photoshop поставит Shape Layer между этими двумя слоями:
Панель слоев: Shape Layer теперь располагается между двумя ранними слоями
Теперь, когда слой Layer 1 находится над слоем Shape Layer, в окне снова видна вся фотография, но может показаться, что решив эту проблему, мы создали другую, ведь наш прямоугольник теперь пропал. Скоро мы исправим и это:
Пока слой Layer 1 блокирует наш прямоугольник
Шаг 6: Выбираем слой Layer 1
Выберите Layer 1 в панели слоев:
Кликаем по слою Layer 1
Шаг 7: Создаем маску (Clipping Mask)
Активировав слой Layer 1, нажмите на кнопку меню, которая находится в правом верхнем углу панели слоев:
Нажимаем на кнопку меню в панели слоев
В этом меню выбираем Create Clipping Mask.
Выбираем команду меню Create Clipping Mask
Таким образом, фотография на слое Layer 1 обрезается до размера лежащего под ней прямоугольника. Если вы не знаете, как работают маски Clipping Mask в Photoshop, то глядя на фотографию, сложно будет понять, что именно тут происходит (поскольку изображения в слоях Layer 1 и Background Layer совершенно одинаковые), но вы заметите, что вернулась белая окантовка вокруг прямоугольника и появилась иллюзия фотографии в фотографии:
Фотография после создания маски (Clipping Mask)
На панели слоев мы видим, что Layer 1 сместился вправо, а слева от его миниатюры появилась стрелочка, показывающая вниз, на слой Shape: таким образом Photoshop информирует нас, что слой Layer 1 теперь обрезан до слоя Shape Layer:
Отображение Clipping Mask на панели слоев
Шаг 8: Выбираем слой Shape Layer
Выберите Shape Layer в панели слоев:
Выбираем слой Shape Layer
Шаг 9: Добавляем тень
Выделим фотографию, которая находится в центре, чуть сильнее за счет тени. Выбрав слой Shape Layer, кликните по иконке Layer Styles (fx) – она находится в низу панели слоев:
Выбираем иконку Layer Styles
В появившемся списке стилей выберем Drop Shadow:
Выбираем стиль Drop Shadow
Откроется диалоговое окно Layer Style, опции Drop Shadow находятся в средней колонке. Сначала я выберу угол тени (Angle), равный примерно 135°, чтобы создать ощущение, что источник света находится слева сверху. Контролировать, как далеко падает тень, мы можем с помощью ползунка Distance. При работе с фотографией с высоким разрешением хорошо подойдет значение 80 px, но при меньшем разрешении надо задавать меньшее значение параметра, так что, возможно, придется поэкспериментировать. К счастью, Photoshop позволяет сразу увидеть результат изменения по мере перемещения ползунка вправо и влево, так что попробовать разные варианты нетрудно.
Чтобы смягчить края тени, выберем опцию Size. Чем большее значение мы зададим, тем более гладкими будут края, но нужное значение также сильно зависит от размера фотографии. В моем случае хороший эффект получается при 30 px, а для фотографий поменьше значение опции Size должно быть меньше. И наконец, я уменьшу непрозрачность тени (Opacity) до 30 %, чтобы она была красивой и не бросалась в глаза. Нам же не нужно, чтобы тень отвлекала на себя слишком много внимания:
Опции Drop Shadow
Закончив, нажмите OK, и диалоговое окно Layer Style закроется. Вот какой получился эффект от наложения тени на маленькую фотографию:
Фотография после добавления тени
Шаг 10: Изменяем размер маленькой фотографии и поворачиваем ее при помощи Free Transform
Чтобы сделать спецэффект еще чуть интереснее, я предлагаю немного повернуть маленькую фотографию и в то же время при необходимости изменить ее размер. Это можно сделать с помощью команды Free Transform. В панели слоев до сих пор должен быть выбран слой Shape Layer. Перейдите в меню Edit, которое находится в верхней части экрана, и выберите Free Transform:
Открываем Edit > Free Transform
Вокруг маленькой фотографии появляется рамка Free Transform с манипуляторами, маленькими квадратиками. Чтобы изменить размер, просто переместите любой из манипуляторов. Они находятся в каждом углу, а также сверху, снизу, слева и справа. Чтобы повернуть изображение, расположите курсор мыши в любой точке снаружи прямоугольника Free Transform и потяните влево или вправо. Можно также переместить маленькую фотографию в другое место, для этого кликните мышью где угодно внутри прямоугольника Free Transform и перетащите. Вы заметите, что на самом деле поворачивается, перемещается и меняет размеры не сама эта фотография, пока изменения затрагивают только белую рамку и ее тень. Чтобы сохранить изменения и закрыть окно Free Transform, нажмите Enter (Win) / Return (Mac):
Изменяем размер маленькой фотографии, поворачиваем и перемещаем ее при помощи Free Transform
Шаг 11: Выбираем слой Background Layer
Чтобы завершить работу над созданием нашего спецэффекта, давайте переведем остальной участок фотографии – то, что находится вокруг маленькой фотографии, – в черно-белый цвет. Выберите Shape Layer в панели слоев:
Выбираем слой Background Layer
Шаг 12: Добавляем слой для перевода в черно-белый цвет (Black & White)
Выбрав слой Background Layer, кликните по иконке New Adjustment Layer, она находится в низу панели слоев:
Нажимаем на иконку New Adjustment Layer
Из появившегося списка Adjustment Layers выберите Black & White:
Выбираем Black & White из списка
Появляется новый слой с названием Black & White 1 для перевода в черно-белый цвет прямо над слоем Background Layer, это видно в панели слоев и означает, что изменения будут производиться только над нижним слоем, то есть Background Layer. Маленькая фотография, которая находится выше, останется в цвете:
Панель слоев с новым слоем над Background Layer
Управлять новым слоем будем через панель Properties. Опция Black & White Image Adjustment появилась впервые в Photoshop CS3 и сразу же зарекомендовала себя как лучший способ перевода в черно-белый цвет. Поскольку в данном случае мы переводим лишь незначительный участок фотографии, особенных требований у нас нет, так что я выбираю автоматический режим (Auto), предоставляя Photoshop решать за меня:
Моментальное преображение при нажатии на кнопку Auto
И все, готово! Маленькая фотография остается цветной, а все вокруг быстро стало черно-белым, и наша работа над фотографией закончена:
"Фотография в фотографии", конечный результат
Вот! Мы показали, как просто создать эффект фотографии в фотографии, а также ознакомились с новыми опциями Fill и Stroke при работе с векторами в Photoshop CS6!
Источник - http://www.photoshopessentials.com/
___________
Читайте также:
Пожалуйста, авторизуйтесь или зарегистрируйтесь чтобы оставить комментарий