Как сделать зеркальное отражение в фотошопе cs6. Как сделать отражение в Фотошопе? Изменение режима наложения

05.02.2015 27.01.2018

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

Я покажу как сделать зеркальное отражение на примере этих фруктов. Откройте фотографию в фотошопе.

Для начала нам нужно выделить фрукты. Для этого используйте инструмент Лассо, его можно найти на панели инструментов.

Кстати я записал специальный бесплатный видеокурс по фотошопу на тему "Как выделять в фотошопе" . Вы можете его скачать на . Просмотрев этот курс вы без труда научитесь выделять любые объекты в фотошопе.

Выделяем фрукты. Верхнюю часть можно выделять с белым фоном — ничего страшного. А вот нижнюю надо постараться выделить ровно, без лишнего фона, только фрукты. Так как эта часть будет ложиться под изображение фруктов и служить отражением.

Нажмите CTRL+C — чтобы скопировать выделенное изображение. После этого нажмите CTRL+V чтобы вставить изображение, оно автоматически появится на новом слое. Так мы продублировали изображение фруктов. Из этой копии мы и сделаем отражение.

Теперь нажмите на CTRL+T появится форма трансформирования. Нажмите на фрукты правой кнопкой мыши, появится меню — выберите пункт "Отразить по вертикали". Этим самым мы перевернули изображение.

Переместите отраженные фрукты вниз.

Далее нужно подставить их под фрукты которые наверху. Нажмите CTRL+T, появится форма для трансформирования. Подведите курсор к углу этой формы, вы увидите как курсор примет форму для поворота изображения. Теперь зажмите левую кнопку мышки и поворачивайте изображение. Поверните его чтобы оно встало ровно под фрукты, как бы служила их продолжением.

Теперь для этого слоя сделайте непрозрачность 40%, чтобы зеркальное отражение было реалистичным и немного прозрачным.

Получится вот так:

Создание отражений стало достаточно популярным приемом обработки цифровых изображений. Немалая роль в его популяризации принадлежит компании Apple, которая в свое время создавала красивые отражения для изображений своих телефонов iPhone. Используя графический редактор Фотошоп, можно сделать отражение предмета в несколько кликов мышкой. На одних типах изображений эффект отражения создается легко, на других немного сложнее, но в любом случае сделать красивое зеркальное отражение в Фотошопе по силам каждому, кто уже частично знаком с данной программой, ее основным функциями и инструментами.


В данной статье мы познакомим вас с простой и эффективной методикой того, как сделать отражение в Фотошопе.
  1. Откройте изображение, для которого будет создаваться отражение в Фотошопе. В качестве примера мы будем использовать фотографию автомобиля.


  2. Логично предположить, что зеркальное отображение для данного изображения целесообразно провести по линии горизонта, проходящей под его колесами. Остальная часть изображения лишняя, поэтому обрежем ее, воспользовавшись инструментом «Рамка» (Crop).

    выбираем инструмент "Рамка" и обрезаем изображение


  3. Создадим копию данного изображения, нажав сочетание клавиш Ctrl + J.


  4. Добавляем пространство снизу, на котором будет расположено отражение. Для этого используем все тот же инструмент «Рамка».


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

    После этого выбираем в главном меню пункт «Редактирование»-«Трансформирование»- «Отразить по вертикали».


  6. Сдвигаем скопированный слой вниз до четкого совмещения колес.


  7. В результате должно получиться то, что сильно напоминает отражение. Сделать его более правдоподобным и красивым можно наложив градиент на слой отражения. Сделаем это с помощью добавления слой-маски. Для этого нажимаем на значок слой маски из панели управления слоями и в инструментах нажимаем на иконку градиента, или нажимаем клавишу G на клавиатуре. После этого нажимаем клавишу Ввод (Enter) и в выбираем в верхнем ряду третий слева тип градиента.


  8. Укажем вектор градиента, установив его указатель в нижнюю точку изображения и (или немного ниже ее), зажав левую кнопку мышки, и проведя указатель вертикально вверх к границе слоев (горизонту на уровне колес). После этого отпускаем кнопку мышки.


  9. Нижнюю часть фонового слоя, расположенную ниже уровня колес, нужно залить равномерным серым цветом для придания большей реалистичности. Для этого в панели слоев отключаем видимость добавочного слоя с отражением, делаем активным фоновый слой, быстрым выделением обозначаем заливаемую область и заполняем ее серым цветом через «Слои»-«Новый слой-заливка»-«Цвет». После этого возвращаем видимость для слоя с эффектом отражения.


  10. Также можно незначительно уменьшить прозрачность слоя отражения. Для этого переходим в «Слои»-«Стиль слоя»-«Параметры наложения» и уменьшаем непрозрачность его заливки до 75%.


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

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

