Добавление отражений к солнцезащитным очкам с фотошопом (видео)

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

Вот изображение, которое я буду использовать для этого урока:


Adobe Photoshop учебное изображение.

Исходное изображение.

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

Adobe Photoshop учебное изображение.

Фото тропического пляжа.

как отражение в ее солнечных очках:

Adobe Photoshop учебное изображение.

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

Этот урок из нашей серии фотоэффектов . Давайте начнем!

Шаг 1: выберите одну из линз

Нам нужно работать над одной линзой за раз, поэтому начнем с линзы слева (слева, справа от нее). Чтобы завершить работу над другим объективом, все, что нам нужно сделать, это повторить те же шаги, которые мы собираемся сделать. Во-первых, нам нужно выбрать объектив, поэтому выберите его снаружи, используя выбранный инструмент (инструмент Лассо, инструмент Перо и т. Д.):

Adobe Photoshop учебник Photoshop эффекты изображения.

Выберите вокруг объектива слева, используя инструмент выбора Photoshop по вашему выбору.

Шаг 2. Создайте новый пустой слой

Выбрав линзу, нажмите значок « Новый слой» в нижней части палитры «Слои», чтобы добавить новый пустой слой над исходным фоновым слоем, который является слоем, содержащим наше исходное изображение:

Adobe Photoshop учебник Photoshop эффекты изображения.

Добавьте новый слой, нажав на значок «Новый слой».

Photoshop добавляет новый слой над фоновым слоем и автоматически называет его «Слой 1». Дважды щелкните непосредственно по имени слоя в палитре Layers и переименуйте его в «left lens», чтобы нам было легче отслеживать то, что мы делаем (всегда полезно назвать ваши слои):

Adobe Photoshop учебник Photoshop эффекты изображения.

Новый слой добавляется над фоновым слоем. Переименуйте слой в «левый объектив».

Шаг 3: Заполните выделение черным на новом слое

С выбранным слоем «левой линзы» (текущий выбранный слой подсвечивается синим цветом в палитре слоев), нажмите букву D на клавиатуре, чтобы при необходимости сбросить цвета переднего плана и фона, чтобы черный стал вашим цветом переднего плана (белый становится вашим фоном). цветом), затем используйте сочетание клавиш Alt + Backspace (Win) / Option + Delete (Mac), чтобы заполнить выделенный фрагмент черным цветом:

Adobe Photoshop учебник Photoshop эффекты изображения.

Левая линза теперь кажется заполненной сплошным черным.

Нажмите Ctrl + D (Победа) / Command + D (Mac), когда закончите, чтобы отменить выбор.

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

Шаг 4: перетащите второе изображение в документ

На этом этапе нам нужно ввести изображение, которое мы собираемся использовать в качестве отражения в солнцезащитных очках, поэтому откройте второе изображение в Photoshop, если оно еще не открыто, и оба изображения будут отображаться в отдельных окнах документов на экран (вы можете переключаться между различными режимами экрана для каждого документа, нажимая букву F на клавиатуре). Нажмите V, чтобы быстро выбрать инструмент « Перемещение» в Photoshop , затем просто щелкните в любом месте второго изображения и перетащите его в документ с очками:

Adobe Photoshop учебник Photoshop эффекты изображения.

Используйте инструмент «Перемещение», чтобы перетащить второе изображение в основной документ солнцезащитных очков.

Если мы посмотрим на нашу палитру слоев, то увидим, что второе изображение было добавлено на новом слое над слоем «левой линзы». Дважды щелкните имя слоя и переименуйте его в «Отражение слева»:

Adobe Photoshop учебник Photoshop эффекты изображения.

Второе изображение было добавлено в новый слой в верхней части палитры слоев. Переименуйте новый слой в «левое отражение».

Шаг 5: создайте обтравочную маску

В настоящее время изображение в слое «левого отражения» блокирует большую часть изображения солнцезащитных очков. Мы хотим, чтобы он появлялся только внутри левой линзы, и мы можем легко это сделать, используя слой «левой линзы» в качестве обтравочной маски для слоя «левого отражения» над ним. Это означает, что единственной областью фотографии тропического пляжа, которая останется видимой, является область, расположенная над закрашенной черным цветом слоя под ним. Любые области фотографии тропического пляжа, расположенные над прозрачными областями слоя «левая линза» под ним, будут скрыты от глаз.

