Как легко сделать зеркальное отражение изображения в фотошопе? Как зеркально отразить фото в фотошопе

05.02.2015 27.01.2018

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

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

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

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

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

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

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

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

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

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

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

1 голос

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

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

Приступим?

Две кнопки для зеркального эффекта

Итак, этот метод работает вне зависимости от того какой версией Photoshop вы пользуетесь, CS6, CS5 и даже в онлайн версии. Я работаю в CC.

После того как вы откроете в фотошопе фотографию, ее нужно разблокировать для редактирования. Без этого вы не сможете применять большинство функций. Щелкните на замок справа от эскиза слоя.

Теперь нажмите сочетание клавиш Ctrl+T.

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

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

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

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

Эффект зеркала

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

Создаете слой, затем под инструментом «Заливка» находите градиент и заполняете слой радиально в темных тонах. Можете использовать от цвета #655959 до #3f3535 .

Теперь нужно создать еще один слой со светлым цветом. Кликните на иконку рядом корзиной. Или во вкладке «Слой» верхнего меню выберите «Создать новый слой».

Можно использовать сочетание клавиш Shift+Ctrl+N. Кстати, рекомендую вам завести тетрадку, куда вы будете записывать все горячие клавиши. В фотошопе их много, но они существенно облегчают работу.

Первое время вы можете каждый раз записывать те сочетания клавиш, которые используете. Предположим, забыли – посмотрели и записали снова. Удалось вспомнить самостоятельно – честь, хвала и ручку искать не нужно. В свое время я изучал таким образом английский язык. Помогает. Сидишь до последнего, пока не вспомнить без подсказок, чтобы не писать по сто раз одно и то же.

Верхний слой заполняете в светлых тонах от #cdc6c6 до #948d8d .

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

На эскизе слоя кликните правой кнопкой мыши и вызовите дополнительное меню, в котором выберите функцию «Растрировать слой».

В этом же меню щелкните еще и по «Создать дубликат слоя» или используйте сочетание кнопок Ctrl+J.

Теперь вам нужно нажать Ctrl+T, «Трансформация», а внутри объекта щелкнуть правой кнопкой мыши, как я описывал в предыдущем пункте. Выберите функцию «Отразить по вертикали».

Новый слой перетащите вниз, это можно сделать и в текущем состоянии. Либо нажмите Enter, чтобы закончить с трансформацией, выберите инструмент «Перемещение» (пересекающиеся стрелки) и потяните новый слой вниз.

Добавьте . Прямоугольник с кружочком внутри. Эту функцию я уже подробно описывал. Она чем-то напоминает ластик: стирает объекты или делает их прозрачными.

Теперь вам снова понадобится градиент. От черного к белому, но в этот раз зеркальный (на скриншоте обозначено цифрой 3).

Ведите линию где-то от середины объекта с первого видимого слоя и до конца «отражения», как показано на рисунке.

Будьте внимательны, когда вы применяете градиент, белая рамка должна находиться на маске-слоя, той, что находится справа от эскиза. Щелкните два раза ней и сможете настроить плотность, сделать отражение прозрачным.

Теперь нужно немного размыть объект, так как «чистого» отражения в природе не существует. Нажмите на эскиз самого слоя, чтобы применить редактирование именно к нему. В моем случае с изображением яблока. Далее переходите во вкладку «Фильтры» — «Размытие» — «Размытие по Гауссу».

Настройте радиус как вам понравится. Все зависит от разрешения исходника. В моем случае 5 идеально подходит.

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

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

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

До новых встреч и удачи в ваших начинаниях.

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

Для начала посмотрим самый простой способ, как отзеркалить фото в фотошопе. Я возьму изображение автомобиля на прозрачном фоне и создам под него новый белый слой (SHIFT+CTRL+N ), чтобы было удобнее работать.

Копируйте слой с автомобилем, нажав волшебную комбинацию клавиш CTRL+J . После этого войдите в меню «Редактирование» — «Трансформация» — «Отразить по вертикали» . После этого объект повернется вверх ногами зеркально.

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

