В этом уроке по эффектам Photoshop мы узнаем, как добавить отражения или, по крайней мере, различные отражения в солнцезащитные очки. Это популярный эффект Photoshop, который открывает мир творческих и художественных возможностей в зависимости от того, кто носит солнцезащитные очки и на кого или на что они смотрят.
Вот изображение, которое я буду использовать для этого урока:
Исходное изображение.
Если мы посмотрим внимательно, то увидим, что в ее темных очках уже есть слабое отражение, и похоже, что она стоит на обочине дороги, если я не ошибаюсь. Для меня она могла бы так же легко стоять на тропическом пляже, поэтому мы собираемся дать ей более зеркальные отражающие линзы и заставить ее смотреть на воду вместо этого, используя эту фотографию:
Фото тропического пляжа.
как отражение в ее солнечных очках:
Конечный результат.
Этот урок из нашей серии фотоэффектов. Давайте начнем!
Шаг 1: выберите одну из линз
Нам нужно работать над одной линзой за раз, поэтому начнем с линзы слева (слева, справа от нее). Чтобы завершить работу над другим объективом, все, что нам нужно сделать, это повторить те же шаги, которые мы собираемся сделать. Во-первых, нам нужно выбрать объектив, поэтому выберите его снаружи, используя выбранный инструмент (инструмент Лассо, инструмент Перо и т. Д.):
Выберите вокруг объектива слева, используя инструмент выбора Photoshop по вашему выбору.
Шаг 2: создайте новый пустой слой
Выбрав линзу, нажмите значок «Новый слой» в нижней части палитры «Слои», чтобы добавить новый пустой слой над исходным фоновым слоем, который является слоем, содержащим наше исходное изображение:
Добавьте новый слой, нажав на значок «Новый слой».
Photoshop добавляет новый слой над фоновым слоем и автоматически называет его «Слой 1». Дважды щелкните по имени слоя в палитре слоев и переименуйте его в «левый объектив», чтобы нам было легче отслеживать то, что мы делаем (всегда полезно назвать ваши слои):
Новый слой добавляется над фоновым слоем. Переименуйте слой в «левый объектив».
Шаг 3: Заполните выделение черным на новом слое
С выбранным слоем «левой линзы» (текущий выбранный слой подсвечивается синим цветом в палитре слоев), нажмите букву D на клавиатуре, чтобы при необходимости сбросить цвета переднего плана и фона, чтобы черный стал вашим цветом переднего плана (белый становится вашим фоном). цветом), а затем используйте сочетание клавиш Alt + Backspace (Win) / Option + Delete (Mac), чтобы заполнить выделенную область черным:
Левая линза теперь кажется заполненной сплошным черным.
Нажмите Ctrl + D (Победа) / Command + D (Mac), когда вы закончите, чтобы отменить выбор.
Похоже, что мы залили левый объектив черным, но поскольку мы используем слои и мы залили выделение на слое над фоновым слоем, наше исходное изображение не будет затронуто вообще. Область выделения, заполненная черным, и исходная фотография полностью отделены друг от друга.
Шаг 4: перетащите второе изображение в документ
На этом этапе нам нужно добавить изображение, которое мы собираемся использовать в качестве отражения в солнцезащитных очках, поэтому откройте второе изображение в Photoshop, если оно еще не открыто, и оба изображения будут отображаться в отдельных окнах документов на экран (вы можете переключаться между различными режимами экрана для каждого документа, нажимая букву F на клавиатуре). Нажмите V, чтобы быстро выбрать инструмент «Перемещение» в Photoshop, затем просто щелкните в любом месте второго изображения и перетащите его в документ с очками:
Используйте Move Tool, чтобы перетащить второе изображение в основной документ солнцезащитных очков.
Если мы посмотрим на нашу палитру слоев, то увидим, что второе изображение было добавлено на новом слое над слоем «левой линзы». Дважды щелкните имя слоя и переименуйте его в «Отражение слева»:
Второе изображение было добавлено в новый слой в верхней части палитры слоев. Переименуйте новый слой в «левое отражение».
Шаг 5: создайте обтравочную маску
В настоящее время изображение в слое «левого отражения» блокирует большую часть изображения солнцезащитных очков. Мы хотим, чтобы он появлялся только внутри левой линзы, и мы можем легко это сделать, используя слой «левой линзы» в качестве обтравочной маски для слоя «левого отражения» над ним. Это означает, что единственная область фотографии тропического пляжа, которая останется видимой, это область, расположенная над закрашенной черным цветом слоя под ним. Любые области фотографии тропического пляжа, расположенные над прозрачными областями слоя «левая линза» под ним, будут скрыты от глаз.
Чтобы создать обтравочную маску, со слоем «левого отражения», выбранным в палитре «Слои», перейдите в меню «Слой» в верхней части экрана и выберите «Создать обтравочную маску» или используйте сочетание клавиш Alt + Ctrl + G (Win). / Option + Command + G (Mac). В любом случае слой «левой линзы» превращается в обтравочную маску для слоя «левого отражения» над ним, и фотография тропического пляжа (или любая другая фотография, которую вы используете) теперь приятно сидит внутри левой линзы:
Фотография тропического пляжа теперь появляется внутри левой линзы.
Если мы посмотрим на нашу палитру слоев, то увидим, что слой «левого отражения» теперь отображается с отступом вправо, с маленькой стрелкой, направленной вниз к слою «левой линзы», что указывает на то, что слой «левого отражения» теперь обрезается слоем "левой линзы":
Палитра «Слои» в Photoshop показывает слой «левого отражения», обрезанный слоем «левой линзы» под ним.
Шаг 6: измените размер и переместите изображение со свободным преобразованием
Теперь, когда наше отраженное изображение находится внутри левой линзы, давайте изменим его размер и изменим его положение. Мы можем сделать обе эти вещи одновременно, используя команду Photoshop Free Transform, поэтому нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно Free Transform и обвести второе изображение. Несмотря на то, что мы можем видеть только ту часть изображения, которая находится внутри объектива, Photoshop помещает поле «Свободное преобразование» и обрабатывает фактические размеры изображения. Если вы не видите некоторые маркеры, потому что они находятся за пределами видимой области внутри окна документа, нажмите F на клавиатуре, чтобы переключить режим просмотра в полноэкранный режим с помощью строки меню, которая позволит вам увидеть все дескрипторы Free Transform (нажмите F еще пару раз, когда вы закончите со Free Transform, если вы хотите вернуться в режим просмотра окна документа). Затем просто перетащите любой из угловых маркеров внутрь, чтобы изменить размер изображения. Удерживайте нажатой клавишу «Shift» при перетаскивании, чтобы ограничить пропорции изображения, и удерживайте нажатой клавишу «Alt» при перетаскивании, если вы хотите, чтобы Photoshop изменил размер изображения из его центра:
Измените размер изображения, перетаскивая любой из угловых маркеров. Удерживайте «Shift», чтобы ограничить пропорции изображения, и «Alt» (Win) / «Option» (Mac), чтобы изменить размер изображения от его центра.
Если вам нужно повернуть изображение, переместите указатель мыши за любую из угловых ручек. Вы увидите, как курсор мыши изменится на изогнутую линию с маленькой стрелкой на каждом конце. Просто нажмите и перетащите мышкой, чтобы повернуть изображение.
Чтобы переместить изображение, щелкните в любом месте внутри поля «Свободное преобразование» и переместите изображение с помощью мыши. Только не нажимайте на маленький значок цели в центре, иначе вы переместите значок цели, а не изображение. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование. Вот мое изображение после перемещения и изменения размера моей фотографии тропического пляжа внутри объектива:
Изображение, служащее отражением, теперь перемещено и изменено.
Шаг 7: добавь стиль слоя "Внутренняя тень"
Давайте добавим немного тени к отраженному изображению, чтобы оно выглядело как часть объектива, а не просто сидело поверх него. Нажмите на слой «левая линза» в палитре «Слои», чтобы выбрать его, затем нажмите на значок «Стили слоев» в нижней части палитры «Слои»:
Нажмите на слой «левой линзы», чтобы выбрать его, затем нажмите на значок «Стили слоя».
Выберите Inner Shadow из появившегося списка стилей слоя:
Выберите «Внутренняя тень» из списка.
Это вызывает диалоговое окно «Стиль слоя» в Photoshop с настройками «Внутренняя тень» в средней колонке. Я хочу, чтобы моя тень появлялась в основном в верхнем правом углу объектива, поэтому я собираюсь установить угол наклона 65 °. Вы хотите установить свой угол под другим углом. Установите параметр «Расстояние» на 1 пиксель и уменьшите параметр «Размер» примерно до 3 пикселей:
Измените параметры Inner Shadow, обведенные красным.
Вот мой объектив после применения Внутренней Тени:
Левая линза теперь имеет тонкую тень, появляющуюся в верхнем правом углу.
Шаг 8: примени фильтр "Spherize"
Прямо сейчас изображение, которое мы используем для нашего отражения, полностью плоское, но большинство линз имеют небольшую кривую, поэтому давайте добавим эту небольшую кривую к нашему отраженному изображению. Нажмите на слой «левого отражения» в палитре слоев, чтобы выбрать его. Затем удерживайте нажатой клавишу «Ctrl» («Победа») / «Command» (Mac) и щелкните непосредственно на миниатюре слоя «левая линза» в палитре слоев:
Выберите слой «левое отражение», затем «Ctrl-click» (Win) / «Command + click» (Mac) прямо на миниатюре «left lens» в палитре Layers.
Это загрузит выделение вокруг линзы обратно в документ:
Выбор вокруг левой линзы теперь появляется снова в документе.
Мы собираемся применить фильтр Spherize к слою «левого отражения», и сначала загрузив этот выбор, это позволит нам применить фильтр только к области внутри выделения, а не применять его ко всему слою.
Теперь, когда мы загрузили выделение, перейдите к опции «Фильтр» в верхней части экрана, выберите «Искажать», а затем выберите «Сферизировать». Когда появится диалоговое окно фильтра Spherize, выберите «Только по горизонтали» для параметра «Режим» внизу, затем с помощью ползунка увеличьте значение до 25-30%. Я собираюсь поднять мой до 30%, так как ее линзы, кажется, имеют немного кривой:
Диалоговое окно «Фильтр сферизации» в Photoshop.
Нажмите OK, когда закончите, чтобы применить фильтр и выйти из диалогового окна. Нажмите Ctrl + D (Победа) / Command + D (Mac), когда вы закончите, чтобы отменить выбор. Вот мое изображение после применения фильтра Spherize к изображению внутри левой линзы. Разница невелика, но обычно мелочи определяют разницу между тем, что выглядит реалистично, и тем, что не выглядит так:
Изображение после применения фильтра Spherize к фотографии внутри левой линзы.
Шаг 9: дублируй слой "Left Reflection"
С выделенным слоем «левого отражения» используйте сочетание клавиш Ctrl + J (Победа) / Command + J (Mac), чтобы дублировать слой. Копия слоя, которую Photoshop называет «копией левого отражения», появляется над ним в палитре «Слои». Нажмите на название нового слоя и переименуйте его, чтобы «умножить» (вы поймете, почему через мгновение):
Дублируйте слой с "левым отражением" и переименуйте его в "multiply".
Шаг 10: Установите новый слой «Multiply», который будет обрезан слоем «Left Lens»
Когда мы дублировали слой «левого отражения», Photoshop создал его копию для нас, но оставил нам небольшую проблему. Исходный слой «левого отражения» обрезается слоем «левой линзы» под ним, но только что созданная нами копия не обрезается, что означает, что она не ограничена внутренней частью линзы и в настоящее время просто находится там на верх оригинального изображения. Все, что нам нужно сделать, чтобы исправить это, сделать то же самое, что мы сделали с оригинальным слоем «левого отражения». Либо перейдите в меню «Слой» и выберите «Создать обтравочную маску», либо используйте сочетание клавиш Alt + Ctrl + G (Win) / Option + Command + G (Mac), чтобы закрепить слой «multiply» на слое «left lens», чтобы видна только часть, это область внутри объектива. Теперь мы можем видеть в палитре Layers, что и исходный слой "линзного отражения", и слой "multiply" обрезаются слоем "левой линзы" под ними:
Палитра «Слои», показывающая слои «левого отражения» и «умножения», обрезанные слоем «левой линзы» под ними.
Шаг 11: измени режим смешивания слоя на «Умножение»
Причина, по которой мы переименовали новый слой в «умножение», заключается в том, что мы собираемся изменить его режим наложения слоев на «Умножение», что позволит нам затемнять изображение внутри объектива, чтобы оно не было таким ярким. Для этого просто перейдите в режим смешивания в верхнем левом углу палитры слоев, нажмите стрелку вниз справа от слова «Обычный» и выберите «Умножить» из списка:
Измените режим смешивания верхнего слоя на «Умножение».
Как только вы измените режим наложения, изображение внутри объектива станет намного темнее:
Изображение внутри объектива теперь выглядит темнее после изменения режима наложения.
Если вы обнаружите, что изображение внутри объектива теперь выглядит слишком темным, просто перейдите к параметру «Непрозрачность» в верхнем правом углу палитры «Слои» и уменьшайте непрозрачность слоя «умножение» до тех пор, пока изображение не станет более светлым до Точка, в которой вы довольны результатами. Или, если вы хотите сделать изображение еще темнее, щелкните слой «левое отражение», чтобы выбрать его и понизить значение непрозрачности. Понижая непрозрачность слоя «левого отражения», вы начинаете смешивать немного сплошного черного цвета со слоя «левого объектива», расположенного под ним (поэтому мы ранее заполняли наш выбор линз черным в этом уроке). Здесь я снизил непрозрачность слоя с «левым отражением» до 80%, чтобы смешать только намек на черный цвет от слоя «левой линзы»:
Уменьшите непрозрачность слоя «умножение», чтобы увеличить яркость отраженного изображения, или уменьшите непрозрачность слоя «левое отражение», чтобы сделать его еще более темным.
Мое отраженное изображение теперь выглядит еще темнее, что придает ему тонированный оттенок:
Отраженное изображение внутри объектива немного темнее, что придает ему тонированный вид.
С вашей стороны это просто призыв к суждению о том, как темно сделать отражение, если вы вообще хотите затемнить его.
Шаг 12: выбери инструмент градиента с градиентом от белого к прозрачному
Чтобы завершить нашу работу над левой линзой и придать ей чуть более трехмерный изогнутый вид, давайте добавим к нему блик, как будто от него отражается солнце. Я собираюсь добавить его в верхнем правом углу объектива. Для этого нам понадобится Gradient Tool, поэтому выберите его на палитре Tools или нажмите G, чтобы выбрать его с помощью сочетания клавиш:
Выберите инструмент Градиент.
Мы хотим добавить градиент от белого к прозрачному, поэтому нажмите клавишу X на клавиатуре, чтобы поменять местами цвета переднего плана и фона, сделав белый цвет основным цветом. Затем, выбрав Gradient Tool, щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте внутри документа, чтобы вызвать Gradient Picker и выбрать секунду градиента в левой верхней строке:
Выберите градиент от белого к прозрачному из градиента.
Шаг 13: снова загрузи выделение вокруг объектива
Удерживая нажатой клавишу «Ctrl» («Выиграть») / «Command» (Mac) и щелкните непосредственно на миниатюре слоя «левая линза» в палитре «Слои», чтобы еще раз загрузить выделение вокруг линзы:
«Ctrl-click» (Win) / «Command-click» (Mac) непосредственно на миниатюре «левой линзы», чтобы снова загрузить выделение вокруг линзы в документе.
Шаг 14: добавь новый слой вверху палитры слоев
Убедитесь, что в палитре «Слои» выбран верхний слой («умножить»), затем щелкните значок «Новый слой» в нижней части палитры «Слои», чтобы добавить новый пустой слой поверх всех остальных. Переименуйте новый слой в «Подсветка»:
Добавьте новый пустой слой в верхней части палитры слоев и переименуйте его в «подсветка».
Шаг 15: перетащить белый к прозрачному градиенту на слое «Highlight»
Чтобы добавить подсветку, я просто собираюсь растянуть градиент от белого к прозрачному на слое «highlight», начиная с верхнего правого угла объектива и продолжая вниз по диагонали к центру:
Вытаскивая градиент от верхнего правого угла правой линзы вниз к центру.
Отпустите кнопку мыши, и Photoshop отобразит градиент от белого к прозрачному, добавив блик к объективу. Так как у нас был выбор вокруг линзы, градиент ограничен областью внутри линзы. Нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить выбор. Вот мое изображение после добавления моей подсветки в верхнем правом углу объектива:
Подсветка добавлена к левому объективу.
Шаг 16: повтори те же шаги для другой линзы
Мы завершили работу над левой линзой. Теперь нам просто нужно добавить отражение к правой линзе, и для этого мы просто повторим все шаги, которые мы только что сделали для другой линзы:
- Выберите правильный объектив
- Добавьте новый слой и назовите его «right lens»
- Заполните выделение черным
- Перетащите второе изображение в документ с очками и переименуйте его слой в «Правильное отражение».
- Создайте обтравочную маску, чтобы закрепить слой «правильное отражение» на слое «правая линза» под ним
- Используйте Free Transform, чтобы изменить размер и изменить положение изображения внутри объектива
- Добавьте стиль слоя «Внутренняя тень» к слою «правая линза»
- Примените фильтр «Сферизировать» к слою «Правильное отражение».
- Дублируйте слой «правильное отражение» и переименуйте его в «умножить»
- Измените режим смешивания дублированного слоя на «Умножение»
- Уменьшите непрозрачность нового слоя «умножение», чтобы сделать изображение ярче, или уменьшите непрозрачность слоя «правильное отражение», чтобы сделать его еще темнее.
- Добавьте выделение в верхнем правом углу правого объектива с помощью инструмента «Градиент» и градиента от белого к прозрачному
Помните, что при изменении положения изображения в правом объективе с помощью команды «Свободное преобразование» отражение в правом объективе должно быть несколько иным, чем в левом объективе, чтобы объекты выглядели более реалистично, отрегулируйте положение правого отражения так, чтобы оно находилось немного не в центре от левого. После того, как вы повторили все шаги для правильного объектива, все готово!
Здесь, после повторения всех шагов для правой линзы, это мой окончательный результат. Повторяя шаги для правой линзы, я только снизил непрозрачность слоя «правого отражения» до 90%, а не на 80%, на которые я снизил слой «левого отражения», и причина этого в том, что ее лицо кажется слегка отклонить от солнечного направления, чтобы отражение в линзе, ближайшей к солнцу, выглядело немного ярче, опять же, чтобы добавить реалистичности:
Конечный результат.
И там у нас это есть! Вот так можно добавить отражения в солнцезащитные очки с помощью Photoshop! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об эффектах Photoshop!