Чтобы создать обтравочную маску, со слоем «левого отражения», выбранным в палитре «Слои», перейдите в меню « Слой» в верхней части экрана и выберите « Создать обтравочную маску» или используйте сочетание клавиш Alt + Ctrl + G (Win). / Option + Command + G (Mac). В любом случае слой «левой линзы» превращается в обтравочную маску для слоя «левого отражения» над ним, и фотография тропического пляжа (или любая другая фотография, которую вы используете) теперь приятно сидит внутри левой линзы:

Adobe Photoshop учебник Photoshop эффекты изображения.

Фотография тропического пляжа теперь появляется внутри левой линзы.

Если мы посмотрим на нашу палитру слоев, то увидим, что слой «левого отражения» теперь отображается с отступом вправо, с маленькой стрелкой, направленной вниз к слою «левой линзы», что указывает на то, что слой «левого отражения» теперь обрезается слоем «левой линзы»:

Adobe Photoshop учебник Photoshop эффекты изображения.

Палитра «Слои» в Photoshop показывает слой «левого отражения», обрезанный слоем «левой линзы» под ним.

Шаг 6: измените размер и переместите изображение со свободным преобразованием

Теперь, когда наше отраженное изображение находится внутри левой линзы, давайте изменим его размер и изменим его положение. Мы можем сделать обе эти вещи одновременно, используя команду Photoshop Free Transform , поэтому нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно Free Transform и обвести второе изображение. Несмотря на то, что мы можем видеть только ту часть изображения, которая находится внутри объектива, Photoshop помещает поле «Свободное преобразование» и обрабатывает фактические размеры изображения. Если вы не видите некоторые маркеры, потому что они находятся за пределами видимой области внутри окна документа, нажмите F на клавиатуре, чтобы переключить режим просмотра в полноэкранный режим с помощью строки меню, который позволит вам увидеть все маркеры Free Transform (нажмите F еще пару раз, когда вы закончите с Free Transform, если вы хотите переключиться обратно в режим просмотра окна документа). Затем просто перетащите любой из угловых маркеров внутрь, чтобы изменить размер изображения. Удерживайте нажатой клавишу « Shift» при перетаскивании, чтобы ограничить пропорции изображения, и удерживайте нажатой клавишу «Alt» при перетаскивании, если вы хотите, чтобы Photoshop изменил размер изображения из его центра:

Adobe Photoshop учебник Photoshop эффекты изображения.

Измените размер изображения, перетаскивая любой из угловых маркеров. Удерживайте «Shift», чтобы ограничить пропорции изображения, и «Alt» (Win) / «Option» (Mac), чтобы изменить размер изображения от его центра.

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

Чтобы переместить изображение, щелкните в любом месте внутри поля «Свободное преобразование» и переместите изображение с помощью мыши. Просто не нажимайте на маленький значок цели в центре, иначе вы переместите значок цели, а не изображение. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование. Вот мое изображение после перемещения и изменения размера моей фотографии тропического пляжа в объективе:

Adobe Photoshop учебник Photoshop эффекты изображения.

Изображение, служащее отражением, теперь перемещено и изменено в размере.

Шаг 7: добавь стиль слоя «Внутренняя тень»

Давайте добавим немного тени к отраженному изображению, чтобы оно выглядело как часть объектива, а не просто сидело поверх него. Нажмите на слой «левая линза» в палитре слоев, чтобы выбрать его, затем щелкните значок « Стили слоев» в нижней части палитры слоев:

Adobe Photoshop учебник Photoshop эффекты изображения.

Нажмите на слой «левой линзы», чтобы выбрать его, затем нажмите на значок «Стили слоя».

Выберите Inner Shadow из появившегося списка стилей слоя:

Adobe Photoshop учебник Photoshop эффекты изображения.

Выберите «Внутренняя тень» из списка.