1 способ.

Итак, вы добавили в Photoshop фотографию, которую необходимо отразить. Если вам необходимо отразить фотографию целиком, включая все слои, маски и т.д., перейдите по вкладке «Изображение» на панели инструментов, выберите раздел «Вращение изображения», где есть 2 команды: «Отразить холст по горизонтали» и «Отразить холст по вертикали». Выбрав одну из предложенных функций, программа выполнит необходимое действие.


2 способ.

Если вам необходимо отразить не весь документ, а отдельный слой, тогда щелкните по нему левой кнопкой мыши, выберите на панели инструментов Photoshop вкладку «Редактирование» и перейдите к разделу «Трансформирование». В его 2 последних графах также содержатся пункты «Отразить по горизонтали» и «Отразить по вертикали». Выбрав необходимый параметр, программа немедленно применит его.


Окончив редактирования фотографии, сохраните его на компьютер, открыв вкладку «Файл» и выбрав «Сохранить». Готовый снимок рекомендуется сохранять в формате JPEG.

В данном уроке Фотошопа мы рассмотрим как можно создать реалистичное отражение, от сложных объектов.


Финальный результат

Приступаем к уроку Фотошопа

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


1. Откроем исходное изображение (File > Open (Файл > Открыть / Сочетание клавиш "Ctrl+O")) и скопируем каждый объект, от которого будет отражение на отдельный слой. Выделяем объект (например используя → Polygonal Lasso Tool (Инструмент Многоугольное лассо / Клавиша "L")) и нажимаем Ctrl+J . Эти слои потом и будут отражениями.

2. Переместим слой с исходным изображением на самый верх, т.к. отражения должны быть под объектами и перевернем все слои с отражениями на 180 градусов :



3. Начнем с корпуса. Поворачиваем холст Image > Rotate Canvas > 90˚ CCW (Изображение > Повернуть холст > 90˚ против часовой стрелки). Выделяем корпус и применяем Filter > Distort > Shear (Фильтр > Искажение > Искривление) со сдедующими параметрами: ↓



Совмещаем низ корпуса и соответствующую точку его отражения. Получилось примерно следующее (тут прозрачность слоя уже изменена. см. ниже.): ↓



4. Такую же последовательность повторяем с пленкой, т.к. отражение должно начинаться по всей площади соприкосновения.


Filter > Distort > Shear (Фильтр > Искажение > Искривление): ↓



Имеем: ↓


5. С крышкой можно поступить так же, но можно поступить хитрее, т.к. объект довольно простой и отражаться будет только кромка (внутренняя часть не будет видна). Сместим крышку вниз (одна как бы лежит над другой):



Вызываем → Image > Adjustments > Curves (Изображение > Корректировки > Кривые / Сочетание клавиш "Ctrl+M") и перемещаем маркеры чтобы тени на обьекте соответствовали теням на отражении: ↓



Осветлим используя → Image > Adjustments > Levels (Изображение > Коррекция > Уровни / Сочетание клавиш "Ctrl+L"): ↓




5.1. И чтобы хитрость совсем удалась - применяем Edit > Transform > Perspective (Редактирование > Трансформация > Перспектива). Теперь отражение будет соответствовать объекту: ↓



6. Теперь изменим прозрачность слоев с отражением Opacity (Непрозрачность): 50% .

