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