Как в фотошопе зеркально отобразить фотографию. Отражение в Photoshop

Прочие модели 14.05.2019
Прочие модели

Прежде чем мы начнем, давайте настроим отображение изображения 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" с обычного на

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

Но, кроме изменения восприятия снимка, с помощью зеркалирования и копирования можно добиться некоторых интересных эффектов.

Давайте наглядно рассмотрим, как в Фотошопе зеркально отобразить картинку.

Открываем изображение в Adobe Photoshop. Наша фотография будет открыта в виде слоя Background. И, по умолчанию, к такому слою нельзя применять никакие изменения. Это сделано специально, чтобы при работе у вас всегда оставался исходный кадр. Для того, чтобы базовый слой стало возможным изменять, надо дважды кликнуть на пиктограмму замочка справа на панели слоёв. Это позволит разблокировать слой. Ещё один вариант - просто скопировать слой и применять все изменения к копии.

Для того, чтобы зеркально отразить слой в Фотошопе, есть две команды. Они находятся в меню Edit/«Редактирование» → Transform/«Трансформирование» .

Flip Horizontal/«Отразить по горизонтали» - позволяет отразить фотографию по горизонтали.

Делает зеркалирование по вертикали.

Давайте разберём ещё один пример, который показывает, как зеркально отразить слой в Фотошопе и добиться эффекта калейдоскопа.

Сначала создадим копию исходного слоя. Для этого можно либо выбрать пункт меню Layer/«Слои» → Duplicate Layer…/«Создать дубликат слоя…» , либо мышкой перетащить пиктограмму слоя на пиктограмму создания нового слоя на панели слоёв.

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

Нам понадобится пункт меню Image/«Изображение» → Canvas Size/«Размер холста» .

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

В качестве якорной точки Anchor/«Расположение» мы задали левый край изображения - он останется на месте. И указали, что ширина холста должна увеличиться на 200% относительно исходной ширины. Высоту пока оставим без изменений.

После нажатия на кнопку Ok и применения всех сделанных изменений окно Photoshop будет выглядеть как на снимке ниже.

Убеждаемся, что верхний слой активный, и зеркалируем его относительно вертикальной оси с помощью команды Edit/«Редактирование» → Transform/«Трансформирование» → Flip Horizontal/«Отразить по горизонтали» . После чего мышкой меняем расположение двух слоёв таким образом, чтобы они совмещались по одному из краёв.

Для точного и аккуратного позиционирования удобно воспользоваться клавишами «Вверх», «Вниз», «Вправо» и «Влево» на клавиатуре.

Теперь давайте сделаем зеркальное отражение в другой плоскости.

Объединим два текущих слоя в один. Это можно сделать командой *Layer/«Слои» → Merge Visible/«Объединить видимые» . Увеличим размер холста аналогично тому, как делали раньше, но на этот раз по вертикали. Якорная точка будет у нижней границы, а увеличивать на 200% мы будем высоту.

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

Создадим копию верхнего слоя (который уже включает в себя исходное и отзеркалированное изображения). И применим к этой копии команду отражения Flip Vertical/«Отразить по вертикали» . После этого мышкой поместим зеркалированный слой на новое место.

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

Зеркальное отражение в графическом редакторе Adobe Photoshop классифицировано как частный случай произвольного трансформирования. Тем не менее, в несколько разделов меню редактора помещены две отдельные строки с командами для зеркального отражения картинки в двух плоскостях (горизонтальной и вертикальной). Есть несколько способов доступа к этим командам.

Вам понадобится

  • Графический редактор Adobe Photoshop