Прежде чем мы начнем, давайте настроим отображение изображения Photoshop`ом для более удобной работы.

По умолчанию, Photoshop отображает изображение в плавающем окне документа, либо во вкладке. Но в этом случае, поскольку нам придётся увеличивать масштаб отображения изображения, будет удобнее работать в режиме полного в Photoshop. После того как вы открыли изображение, с которым вы будете работать, пройдите по вкладке главного меню Просмотр --> Режимы экрана --> Во весь экран с главным меню (View --> Screen Mode --> Full Screen Mode With Menu Bar):

Вы также можете изменить режимы экрана, несколько раз нажав на клавишу клавиатуры F. Чтобы вернуться в обычный просто нажмите пару раз клавишу F.

Шаг 2: Обрезка нежелательных областей фотографии

Для начала, давайте удалим те области нашего изображения, которое не нужны для создания эффекта. В моем случае, я хочу оставить только само дерево, поэтому я обрежу землю, на которой оно стоит. Для этих действий я выберу инструмент "Рамка" (Crop Tool) в панели инструментов. В моём примере я выбрал для дальнейшей работы верхнюю часть изображения:

Нажмите Enter для применения действия инструмента.

Это изображение находится у нас на фоновом слое в панели слоёв. Дублируем фоновый слой, нажав Ctrl+J. Теперь в панели слоёв у нас имеется два слоя, фоновый и его копия, с копией мы и будем работать дальше.

Теперь займёмся изменением ширины холста. В верхней части рабочего окна программы в главном меню пройдите по вкладке Изображение --> Размер холста (Image --> Canvas Size).

Это действие открывает диалоговое окно, которое мы можем использовать, чтобы добавить дополнительное пространство справа от нашего фото, для этого ширину на 200% (предварительно изменив единицы измерения с пикселей на проценты) и нажмём на стрелку в опции "Расположение" (Anchor):

Если в палитре цветов у Вас были установлены цвета по умолчанию (чёрный - основной, белый - фоновый), то новое пространство на фоновом слое заполнятся белым (т.е. фоновым) цветом.

С помощью инструмента "Перемещение" (Move Tool) перетащите, удерживая клавишу Shift, верхний слой вправо до края холста:

Отразите правое изображение по горизонтали с помощью опции "отразить по горизонтали" инструмента "Трансформирование":

Объединим наши два слоя с помощью комбинации клавиш Ctrl+E, теперь в Палитре слоёв у нас снова один слой:

Снова дублируем слой с помощью Ctrl+J:

Теперь удваиваем высоту холста, так, чтобы новое пространство оказалось под изображением:

Наш холст теперь выглядит так:

И перетаскиваем верхний слой вниз, при этом зажав клавишу Shift:

Теперь отразим этот слой, но в этот раз по вертикали:

Объединим эти два слоя с образованием нового слоя, нажав Ctrl+Shift+Alt+E:

На данный момент у нас активен верхний слой, у меня это "Слой 2". Давайте повернём его на 90° по часовой стрелке. Для этого нажмите комбинацию клавиш Ctrl+T, затем кликните правой клавишей мыши внутри появившейся габаритной рамки и в контекстном меню выберите пункт "Поворот на 90° по часовой" (Rotate 90° CW). Вот что у нас получится:

Нажмите Enter для применения действия трансформации.

Обрежем лишнее. Зажмите клавишу Ctrl и наведите курсор на миниатюру верхнего слоя в панели слоёв (при этом вокруг курсора появится пунктирная рамка) и кликните по миниатюре:

После чего вокруг повёрнутого на 90° слоя создастся выделенная область:

Теперь идём по вкладке главного меню Изображение --> Кадрировать (Image --> Crop), после чего слой обрезается:

Нажмите Ctrl+D для снятия выделения.

Изменение режима наложения

В настоящее время изображение на верхнем "Слое 2" полностью перекрывает видимость слоёв, находящихся под ним. Это несколько не то, чего бы мне хотелось. Для смешивания слоёв изменим режим наложения "Слоя 2" с обычного на