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

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

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

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

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

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

Открываем изображение в 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/«Отразить по вертикали» . После этого мышкой поместим зеркалированный слой на новое место.

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

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

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

Способ 1: IMGOnline

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

Для того, чтобы обработать ваше изображение, сделайте следующее:

Способ 2: ReflectionMaker

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

Чтобы зеркально отразить интересующее вас изображение, выполните следующие действия:

Способ 3: MirrorEffect

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

Чтобы сгенерировать изображение с отражением, необходимо выполнить следующее:

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

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

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

Можно отражать фотографию только вертикально, аналогично отражению на воде. Так что если вам нужен не такой результат, лучше воспользуйтесь другим сервисом.

Отзеркалить картинку онлайн можно так:

• загружаете объект со своего ПК;
• жмете «Выберете файл» и ищите нужный;

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

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

• когда настройки будут завершены, кликаете «Generate»;
• загружаете результат на свой компьютер с помощью кнопочки «Download».

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

Процесс обработки такой:

• во-первых, наводите курсор на вкладку «Файл»;
• во-вторых, в появившемся списке ищите «Загрузить с диска», если объект хранится на ПК;

• в-третьих, в открывшемся окне находите «Выберете файл»;

• далее жмете «Операции», из выпадающего перечня выбираете «Зеркальное отражение»;

• наконец, страница обновляется, открываются кнопки горизонтального и вертикального отзеркаливания. Делаете клик мышки по нужному варианту, и начнется обработка запроса.

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

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

• делаете левый клик мышкой по пункту «Выбрать файл»;
• в открывшемся окошке Проводника появится заданное изображение;
• выбираете сторону, в которую нужно отзеркалить;
• с помощью пункта «Reflaction size» настраиваете размер зеркального эффекта. Там в процентах указываете, во сколько раз нужно уменьшить картинку. Если нужен исходный размер, просто оставляете 100%;
• с помощью параметра Boundary width можно делать эффект воды. Он отрегулирует число пикселей для разрыва между картинкой и самим отображением;
• после настройки параметров жмете «Отправить»;
• при завершении работы, фото будет открыто, его можно скачать, нажав «Download».

Как отзеркалить фото онлайн с помощью IMGOnline

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

• во-первых, жмете «Выберете файл» и отмечаете объект с компьютера;
• во-вторых, ставите галочку возле интересующего пункта отзеркаливания;
• указываете формат фото. Если JPEG, то справа в форме поменяйте качество снимка до максимума;
• кликаете «Ок», ждете завершения обработки.

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

Простой ресурс с минималистичным дизайном и функционалом.

Отзеркалить фотографию online можно так:

• загружаете файл на сайт перетаскиванием в специальную прямоугольную область, также можно тапнуть по кнопке «Browse…» и уже в открывшемся проводнике выбрать объект;
• после загрузки отобразится превью фото. Ниже находятся инструменты, которые позволяют менять угол отзеркаливания и поворачивать горизонтально и вертикально;

• после настройки параметров кликаете «Rotate», чтобы открылась ссылка для скачивания.

Стандартный Paint

Несмотря на то, что доступ в интернет у нас есть практически всегда, возникают ситуации, когда воспользоваться online ресурсами нет возможности. Тогда можно воспользоваться привычной программой Виндовс – графическим редактором Paint. Практически все пользователи знакомы с утилитой, но не все знакомы с его возможностями. Делается это так:

• открываете Paint;
• выбираете картинку;
• жмете «Повернуть» и отмечаете горизонтальный или вертикальный поворот;

• • жмете «Сохранить».

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

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

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

1. Создайте текстовое поле. Для этого во вкладке «Вставка» в группе «Текст» выберите пункт «Текстовое поле» .

2. Скопируйте текст, который необходимо отразить зеркально (CTRL+C ) и вставьте в текстовое поле (CTRL+V ). Если текст еще на напечатан, введите его непосредственно в текстовое поле.

3. Выполните необходимые манипуляции над текстом внутри текстового поля — измените шрифт, размер, цвет и другие важные параметры.

Зеркальное отражение текста

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

1. Кликните мышкой по текстовому полю дважды, чтобы открыть вкладку «Формат» .

2. В группе «Упорядочить» нажмите кнопку «Повернуть» и выберите пункт «Отразить слева направо» (горизонтальное отражение) или «Отразить сверху вниз» (вертикальное отражение).

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

Сделайте текстовое поле прозрачным, для этого выполните следующие действия:

• Правой кнопкой мышки кликните внутри поля и нажмите на кнопку «Контур» ;
• В выпадающем меню выберите параметр «Нет контура» .

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

Теперь вы знаете, как зеркально отобразить текст в Word.

Работа с Андроидом