Также, выберите жесткость на 0, нажав правой кнопкой мыши. Обязательно выберите размер побольше, чтобы он соответствовал 1/3 величины объекта. Теперь пройдите один раз ластиком по нижней части копии и еще один раз по средней части. В итоге у нас выйдет интересное фото. Можно подумать, что машина действительно стоит на белом полу с отражающей поверхностью.

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

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

Способ 2: Как отзеркалить изображение в фотошопе, если оно в изометрии

1. Первым делом вам надо создать копию слоя. Для этого зажмите левой кнопкой мышкой на слое, который хотите скопировать, и перетащите его на значок создания нового слоя. Но я все таки рекомендовал бы вам использовать комбинацию клавиш CTRL+J.
   
2. Теперь, чтобы сделать зеркальное отражение в фотошопе, встаньте на слой с копией, войдите меню «Редактирование» — «Трансформирование» — «Отразить по вертикали» . Я специально не рассказывал об этой функции в статье про , чтобы объяснить принцип действия наглядно.
   
3. Теперь создайте еще один слой и полностью белым цветом. Хотя совсем неважно, какой цвет вы возьмете за итоговый цвет фона, хоть черный, оранжевый или отдельный пейзаж.
4. Ну что? Где машинки? А нет их. Всё потому, что верхний слой залит цветом. Чтобы наши машинки отобразились, зажмите левую кнопку мыши на слое с заливкой и тяните его ниже обоих слоев с автомобилями. Теперь машинки будут видны.
   
5. Далее встаньте на слой с копией и поставьте ее ровно под оригиналом. И используя инструмент «Свободная трансформация» (CTRL+T ). Подвиньте машину так, чтобы переднее колесо копии соприкасалось с передним колесом оригинала. Но как вы видите, из-за этого страдают другие колеса, а именно заднее. Картинка получается неестественная, поэтому теперь придется немного попотеть.
   
6. Сейчас начнется самое сложная и ювелирная работа. Далее активируйте мой любимый вид трансформирования, а именно « ». И с помощью этого инструмента подгоняйте остаток автомобиля, чтобы он как можно реалистичнее и точнее касался оригинальной тачки. Не нужно сильно выгибать машину, иначе получится просто ужасное зрелище. Действуйте потихоньку: приподняли заднее колесо, тогда приподнимите и капот в том же месте. Старайтесь, чтобы деформационная сетка была похожа на прямоугольник, а не вихляла зигзагами.
   
7. Я постарался приблизить все колеса максимально к оригиналу автомобиля, чтобы не слишком выгибать наше будущее отражение. Теперь перейдите на слой с оригиналом и также примените на нем инструмент «Деформация» . После этого попробуйте приподнять второе колесо и опустить третье, чтобы они наконец сомкнулись.
   
8. Колеса мы сомкнули, но тени от днища у нас выглядят странно. Возьмите инструмент лассо и выделите заднюю тень на оригинале.
   
9. Далее, снова выбираем «Деформацию» и начинаем опускать эту тень ниже, примерно до точки пересечения. То же самое сделайте и с копией, но на сей раз тяните вверх.
   
10. То же самое сделайте и с колесами, чтобы они выглядили более естественными.
    
    
11. Ну а теперь осталась легкотня. Встаем на копию слоя и вызываем слой-маску.
    
12. Далее, выберите и назначте цветность от черного к прозрачному.
    
13. Теперь этим градиентом проведите прямую вертикальную линию от начала машины-копии, но не доходя до конца машины оригинала. Вуаля. Как здорово получилось.
    

Но, как видите, деформация произошла немного кривовато. К сожалению текстура автомобиля в формате трех четвертей не позволяет сделать нормальное отражение, даже если применить эффект 3D. Но тем не менее, нам удалось добиться нужного эффекта и более менее отзеркалить изображение в фотошопе. И я думаю, чесли еще немного посидеть над этой картинкой, то можно прийти к совершенству.