Это вызывает в Photoshop Layer Style» диалоговое окно установки на внутренней тени варианты в средней колонке. Я хочу , чтобы моя тень появляться в основном в верхнем правом углу объектива , так что я собираюсь установить свой угол до 65 ° . Вы можете Вы хотите установить свой угол под другим углом. Установите параметр « Расстояние» на 1 пиксель и уменьшите параметр « Размер» примерно до 3 пикселей :

Adobe Photoshop учебник Photoshop эффекты изображения.

Измените параметры Inner Shadow, обведенные красным.

Вот мой объектив после применения Внутренней Тени:

Adobe Photoshop учебник Photoshop эффекты изображения.

Левая линза теперь имеет тонкую тень, появляющуюся в верхнем правом углу.

Шаг 8: примени фильтр «Spherize»

Прямо сейчас изображение, которое мы используем для нашего отражения, является абсолютно плоским, но большинство линз имеют небольшую кривую, поэтому давайте добавим эту небольшую кривую к нашему отраженному изображению. Нажмите на слой «левого отражения» в палитре слоев, чтобы выбрать его. Затем удерживайте нажатой клавишу «Ctrl» («Победа») / « Command» (Mac) и щелкните непосредственно на миниатюре слоя «левая линза» в палитре слоев:

Adobe Photoshop учебник Photoshop эффекты изображения.

Выберите слой «левое отражение», затем «Ctrl-click» (Win) / «Command + click» (Mac) непосредственно на миниатюре «left lens» в палитре Layers.

Это загрузит выделение вокруг линзы обратно в документ:

Adobe Photoshop учебник Photoshop эффекты изображения.

Выбор вокруг левой линзы теперь появляется снова в документе.

Мы собираемся применить фильтр Spherize к слою «левого отражения», и, загрузив сначала этот выбор, это позволит нам применить фильтр только к области внутри выделения, а не применять его ко всему слою.

Теперь, когда мы загрузили выделение, перейдите к опции « Фильтр» в верхней части экрана, выберите « Искажать» , а затем выберите « Сферизировать» . Когда появится диалоговое окно фильтра Spherize, выберите Горизонтальный только для режима опции в нижней части, а затем с помощью ползунка , чтобы поднять Amount примерно на 25-30% . Я собираюсь поднять мой до 30%, так как ее линзы, кажется, имеют немного кривой:

Adobe Photoshop учебник Photoshop эффекты изображения.

Диалоговое окно «Фильтр сферизации» в Photoshop.

Нажмите OK, когда закончите, чтобы применить фильтр и выйти из диалогового окна. Нажмите Ctrl + D (Победа) / Command + D (Mac), когда закончите, чтобы отменить выбор. Вот мое изображение после применения фильтра Spherize к изображению внутри левой линзы. Разница невелика, но обычно мелочи определяют разницу между тем, что выглядит реалистично, и тем, что не выглядит так:

Adobe Photoshop учебник Photoshop эффекты изображения.

Изображение после применения фильтра Spherize к фотографии внутри левой линзы.

Шаг 9: дублируй слой «Left Reflection»

С выделенным слоем «левого отражения» используйте сочетание клавиш Ctrl + J (Win) / Command + J (Mac), чтобы дублировать слой. Копия слоя, которую Photoshop называет «копией левого отражения», появляется над ним в палитре «Слои». Нажмите на название нового слоя и переименуйте его, чтобы «умножить» (вы поймете, почему через мгновение):

Adobe Photoshop учебник Photoshop эффекты изображения.

Дублируйте слой с «левым отражением» и переименуйте его в «multiply».

Шаг 10: Установите новый слой «Multiply», который будет обрезан слоем «Left Lens»

