Как отзеркалить объект в фотошопе. Как отзеркалить изображение в фотошопе

В фотошопе не рисуют. 180° — команда позволяет повернуть изображение на 180 градусов. Но в этом случае, вместе с изображением будут повернуты и все слои, которое оно содержит. В этом уроке я покажу, как поворачивать объект, изображение и холст в Photoshop. Для вращения изображения в редакторе Adobe Photoshop используются команды из меню Image — Rotate Canvas.

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

Произведите выделение той области изображения, которая будет выполнять функцию зеркального отражения. Например, магнитное или прямолинейное Лассо. Для рассматриваемого в качестве примера изображения вполне достаточно инструмента выделения прямоугольной области. В результате должен появится новый слой, содержащий скопированную область выделения. Сместите вставленную область примерно на то место, в котором она и должна находится в качестве зеркального отражения.

Шаг 1: Переключение в полноэкранный режим с отображением

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

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

90° CW — команда предназначена для поворота изображения на 90 градусов по часовой стрелке. Я буду использовать Photoshop CS5, поэтому могут быть небольшие различия в названиях меню, но функциональность останется прежней. Под объектами я подразумеваю текст, фигуру и любые детали, которые отделены от фона. Например, как изображение бабочки, которое я буду использовать.

На примере изображения природы мы рассмотрим другой способ использования инструмента Поворот (Rotate Tool) – вращение изображения. Как Вы можете видеть, при повороте изображения инструментом Поворот (Rotate Transform), изображение может выходить за пределы области холста. Чтобы решить эту проблему, воспользуйтесь меню Изображение > Повернуть холст (Image > Image Rotation) и выберите один из предложенных вариантов.

Следующий способ вращения – это вращение отдельных букв в тексте. Photoshop позволяет легко поворачивать, отражать и масштабировать целые слова или строки текста в документе. Для этого, сделайте активным текстовый слой и войдите в меню Слой > Текст > Преобразовать в кривые (Layer > Type > Convert to Shape). Теперь текстовый слой будет преобразован в слой-фигуру с маской. Кстати, эта же клавиша работает и в Adobe Camera Raw и при обрезке в Photoshop.

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

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

Это изображение находится у нас на фоновом слое в панели слоёв. Дублируем фоновый слой, нажав Ctrl+J. В результате будет получен градиент с переходом от основного изображения к фоновому. В настоящее время изображение на верхнем «Слое 2″ полностью перекрывает видимость слоёв, находящихся под ним. Это несколько не то, чего бы мне хотелось. Создание зеркальных отображений на различных поверхностях является достаточно широко используемым приемом в Фотошопе.

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

Как создать зеркальное отражение в Фотошопе
Рассмотрим простой пример того, как можно быстро отзеркалить изображение в Фотошопе.

1. Откройте в Фотошопе редактируемое изображение.

   

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

   

   
   
3. Скопируйте выделенный участок через пункты меню «Редактирование->Скопировать» и сразу же вставьте обратно через «Редактирование->Вставить» . Удобнее всего данные операции проводить с помощью «горячих клавиш», используя сочетания Ctrl +C и Ctrl +V соответственно. В результате должен появится новый слой, содержащий скопированную область выделения.

   

   
   
4. Сместите вставленную область примерно на то место, в котором она и должна находится в качестве зеркального отражения.

   

   
   
5. Следующим шагом необходимо инвертировать данную область. Сделать это можно через пункты меню «Редактирование->Трансформирование->Отразить по вертикали» . В результате указанного действия скопированный фрагмент изображения действительно станет напоминать зеркальное отражение.

   

   
   
6. Сделайте более точную подгонку отраженной области за счет перемещения по области рисунка.
   
7. Отражение практически готово. Остается только создать эффект его плавного «затухания» по мере удаления от основного рисунка. Для этого добавьте векторную маску слоя, нажав соответствующую кнопку в управлении слоями, и примените к маске инструмент «Градиент» . После этого укажите вектор направления действия градиента. Чтобы это выполнить установите курсор в начальную точку, которая будет находится между оригинальным объектом и его отражением, зажмите левую кнопку мышки и не отпуская кнопки проведите курсором вертикальную линию вниз. После этого отпустите кнопку. В результате будет получен градиент с переходом от основного изображения к фоновому. Начальной точкой и длиной вектора можно регулировать величину применяемого эффекта.

   

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

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

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

1 голос

Здравствуйте, дорогие читатели! У вас есть выигрышный снимок, в который хотелось бы добавить изюминку? Или вы готовите коллаж, аватар, баннер, наконец, где объекты дополняют друг друга, создавая цельную композицию?

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

Коротко о главном

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

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

Ход работы

Ниже прилагается простая инструкция для новичка:

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

В этом случае достаточно создать новый документ через Файл — > Новый, а затем прописать на нем нужные слова. Если это девиз либо название, надпись можно усовершенствовать, применив уже известный градиент для красоты. Порядок тот же: Слой -> Стиль — > Градиент.

Выделить область можно и другим путем, например, создавая ее дубликат. Выбирайте команды Слой – > Новый – > Копия. К слову, здесь тоже есть горячие клавиши: CTRL + J. Следующий этап – команды: Редактирование – > Транформирование –> Отразить вертикально.

Теперь достаточно сдвинуть изображения, чтобы они состыковались, и уменьшить прозрачность до 40% (в англоязычных версиях Opacity). Кстати, если таки эта версия у вас, почитайте, . Теперь важно растеризовать текст. Для этого кликайте правой клавишей мышки на слой и выбирайте соответствующую команду (Rasterize Type в англоязычных версиях).

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

Чтобы закрепить приобретенные навыки пробуйте работать с разными снимками, объектами, картинками. Таким образом, в процессе будут появляться неожиданные трудности, справляясь с которыми удастся достичь совершенства. Ведь все закрепляется на практике. В помощь вам одна из моих статей –

А если самостоятельно разобраться все равно не получается, обратите внимание на курс «Только для Фотошоп Чайников », где собрано 57 практических уроков.

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

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 уроки повышения мастерства ». В нем вы найдете целый сборник профессиональных приемов и методов.

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

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