Способ 3. Как сделать текст зеркальным

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

Ну посмотрите, что у нас получилось. Разве не прелесть? А если еще и тексту добавить эффекта, то такую «конфетку» можно сделать.

Ну как-то так. Ну что, теперь вы поняли, как сделать зеркальное отражение в фотошопе, чтобы придать ему презентабельный вид? Попробуйте сделать самостоятельно. Это очень интересно. Кстати, вспомнилась старая шутка:

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

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

С уважением, Дмитрий Костин

Что мы будем создавать:

Музыкальные клипы - отличный источник творческих визуальных эффектов. В клипе Pillowtalk от Zayn Malik присутствует огромное количество интересных визуальных эффектов. Один из них - это появление зеркала, которое разбивается на несколько вертикальных полос. Посмотрите на видео примерно 2:12 минуту, чтобы увидеть этот эффект зеркального фрактала.

В этом уроке мы рассмотрим легкий способ имитации этого эффекта в Photoshop.

1. Подготовка эффекта

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

Шаг 1

Исходная фотография очень важна. Я решил остаться в том же ключе - и использовать в качестве исходного материала мужской портрет на черном фоне. Envato Market предлагает отличное изображение с привлекательным мужчиной.

Шаг 2

Откройте фотографию в Photoshop и с помощью инструмента Crop Tool ( Рамка) (C) обрежьте изображение снизу, чтобы остались только голова и шея. Очень важно оставить побольше горизонтального пространства для создания эффекта и соответствия широкоэкранному формату в видео.

Шаг 3

Создайте копию фонового слоя через меню Layer > New > Layer Via Copy (Слой > Новый > Скопировать на новый слой) (Ctrl+J).

Шаг 4

Создайте новый слой через меню Layer > New > New Layer (Слой > Новый > Новый слой) (Shift-Control-N) и назовите его Black. Поместите этот пустой слой в панели Layers (Слои) между фоновым слоем и Layer 1 .

Шаг 5

Перейдите в меню Edit > Fill (Редактирование > Заливка) и в выпадающем меню Content (Содержимое) установите Black (Черный), чтобы заполнить пустой слой черным цветом.

2. Создание фрагментов

Фактически фрагментирование отражения - достаточно простой и повторяющийся процесс. Ключ к созданию этой работы заключается в использовании разнообразной ширины полос.

Шаг 1

Убедитесь, что слой Layer 1 является текущим слоем и, используя инструмент Rectangular Marquee Tool (Прямоугольная область выделения) (M), создайте высокое прямоугольное выделение вокруг правого уха мужчины.

Шаг 2

Перейдите в меню Layer > New > Layer Via Cut (Слой > Новый > Вырезать на новый слой) (Shift+Ctrl+J), чтобы вырезать выделение на отдельный слой.

Шаг 3

Скройте этот новый слой, нажав на значок глаза рядом с миниатюрой слоя.

Шаг 4

Подобным образом создайте из слоя Layer 1 примерно десять кусочков, двигайтесь слева направо, пока не дойдете до другого плеча.

Шаг 5

Скройте Layer 1 и сделайте видимыми все слои с полосками.

Шаг 6

Выберите крайний левый слой (скорее всего, он называется Layer 2 ) и с помощью Move Tool (Перемещение) (V) переместите его к левому краю холста. Затем переместите крайний правый слой в дальний правый край холста.

Шаг 7

Выберите все фрагменты, удерживая клавишу Shift, кликните по миниатюрам слоев с фрагментами. Затем перейдите в меню Layer > Distribute > Horizontal Centers (Слой > Распределить > Центры по горизонтали). Это должно распределить фрагменты по всему холсту на одинаковом расстоянии друг от друга.

Шаг 8

Через меню Layer > Group Layers (Слой > Сгруппировать слои) (Ctrl+G) объедините все полоски в одну группу. Переименуйте группу в Mirror 1 .

