В этом уроке по эффектам Photoshop мы рассмотрим еще один эффект типа постера фильма. Мы собираемся научиться создавать иллюзию того, что кусок фотографии оторван, чтобы показать другую фотографию под ним. Я видел этот эффект, используемый на постере для телешоу в FX Network, и когда я понял, как легко было бы сделать что-то подобное в Photoshop, ну, вот и мы.
Чтобы создать эффект, мы будем раскрашивать одну фотографию и преобразовывать вторую в черно-белую, затем добавлять немного шума, усиливать тени и блики и использовать несколько масок слоев, чтобы смешать их все вместе.
Я собираюсь использовать эту же фотографию из одного из наших недавних уроков, «Создай оптическую иллюзию, заполнив фотографию большим количеством фотографий», потому что она отлично работает для того эффекта, которого мы добились здесь:
Первое фото.
Я также собираюсь использовать эту фотографию, или, более конкретно, парень с этой фотографии:
Второе фото.
И вот окончательный эффект, к которому мы будем стремиться:
Конечный результат.
Этот урок из нашей серии фотоэффектов. Давайте начнем!
Шаг 1: обрежьте главное фото вокруг лица человека
Я собираюсь начать с работы с фотографией женщины, которая станет фотографией, которая заканчивается оторванным куском, и первое, что я собираюсь сделать, это обрезать фотографию так, чтобы все У меня осталась область вокруг ее головы. Я буду использовать Crop Tool для этого, поэтому я возьму свой Crop Tool из палитры Tools:
Выберите инструмент Crop.
Я также мог нажать C, чтобы быстро получить к нему доступ с помощью сочетания клавиш. Затем я просто собираюсь щелкнуть мышью и перетащить выделение вокруг головы женщины, убедившись, что ее лицо окажется в центре моего выделения:
Вытяните выделение с помощью Crop Tool.
Когда я буду доволен своим выбором, я нажму Enter (Win) / Return (Mac), чтобы принять его, и Photoshop обрежет изображение для меня:
Изображение теперь обрезано.
Шаг 2: продублируйте фоновый слой
Далее нам нужно продублировать фоновый слой, потому что мы собираемся заполнить оригинальный фоновый слой черным через мгновение, поэтому нажмите Ctrl + J (Win) / Command + J (Mac), чтобы дублировать его. Теперь мы можем увидеть наш дубликат над оригиналом в палитре слоев, которую Photoshop назвал «Слой 1»:
Нажмите «Ctrl + J» (Победа) / «Command + J» (Mac), чтобы дублировать фоновый слой.
Шаг 3: добавь больше пространства холста и залей его черным
Нажмите на фоновый слой в палитре слоев, чтобы выбрать его. Мы собираемся добавить больше пространства холста слева и справа от изображения, и мы собираемся использовать инструмент обрезки, чтобы сделать это. Но сначала нажмите букву D на клавиатуре, чтобы быстро сбросить цвета переднего плана и фона, если это необходимо, чтобы черный стал вашим цветом переднего плана (белый становится вашим цветом фона), а затем нажмите X на клавиатуре, чтобы поменять их местами, чтобы черный стал вашим. Фоновый цвет. Выберите Crop Tool еще раз. Затем, выбрав фоновый слой в палитре слоев, перетащите выделение с помощью инструмента обрезки вокруг всего изображения.
Когда вы отпустите кнопку мыши, вы увидите маленькие квадратные маркеры вокруг изображения, по одному в каждом углу и по одному сверху, снизу, слева и справа. Удерживая нажатой клавишу «Alt» («Победа») / « Option» (Mac), перетащите любой из боковых маркеров, чтобы увеличить пространство холста. Добавьте еще один дюйм или около того с каждой стороны (удерживая клавишу Alt / Option, вы одновременно перемещаете обе боковые ручки при перетаскивании):
Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), перетащите любой из боковых маркеров, чтобы добавить больше места на холсте.
Нажмите Enter (Win) / Return (Mac), когда вы закончите, и Photoshop добавит ваше дополнительное пространство холста, а также заполнит его черным, поскольку черный цвет является нашим фоновым цветом:
Пространство холста теперь добавлено по бокам и заполнено черным.
Шаг 4: залейте весь фоновый слой черным
Фотошоп заполнил дополнительное пространство холста черным для нас, и на нашем изображении все выглядит отлично, но если мы посмотрим на миниатюру фонового слоя в палитре слоев, мы увидим, что только дополнительное пространство холста было заполнено черным. Само фото все еще там:
Миниатюра фонового слоя в палитре слоев по-прежнему показывает исходное изображение. Только дополнительное пространство по бокам было заполнено черным.
Чтобы исправить это и залить весь фоновый слой черным, нажмите Alt + Backspace (Win) / Option + Delete (Mac), который закрасит слой текущим фоновым цветом (в нашем случае черным). Снова, ничто не выглядит по-другому в самом изображении, но миниатюра Фонового слоя в палитре Слоев теперь показывает сплошной черный:
Миниатюра фонового слоя теперь показывает весь слой, заполненный черным.
Шаг 5: Добавьте маску слоя на «Слой 1»
Нажмите «Слой 1» в палитре слоев, чтобы выбрать его. Затем нажмите на значок « Добавить маску слоя» в нижней части палитры слоев:
Нажмите значок «Добавить маску слоя».
Это добавляет маску слоя к «Слою 1», а также добавляет миниатюру маски слоя на слой в палитре слоев:
Миниатюра маски слоя теперь добавлена в «Слой 1» в палитре слоев.
Теперь выбирается сама маска слоя, а не его содержимое, и мы знаем, что по белой рамке выделения вокруг миниатюры маски слоя.
Шаг 6: нарисуйте черным на маске, чтобы смешать края изображения с фоном
Мы хотим, чтобы края вокруг нашего изображения сливались с черным фоном, и мы собираемся добиться этого, рисуя вокруг краев черным цветом на нашей маске слоя. Нам нужен инструмент Brush Tool для рисования, поэтому либо выберите его из палитры Tools, либо нажмите B на клавиатуре:
Выберите инструмент Brush Tool.
Мы хотим рисовать черным, поэтому нажмите X на клавиатуре, чтобы снова поменять цвета переднего плана и фона, в результате чего черный цвет станет основным. Затем, с помощью большой кисти с мягкими краями, нарисуйте по краям фотографии, чтобы смешать их с фоном. Поскольку мы рисуем маску слоя, а не фактический слой, везде, где мы рисуем черным, изображение будет скрыто. Похоже, что мы рисуем непосредственно на самом изображении, потому что мы рисуем черным, а фон черный, но если бы фон был другого цвета, вы бы увидели, что мы на самом деле просто скрываем изображение, когда рисуем на маске слоя.
Вы можете изменить размер кисти с помощью левой и правой скобок на клавиатуре (левая клавиша скобки делает кисть меньше, а правая - больше), и чтобы убедиться, что у вашей кисти мягкий край, зажмите Нажмите клавишу Shift и несколько раз нажмите левую клавишу скобки (нажатие правой клавиши скобки, удерживая Shift, затрудняет работу кисти). Затем покрасьте края, чтобы смешать их с черным фоном.
Вот мое изображение после рисования по краям:
Изображение после рисования по краям с черным, чтобы смешать их с фоном.
Шаг 7: раскрасить изображение
С выбранным «Слоем 1», удерживая нажатой клавишу «Alt» (Win) / « Option» (Mac), щелкните значок « Новый корректирующий слой» в нижней части палитры «Слои»:
Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), нажмите значок «Новый корректирующий слой».
Затем выберите Hue / Saturation из появившегося списка:
Выберите «Hue / Saturation» из списка.
Удерживая Alt / Option. это говорит Photoshop, чтобы вызвать диалоговое окно New Layer перед добавлением корректирующего слоя. Установите флажок слева от параметра « Использовать предыдущий слой для создания обтравочной маски», чтобы выбрать его. При выборе этой опции корректирующий слой Hue / Saturation будет влиять только на слой непосредственно под ним («Слой 1») и не будет влиять на другие слои. Это не так важно на данный момент, но это будет, когда мы перетащим нашу вторую фотографию в изображение. Нажмите OK, чтобы выйти из диалогового окна, и появится диалоговое окно «Оттенок / Насыщенность».
Выберите опцию Colorize в правом нижнем углу диалогового окна, затем перетащите ползунок Оттенок, чтобы выбрать цвет для вашего изображения, следя за вашим изображением при перетаскивании. Я собираюсь установить свой Hue на значение около 38:
Перетащите ползунок «Оттенок», чтобы установить цвет, которым вы хотите раскрасить изображение, следя за ним при перетаскивании.
Нажмите OK, когда вы будете довольны цветом, выбранным для выхода из диалогового окна. Вот мое изображение после его раскрашивания:
Изображение после его раскрашивания с помощью корректирующего слоя Hue / Saturation.
Шаг 8: добавь немного драматического освещения с помощью корректирующего слоя Curves
Прямо сейчас лицо женщины выглядит слишком ярким для того эффекта, к которому мы стремимся. Давайте добавим немного яркого освещения к ее лицу, используя корректирующий слой Curves и маску слоя, с которой он поставляется. Не беспокойтесь, если вы никогда раньше не использовали Curves или если он кажется слишком продвинутым для вашего текущего уровня мастерства Photoshop.
Все, что я собираюсь сделать, это добавить корректирующий слой. Я не собираюсь ничего с этим делать, кроме как изменить режим смешивания, что я и сделаю через минуту. Сначала мне нужно добавить его, и я хочу добавить его между «Слоем 1» и моим корректирующим слоем «Цветовой тон / Насыщенность», поэтому я собираюсь нажать на «Слой 1» в палитре Слоев, чтобы выбрать его.
Затем я еще раз нажму на значок « Новый корректирующий слой» в нижней части палитры «Слои»:
Нажмите «Слой 1», чтобы выбрать его, затем нажмите значок «Новый корректирующий слой» еще раз.
На этот раз я выберу «Кривые» из списка:
Выберите корректирующий слой «Кривые».
Когда появится диалоговое окно Curves, я просто нажму OK, чтобы выйти из него, так как мне не нужно менять какие-либо настройки. Все, что мне нужно сделать, это изменить режим наложения корректирующего слоя Curves с «Normal» на « Multiply» в верхнем левом углу палитры Layers:
Измените режим наложения корректирующего слоя Curves с «Normal» на «Multiply», чтобы затемнить изображение.
И это собирается затемнить мой образ для меня:
Изображение после добавления корректирующего слоя Curves над ним устанавливается в режим смешивания «Multiply».
Ее лицо стало намного темнее, но давайте используем маску слоя, с которой поставляется корректирующий слой, чтобы вернуть некоторую первоначальную яркость и дать нам драматическое освещение. Выберите инструмент «Градиент» в палитре «Инструменты» или нажмите G на клавиатуре, чтобы быстро выбрать его:
Выберите инструмент Градиент.
Затем на панели параметров в верхней части экрана посмотрите миниатюру предварительного просмотра градиента и убедитесь, что у вас выбран градиент « Передний план - фон» (он будет черным слева и справа белый), и нажмите « Отраженный». Градиентный вариант:
Убедитесь, что на панели параметров выбран градиент «От переднего плана к фону» (от черного к белому), и щелкните параметр «Отраженный градиент».
Затем с помощью инструмента «Градиент» я собираюсь щелкнуть где-то посередине носа женщины и перетащить мышь к правому краю ее лица:
Освещение теперь более драматично на ее лице.
Я также хочу вернуть всю первоначальную яркость в ее глазах, поэтому я собираюсь вернуться к своему инструменту «Кисть», и с черным цветом в качестве цвета переднего плана я буду использовать кисть намного меньшего размера (опять же, Вы можете изменить размер кисти на лету с помощью левой и правой скобок клавиш) и закрасить глаза:
Картина с черным на глазах, чтобы вернуть первоначальную яркость.
Вот мое изображение после просветления ее глаз:
Изображение после восстановления яркости в глазах женщины.
Шаг 9: выбери область, чтобы «вырвать» изображение с помощью инструмента Lasso
Возьмите инструмент Лассо из палитры Инструменты или нажмите L, чтобы быстро выбрать его:
Выберите инструмент Лассо.
Затем перетащите выделенную область вокруг области, которую вы хотите «вырвать» из изображения. Я собираюсь выбрать область от верха изображения до низа через центр женского лица. Попробуйте сделать выделение грубым и неровным при перетаскивании, чтобы создать «рваный» вид:
Эффекты Photoshop: перетащите выделение по изображению, которое станет областью, которая «вырвана» из него.
Шаг 10: выберите маску слоя на «Слой 1» и заполните выделение черным
Мы собираемся заполнить наш выбор черным, и мы сделаем это на маске слоя «Слой 1», чтобы скрыть лицо женщины в области внутри выделения. Для этого сначала нажмите на миниатюру маски слоя на «Слой 1» в палитре слоев, чтобы выбрать его:
Нажмите на миниатюру маски слоя на «Слой 1», чтобы выбрать маску слоя.
Затем используйте сочетание клавиш Alt + Backspace (Win) / Option + Delete (Mac), чтобы заполнить выделение черным. Часть лица женщины, которая была внутри выделения, теперь скрыта от глаз, обнажая черный фон за ней:
После заполнения выделенной области черным цветом на маске слоя область внутри выделенной области теперь скрыта от глаз, показывая черный фон за ней.
Нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы очистить выбор.
Шаг 11: примени фильтр "Брызги", чтобы улучшить неровные линии
Давайте сделаем наши рваные края немного более рваными, используя фильтр «Брызги». Перейдите в меню « Фильтр» в верхней части экрана, выберите « Мазки кистью», а затем выберите « Брызги» . Откроется диалоговое окно «Галерея фильтров» с настройками «Брызги» справа. Вы можете поэкспериментировать с настройками самостоятельно, следя за окном предварительного просмотра в левой части диалогового окна, но я собираюсь установить радиус распыления на 10, а плавность - на 15 :
Перейдите в Filter> Brush Strokes> Spatter.
Нажмите OK, чтобы выйти из диалогового окна. Мои рваные края по центру изображения теперь выглядят немного более рваными:
Изображение после применения фильтра «Брызги» для усиления эффекта рваных краев.
Шаг 12: перетащите второе изображение в документ
Пришло время добавить наше второе изображение в документ. Мы хотим, чтобы изображение появилось позади нашего основного изображения, что означает, что мы должны быть размещены на слое под основным изображением в палитре слоев, поэтому нажмите на фоновый слой в палитре слоев, чтобы выбрать его. Затем второе изображение будет помещено между фоновым слоем и «слоем 1», когда мы перетаскиваем его в документ, что мы и будем делать дальше. Открыв оба изображения в отдельном окне документа на экране, возьмите инструмент «Перемещение» из палитры «Инструменты» или нажмите V на клавиатуре, чтобы выбрать его:
Выберите инструмент Move.
Затем, выбрав инструмент «Перемещение», щелкните в любом месте второго изображения и перетащите его поверх основного документа:
Эффекты Photoshop: щелкните внутри второй фотографии и перетащите ее в основной документ.
Закройте окно документа второго изображения после его перетаскивания в основной документ.
Если мы посмотрим на палитру «Слои» основного документа, то увидим, что второе изображение было размещено на собственном слое между фоновым слоем и слоем основного изображения («Слой 1») и назвало новый слой ». Слой 2 ":
Второе изображение теперь находится на своем собственном слое, названном «Слой 2», между фоновым слоем и «Слоем 1».
Шаг 13: измените размер и переместите изображение с помощью команды Free Transform
Нажмите Ctrl + T (Победа) / Command + T (Mac), чтобы вызвать маркеры Free Transform в Photoshop вокруг второго изображения, и перетащите любой из угловых маркеров, чтобы изменить его размер по мере необходимости. Если вы не видите угловые маркеры, потому что изображение выходит за пределы видимой области документа, нажмите Ctrl + 0 (Win) / Command + 0 (Mac), чтобы уместить все на экране. При перетаскивании удерживайте нажатой клавишу «Shift», чтобы ограничить пропорции изображения. Кроме того, щелкните в любом месте внутри изображения и перетащите его по экрану с помощью мыши, чтобы переместить его в нужное положение. В моем случае я хочу, чтобы парень на фотографии появлялся внутри области, которую я просто «выдрал» из основной фотографии, поэтому я собираюсь уменьшить изображение, перетаскивая угловые маркеры, а затем щелкаю внутри изображение и переместить его туда, куда я хочу:
Переместите и измените размер второго изображения по необходимости с помощью команды «Свободное преобразование».
Когда вы довольны размером и положением своего изображения, нажмите Enter (Win) / Return (Mac), чтобы принять его.
Шаг 14: Обесцветить второе изображение
Мы хотим, чтобы изображение, которое появляется за основной фотографией, было черно-белым, поэтому давайте быстро обесцветим его, используя сочетание клавиш Ctrl + Shift + U (Победа) / Command + Shift + U (Mac):
Обесцветить второе изображение.
Шаг 15: добавь маску слоя ко второму изображению
С выбранным «Слоем 2» нажмите значок « Добавить маску слоя» в нижней части палитры «Слои»:
Нажмите значок «Добавить маску слоя».
Это добавляет маску слоя и миниатюру маски слоя к «Слою 2»:
Маска слоя теперь добавлена в «Слой 2».
Шаг 16: закрась черным вокруг края второго изображения
Выберите инструмент «Кисть» еще раз, и в качестве цвета переднего плана по-прежнему используйте черный цвет, используйте большую кисть с мягким краем и нарисуйте края второго изображения, чтобы скрыть их, как мы это делали с основным изображением.
В моем случае я собираюсь спрятать все края, чтобы вокруг лица парня оставались только показы:
Изображение после покраски удаляет все, кроме области вокруг лица парня на втором изображении.
Я также собираюсь рисовать вдоль края, где левый «край разрыва» главной фотографии встречается со вторым изображением, что создаст приятный эффект падающей тени на левой стороне лица парня, придавая изображению некоторую глубину. Я собираюсь держать основную часть моего курсора кисти слева от края отрыва, так что только мягкий край кисти распространяется на его лицо, пока я рисую:
Создание тени с помощью Brush Tool вдоль левой стороны лица парня.
Вот мое изображение после рисования тени вдоль левой стороны его лица:
Тень вдоль левой стороны лица парня добавляет глубину изображению.
Шаг 17: добавь немного шума к изображению
Нажмите на самом верхнем слое в палитре слоев, который должен быть вашим слоем Hue / Saturation, а затем нажмите на иконку New Layer внизу палитры Layers, чтобы добавить новый слой поверх всех остальных:
Добавьте новый слой в верхней части палитры слоев.
Нажмите Ctrl + Backspace (Win) / Command + Delete (Mac), чтобы заполнить новый слой белым. Затем перейдите в меню « Фильтр» в верхней части экрана, выберите « Шум», а затем « Добавить шум», после чего откроется диалоговое окно «Добавить шум». Я собираюсь установить значение Amount где-то около 20%, чтобы добавить немного шума к изображению, и я хочу убедиться, что у меня выбраны параметры Gaussian и Monochromatic внизу:
Добавьте немного шума к изображению с помощью фильтра «Добавить шум».
Ваше изображение теперь будет заполнено черно-белым шумом. Перейдите к параметру режима наложения в верхнем левом углу палитры «Слои» и измените режим наложения для слоя с «Normal» на « Color Burn» и уменьшите значение непрозрачности примерно до 30% :
Измените режим смешивания слоя шума на «Color Burn» и уменьшите непрозрачность до 30%.
Вот мое изображение на данный момент. Мы почти закончили:
Изображение после добавления шума.
Шаг 18: добавь еще один новый слой и установи режим смешивания на «Overlay»
Мы почти закончили! Мы просто добавим к изображению еще несколько бликов и теней. Нажмите на новый слой в нижней части палитры слоев, и когда новый слой появится в верхней части палитры слоев, установите его режим смешивания на Overlay :
Нажмите на значок «Новый слой» еще раз, затем установите режим наложения нового слоя на «Наложение».
Возьмите инструмент Brush Tool еще раз, и вверх на панели параметров уменьшите непрозрачность кисти примерно до 20% :
Уменьшите непрозрачность кисти примерно до 20% на панели параметров.
Затем с черным в качестве цвета переднего плана, нарисуйте вдоль любых областей, где вы хотите улучшить тени на изображении. Я хочу усилить тени по сторонам лица женщины, под ее подбородком, может быть, немного вокруг ее глаз и на ее рту, поэтому я просто буду рисовать эти области своей кистью. Поскольку я снизил непрозрачность кисти до 20%, я могу медленно нарастить тени, нарисовав мазок, отпустив мышь, а затем нарисовав еще один мазок в той же области, что и необходимо. Если вы ошиблись, просто нажмите Ctrl + Z (Победа) / «Command + Z» (Mac), чтобы отменить мазок кисти и продолжить рисование:
Используйте мягкую кисть с черным, чтобы затемнить тени на изображении.
Затем нажмите X на клавиатуре, чтобы переключить цвет переднего плана на белый, и раскрасьте изображение, чтобы усилить выделение. Я собираюсь уменьшить размер моей кисти и щелкнуть несколько раз в каждом из ее глаз, чтобы действительно осветлить их:
Закрасьте любые области белым, чтобы усилить блики.
Я собираюсь нарисовать один или два мазка вокруг ее носа и подбородка, а также более крупной кистью, чтобы немного подчеркнуть эти блики. Когда вы довольны бликами и тенями на своем изображении, все готово! Здесь, после усиления бликов и теней, мой окончательный результат:
Конечный результат.
И там у нас это есть! Вот так можно оторвать часть фотографии, чтобы показать другую под ней в Photoshop! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об эффектах Photoshop