Инструкция

  • Щелкните в палитре слоев нужный вам, если отразить зеркально требуется только его содержимое, а не весь документ. Затем раскройте в меню раздел «Редактирование» и перейдите в подраздел «Трансформирование». Он содержит больше инструментов трансформации, чем их было в списке соответствующего подраздела в разделе «Изображение», а необходимые вам команды «Отразить по горизонтали» и «Отразить по вертикали» и тут помещены в самый конец перечня. Щелкните нужную и изображение в выбранном слое будет отражено в соответствующей плоскости.

  • Можно использовать альтернативный вариант действия, описанного в предыдущем шаге. Для этого тоже сначала следует выделить щелчком мыши слой, который требуется отразить зеркально. Затем надо нажать на клавиатуре кнопку M, чтобы включить инструмент «Прямоугольная область». Это можно сделать и щелчком по соответствующей пиктограмме на панельке инструментов. Затем правой кнопкой мыши кликните изображение и в выпавшем контекстном меню выберите пункт «Свободное трансформирование». Вокруг контура изображения этого слоя появится рамка с узловыми точками, но вам ничего с ней делать не требуется, а надо щелкнуть картинку еще раз правой кнопкой мыши. На этот раз выпавшее меню будет содержать все те пункты, которые вы видели в разделе «Трансформирование» на предыдущем шагу, включая искомые «Отразить по горизонтали» и «Отразить по вертикали». Выберите команду с нужным направлением зеркального отображения.
  • Думаю, вы не раз натыкались в интернете на фото с зеркальным отражением. Естественно, чаще всего фотограф даже и не думал специально искать зеркальную поверхность для создания фото. Ведь гораздо проще воссоздать подобный эффект в фотошопе.

    Данный навык с большой долей вероятности пригодится веб -дизайнерам. Как известно, даже в дизайне сайтов присутствует своя мода и трендовые направления. Использование фото предмета с зеркальным отражением относится как раз к выше обозначенным. Значит, стоит потратить 10 минут свободного времени и научиться этому приему. Тем более, что делать подобный эффект крайне просто.

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

    Открываем картинку. Позаботьтесь о том, чтобы внизу было достаточно места для размещения отражения.

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


    А теперь выделяем изображение. Причем в нижней части предмета вы должны это сделать с максимально возможной точностью. В верхней же можете захватывать белые области. Большой аккуратности не требуется.

    У вас должно получиться примерно следующее:


    А теперь наживаем комбинации клавиш ctrl+c и ctrl+v. Мы копируем наше изображение на новый слой и вставляем его в этом же документе.

    Сразу следующая комбинация клавиш ctrl+t. Она поможет нам перевернуть полученное изображение. Воспроизводим ее и кликаем правой клавишей мыши по рабочей области. Из выпадающего списка выбираем «отразить по вертикали».


    Зажимаем клавишу shift. Кликаем по изображению и тащим его вниз.


    Как видите, что-то начинает вырисовываться.


    Отражение не может быть полностью симметричным. Следует учесть законы перспективы и сделать отражение чуть расширяющимся внизу. Для этого снова нажмем комбинацию клавиш ctrl+t и теперь уже выберем команду «перспектива». Тянем за уголок изображения. Вот, что у нас получается.



    Теперь перейдем к окну слоев. Выберем нижнее отражение и уменьшим его непрозрачность до 30-40%.



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

    Для этого в окне слоев кликаем по пиктограмме создания маски.


    На уже знакомой нам панели инструментов ищем «градиент».


    Нам следует настроить грандиент от прозрачного к черному. Настройки вы найдете на верхней панели. Кликайте по окошку.


    Мы вызвали необходимое окно. Кликаем по маркерам и задаем настройки. Снизу цвет – от белого к черному. Верхние маркеры позволяют настроить непрозрачность. Черный – непрозрачность 100%. Белый - 0%.


    Настроили. Теперь делаем клик в нижней часть изображения с отражением и тянем вверх.

    Вот и все! Как видите, на вид сложный эффект зеркального отражения делается очень быстро.


    Хочу заметить, что вы можете применять этот навык не только к фото. Зеркальное отражение текста делается тем же способом.

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


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

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

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


    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% .



    Рекомендуем почитать

    Наверх