3. Дублируем эффект

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

Шаг 1

Кликните правой кнопкой мыши по группе слоев Mirror 1 и выберите Duplicate Group (Дублировать Группу), чтобы создать копию всей группы. Оставьте имя по умолчанию Mirror 1 copy . Затем кликните правой кнопкой мыши по копии группы и выберите пункт Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 2

Перейдите в меню Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) и примените размытие радиусом (Radius) 2.5 px.

Шаг 3

Инструментом Move Tool (Перемещение) (V) сдвиньте размытый слой Mirror 1 copy влево, чтобы заполнить часть пустот, оставленных оригинальным фрагментированным зеркалом. Затем нажмите пару раз на клавишу со стрелкой вверх, чтобы немного поднять слой.

Шаг 4

С помощью Layer > Duplicate Layer (Слой > Дублировать Слой) дублируйте смарт-объект и назовите его Mirror 3 , а затем переместите его, чтобы заполнить правую сторону холста. В панели Layers (Слои) поместите этот объект под Mirror 1 copy .

Шаг 5

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

Шаг 6

Дублируйте группу Mirror 4 , кликнув правой кнопкой мыши по ней и выбрав Duplicate Group (Дублировать Группу). Затем преобразуйте ее в смарт-объект, используя то же контекстное меню.

Шаг 7

Перейдите в меню Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) и установите радиус (Radius) 3 px. Затем сдвиньте размытый слой в крайнее правое положение и расположите в панели Layers (Слои) под группой Mirror 4 .

Шаг 8

Добавьте маску группе Mirror 4 через меню Layer > Layer Mask > Reveal All (Слой > Слой-маска > Показать все). Затем с помощью Gradient Tool (Градиент) (G) протяните линейный черно-белый градиент от правого угла к центру холста. Это скроет зеркальный эффект этой группы и проявит нижний размытый слой.

Шаг 9

Дублируйте смарт-объект Mirror 4 copy , переместите дубликат в крайнее левое положение и уменьшите Opacity (Непрозрачность) до 30%. Затем поместите его в панели Layers (Слои) под группой Mirror 1 .

Шаг 10

Добавьте корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) выше всех слоев. Установите Saturation (Насыщенность) -27 и Lightness (Яркость) -13.

Вы закончили!

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

В Ворде изо дня в день по всему миру создаётся огромное количество текстовых документов. У кого-то это отчет по работе, дипломная, реферат, курсовая работа. И каждый второй пользователь сталкивается с добавлением картинок в документ. Хотя многие по мере своих возможностей или незнании опускают данный момент. Ведь это только кажется, что вставка картинки занимает длительное время. А если вдруг понадобится сделать зеркальное отражение картинки, то более взрослое поколение, вероятно попросит знакомого или близкого человека о помощи, а может и вовсе пропустит этот шаг, ссылаясь на нехватку времени. Давайте, вместе разберёмся с нагрянувшей проблемой.

Отражение картинки «зеркально»

Зеркально отобразить рисунок можно с помощью следующих шагов. Изначально вставьте картинку в документ Ворд:

Чтобы отразить изображение нужно:

Горизонтальное отражение рисунка

Бывают ситуации, когда необходимо сменить направление рисунка. В данном случае, необходимо сменить направление дедушки мороза в левую сторону. Чтобы отразить картинку по горизонтали нужно сделать следующее:

Примечание. Если нужно расположить две картинки рядом с исходным результатом как на скриншоте выше, надо скопировать картинку и потом уже задавать нужное отражение.

Настройка для зеркального отображения рисунка

Для достижения нужного эффекта во время отражения фото можно настроить все параметры вручную. Кликнув по фото, перейдите во вкладку «Формат».

В окне «Формат рисунка» установите нужный вид «Заготовки», к примеру «Среднее… касание».

Примечание. Отзеркалить фото можно со смещением на несколько пунктов от оригинального рисунка, для этого нужно выбрать вариант «Отражение в 4 пт или 8 пт».

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