Когда мы дублировали слой «левого отражения», Photoshop создал его копию для нас, но оставил нам небольшую проблему. Исходный слой «левого отражения» обрезается слоем «левой линзы» под ним, но только что созданная нами копия не обрезается, что означает, что она не ограничена внутренней частью линзы и в настоящее время просто находится там на верх оригинального изображения. Все, что нам нужно сделать, чтобы исправить это, сделать то же самое, что мы сделали с оригинальным слоем «левого отражения». Либо зайдите в меню « Слой» и выберите « Создать обтравочную маску», либо используйте сочетание клавиш Alt + Ctrl + G (Win) / Option + Command + G(Mac), чтобы обрезать слой «умножения» к слою «левой линзы», чтобы единственной оставшейся видимой частью была область внутри линзы. Теперь мы можем видеть в палитре Layers, что и исходный слой «линзного отражения», и слой «multiply» обрезаются слоем «левой линзы» под ними:

Adobe Photoshop учебник Photoshop эффекты изображения.

Палитра «Слои», показывающая слои «левого отражения» и «умножения», обрезанные слоем «левой линзы» под ними.

Шаг 11: измени режим смешивания слоя на «Умножение»

Причина, по которой мы переименовали новый слой в «умножение», заключается в том, что мы собираемся изменить его режим смешивания слоев на « Умножение» , что позволит нам затемнять изображение внутри объектива, чтобы оно не было таким ярким. Для этого просто перейдите к параметру режима наложения в верхнем левом углу палитры слоев, нажмите стрелку вниз справа от слова «Обычный» и выберите «Умножить» из списка:

Adobe Photoshop учебник Photoshop эффекты изображения.

Измените режим смешивания верхнего слоя на «Умножение».

Как только вы измените режим наложения, изображение внутри объектива станет намного темнее:

Adobe Photoshop учебник Photoshop эффекты изображения.

Изображение внутри объектива теперь выглядит темнее после изменения режима наложения.

Если вы обнаружите, что изображение внутри объектива теперь выглядит слишком темным, просто перейдите к параметру « Непрозрачность» в верхнем правом углу палитры «Слои» и уменьшайте непрозрачность слоя «умножение» до тех пор, пока изображение не станет более светлым до Точка, в которой вы довольны результатами. Или, если вы хотите сделать изображение еще более темным, щелкните слой «левое отражение», чтобы выбрать его и понизить значение непрозрачности. Понижая непрозрачность слоя «левого отражения», вы начинаете смешивать немного сплошного черного цвета со слоя «левого объектива», расположенного под ним (именно поэтому мы ранее заполняли наш выбор линз черным в этом уроке). Здесь я снизил непрозрачность слоя «левого отражения» до 80%, чтобы смешать его с оттенком черного от слоя «левой линзы»:

Adobe Photoshop учебник Photoshop эффекты изображения.

Уменьшите непрозрачность слоя «умножение», чтобы повысить яркость отраженного изображения, или уменьшите непрозрачность слоя «левое отражение», чтобы сделать его еще более темным.

Мое отраженное изображение теперь выглядит еще темнее, что придает ему тонированный оттенок:

Adobe Photoshop учебник Photoshop эффекты изображения.

Отраженное изображение внутри объектива немного темнее, что придает ему тонированный вид.

С вашей стороны это просто призыв к суждению о том, насколько темным будет отражение, если вы вообще хотите затемнить его.

Шаг 12: выбери инструмент градиента с градиентом от белого к прозрачному

Чтобы завершить нашу работу над левой линзой и придать ей чуть более трехмерный изогнутый вид, давайте добавим к нему блик, как будто от него отражается солнце. Я собираюсь добавить его в верхнем правом углу объектива. Для этого нам понадобится инструмент «Градиент» , поэтому выберите его на палитре «Инструменты» или нажмите G, чтобы выбрать его с помощью сочетания клавиш:

Adobe Photoshop учебник Photoshop эффекты изображения.

Выберите инструмент Градиент.

Мы хотим добавить градиент от белого к прозрачному, поэтому нажмите клавишу X на клавиатуре, чтобы поменять местами цвета переднего плана и фона, сделав белый цвет основным цветом. Затем, выбрав Gradient Tool, щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте документа, чтобы вызвать Gradient Picker и выбрать секунду градиента в левой верхней строке:

Adobe Photoshop учебник Photoshop эффекты изображения.

Выберите градиент от белого к прозрачному в градиенте.

Шаг 13: снова загрузи выделение вокруг объектива

Удерживая нажатой клавишу «Ctrl» («Победа») / « Command» (Mac), щелкните непосредственно на миниатюре слоя «левая линза» в палитре «Слои», чтобы еще раз загрузить выделение вокруг линзы:

Adobe Photoshop учебник Photoshop эффекты изображения.

«Ctrl-click» (Win) / «Command-click» (Mac) непосредственно на миниатюре «левой линзы», чтобы снова загрузить выделение вокруг линзы в документе.

Шаг 14: добавь новый слой вверху палитры слоев

Убедитесь, что в палитре «Слои» выбран верхний слой («умножить»), затем щелкните значок « Новый слой» в нижней части палитры «Слои», чтобы добавить новый пустой слой поверх всех остальных. Переименуйте новый слой в «Подсветка»:

Adobe Photoshop учебник Photoshop эффекты изображения.

Добавьте новый пустой слой в верхней части палитры слоев и переименуйте его в «подсветка».

Шаг 15: перетащить белый к прозрачному градиенту на слой «Highlight»

Чтобы добавить подсветку, я просто собираюсь вытянуть белый к прозрачному градиенту на слое «highlight», начиная с верхнего правого угла объектива и продолжая вниз по диагонали к центру:

Adobe Photoshop учебник Photoshop эффекты изображения.

Вытаскивая градиент от верхнего правого угла правой линзы вниз к центру.

Отпустите кнопку мыши, и Photoshop отобразит градиент от белого к прозрачному, добавив блик к объективу. Так как у нас был выбор вокруг линзы, градиент ограничен областью внутри линзы. Нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить выбор. Вот мое изображение после добавления моей подсветки в верхнем правом углу объектива:

Adobe Photoshop учебник Photoshop эффекты изображения.

Подсветка добавлена ​​к левому объективу.

Шаг 16: повтори те же шаги для другой линзы

Мы завершили работу над левой линзой. Теперь нам просто нужно добавить отражение к правой линзе, и для этого мы просто повторим все шаги, которые мы только что сделали для другой линзы:

  1. Выберите правильный объектив
  2. Добавьте новый слой и назовите его «right lens»
  3. Заполните выделение черным
  4. Перетащите второе изображение в документ с очками и переименуйте его слой в «Правильное отражение».
  5. Создайте обтравочную маску, чтобы закрепить слой «правильное отражение» на слое «правая линза» под ним
  6. Используйте Free Transform, чтобы изменить размер и изменить положение изображения внутри объектива
  7. Добавьте стиль слоя «Внутренняя тень» к слою «правая линза»
  8. Примените фильтр «Сферизировать» к слою «Правильное отражение».
  9. Дублируйте слой «правильное отражение» и переименуйте его в «multiply»
  10. Измените режим наложения дублированного слоя на «Умножение»
  11. Уменьшите непрозрачность нового слоя «умножение», чтобы сделать изображение ярче, или уменьшите непрозрачность слоя «правильное отражение», чтобы сделать его еще темнее.
  12. Добавьте выделение в верхнем правом углу правого объектива с помощью инструмента «Градиент» и градиента от белого к прозрачному

Помните, что при изменении положения изображения в правом объективе с помощью команды «Свободное преобразование» отражение в правом объективе должно быть несколько иным, чем в левом объективе, чтобы объекты выглядели более реалистично, отрегулируйте положение правого отражения так, чтобы оно находилось немного не в центре от левого. После того, как вы повторили все шаги для правильного объектива, все готово!

Здесь, после повторения всех шагов для правой линзы, это мой окончательный результат. Повторяя шаги для правой линзы, я только понизил непрозрачность слоя «правого отражения» до 90%, а не на 80%, на которые я снизил слой «левого отражения», и причина этого в том, что ее лицо кажется слегка отклонить от солнечного направления, чтобы отражение в линзе, ближайшей к солнцу, выглядело немного ярче, опять же, чтобы добавить реалистичности:

Adobe Photoshop учебник Photoshop эффекты изображения.

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

И там у нас это есть! Вот так можно добавить отражения в солнцезащитные очки с помощью Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!




Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *