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

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

Подробная инструкция для новичков как сделать зеркальное отражение фотографии в Фотошопе

1. Открываем Фотошоп и загружаем в него выбранное изображение, которое мы хотим отражать: File -> Open…

2. Из главного меню программы Photoshop выбираем Image -> Rotate Canvas -> Flip Canvas Horizontal :

В результате выполнения команды получим зеркально отраженное изображение по горизонтали:

Аналогично можно отразить картинку зеркально и по вертикали. Для этого достаточно выполнить похожую команду Image -> Rotate Canvas -> Flip Canvas Vertical . В результате получим такую картинку:

3. Сохраняем результат зеркального отражения картинки с помощью пункта меню File -> Save for Web and Devices…

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

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

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

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

Инструкция

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

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

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

При работе в графическом редакторе Adobe Photoshop нередко требуется зеркально отразить изображение. В зависимости от свойств обрабатываемого документа, а также типа требуемого реформирования (вертикальное либо горизонтальное отражение), действия, которые необходимо произвести для решения этой задачи, будут различаться.

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

  • – Adobe Photoshop; – начальное изображение.

Инструкция

1. Загрузите изображение, которое необходимо отразить, в Adobe Photoshop. Нажмите Ctrl+O на клавиатуре либо кликните по пункту “Open…” в разделе File основного меню приложения. Отобразится диалог. Перейдите в нем к директории с необходимым файлом и выделите его. Нажмите кнопку «Открыть». Дозволено также легко перенести мышью файл из окна проводника, папки либо файлового администратора в рабочую область Adobe Photoshop.

2. Проанализируйте загруженное изображение. Из панели Layers узнайте, состоит ли оно из одного либо нескольких слоев. Если слоев несколько, просмотрите их содержимое. Для этого вначале отключите видимость всех элементов, сняв отметки в панели Layers, а после этого, поочередно переключаясь между ними, временно делайте их видимыми. Решите, необходимо ли вам отразить изображение в каких-то определенных слоях, не затронув другие, либо нужно повернуть картинку целиком. В первом случае перейдите к четвертому, а во втором – к третьему шагу.

3. Отразите все изображение целиком. Разверните раздел Image основного меню приложения, выделите пункт Rotate Canvas. Дальше выберите Flip Canvas Horizontal, если нужно произвести отражение по горизонтали и Flip Canvas Vertical, если картинка должна быть отражена по вертикали.

4. Отразите изображение на одном либо нескольких слоях. В панели Layers установите отметки видимости и выделите элементы, соответствующие слоям, изображение на которых должно быть отражено. Сразу несколько элементов дозволено выделить, щелкая по ним мышью при нажатой клавише Ctrl. Разверните секцию Transform раздела Edit основного меню. Выберите пункт Flip Horizontal либо Flip Vertical для отражения по горизонтали и вертикали соответственно.

5. Сбережете отраженное изображение. В разделе File основного меню приложения выберите пункт “Save As…”. Также дозволено нажать комбинацию клавиш Ctrl+Shift+S. В отобразившемся диалоге укажите требуемый формат, а также имя файла и каталог, куда он будет размещен. Нажмите кнопку «Сберечь».

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

Инструкция

1. Откройте изображение в фотошопе . Для этого воспользуйтесь командой «Файл – Открыть…» и обнаружьте на своем компьютере местоположение нужной картинки. Либо легко перетащите изображение из папки непринужденно в программу, зажав файл левой кнопкой мыши.

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

3. Если вы хотите, дабы начальное изображение и его зеркальное отражение находились на одной картинке, вам необходимо будет сотворить добавочные слои и изменить размер холста.

4. Щелкните правой клавишей мыши на исключительном слое, имеющемся в данный момент в файле. Выберите вначале меню «Из заднего плана…». Эта команда сделает слой с картинкой не фоновым, не привязанным к последующим действиям с размером изображения. После этого выберите «Сделать дубликат слоя…».

5. Сейчас в зависимости от того, вертикальное либо горизонтальное отражение вы хотите получить, увеличьте в два раза высоту либо ширину рабочего пространства соответственно. Воспользуйтесь командой «Изображение – Размер холста».

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

7. Дабы имитировать отражение начального изображения на воде либо иных поверхностях, вам надобно будет придать реалистичность получившемуся слою. Для этого вы можете поэкспериментировать с прозрачностью слоя и режимами наложения; применить разные результаты (команда «Фильтры»); деформировать и изменить перспективу (команда «Редактирование – Трансформирование») и т.д.

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

Видео по теме

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

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

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

Инструкция

1. Если в каком-нибудь слое требуется выделить все изображение на высоту и ширину документа, то вначале кликните по строке этого лэйера в панели слоев. Отображение панели может быть отключено – нажмите клавишу F7 либо выберите в разделе меню «Окно» пункт «Слои», дабы данный элемент отобразился в интерфейсе Photoshop. Выделив надобную строку, воспользуйтесь сочетанием клавиш Ctrl + A либо пунктом «Все» в разделе меню «Выделение». По краям изображения появится анимированная пунктирная рамка, показывающая границы выделенного фрагмента. Если позже этого на панели слоев перейти на иную строку, выделенным окажется содержимое иного слоя.

2. В первом шаге описан исключительный метод, тот, что не требует что-либо выбирать на панели инструментов. А для выделения, скажем, прямоугольного фрагмента изображения вам нужно вначале кликнуть вторую по счету иконку на этой панели – «Прямоугольная область» – либо нажать клавишу с литерой M. После этого с подмогой указателя мыши задайте надобную прямоугольную область на изображении.

3. Мышь применяется и для указания овального либо безупречно круглого выделения на изображении. Дабы переключить инструмент с прямоугольного формата на овальный, нажмите его иконку на панели инструментов левой кнопкой и подержите до возникновения меню из четырех строк. Выберите пункт «Инструмент “овальная область”», а после этого действуйте как в предыдущем шаге.

4. Для выделения фрагмента изображения произвольной формы используйте инструмент «Лассо» – это дальнейшая (третья) пиктограмма на панели. Взамен щелчка по ней дозволено нажать клавишу L. Необходимую замкнутую область выделения нарисуйте указателем мыши. У этого инструмента есть две вариации, одна из которых – «Откровенное лассо» – разрешает выделять трудные многоугольники, а иная – «Магнитное лассо» – дюже пригодна при выделении идентично окрашенных участков изображения. Предпочесть один из этих вариантов дозволено так же, как и в предыдущем шаге – при нажатии и удержании левой кнопки на иконке инструмента возникает меню со списком.

5. Инструменты четвертой кнопки – «Магическая палка» и «Стремительное выделение» – предуготовлены для работы с фрагментами изображения, имеющими идентичную окраску и цветовую концентрация. По действию они схожи с «магнитным лассо», но при применении этих инструментов от вас требуется только указать одну точку-пример, кликнув ее указателем мыши. Позже этого Photoshop по своему усмотрению выделит каждый участок точек, аналогичных с примером. Используйте для включения этого инструмента клавишу W.

Видео по теме

Видео по теме

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


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


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

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


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


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


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

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


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


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


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


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


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


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

Adobe Photoshop является универсальным инструментом по обработке изображений. До сих пор его потенциал не раскрыт на все 100%. Одни операции делаются в пару кликов, а другие, более сложные – с использованием разнообразных инструментов и приёмов. Создание отражения для предметов или людей в фотошопе – тренд последних нескольких лет.

Чтобы сделать отражение в фотошоп, на первом этапе вы должны запустить программу. Откройте необходимый файл для редактирования. В этом примере используем малинку на ложечке. Линию отражения будем делать по нижней части картинки. Предварительно подготовьте нужный файл, при необходимости уменьшите размер картинки или обрежьте её. Примените инструмент, специально предназначенный для этого – Рамка. Комбинируя клавиши Ctrl+J, скопируйте ваш рисунок на новый слой. Назовите его Дубликат. Чтобы разместить отражение, добавьте пустое пространство внизу картинки тем же инструментом Рамка, увеличив исходное полотно. Мы приближаемся к желаемому результату. Выделите в панели Слои – слой Дубликат, отразите по вертикали следующими командами Редактирование – Трансформирование – Отразить по вертикали. Полученное изображение переместите вниз для полного и точного совмещения с верхним изображением, следите, чтобы не оставались белые полосы. В результате всех предыдущих манипуляций должно получиться изображение, очень похожее на отражение. Добиться более реалистичного вида можно, добавив градиент на слой дубликата. Нажмите на панели Слои справа внизу значок – маска слоя. В инструментах кликните на Градиент. Если вместо градиента нарисовано ведерко, тогда просто зажмите мышкой по ведерку и переключите на градиент. Вверху отобразится вариант градиента, отметьте Черный, белый. Зажав левую кнопку мыши, проведите градиентом снизу-вверх, строго вертикально, до границы оригинала и отражения. Должно получиться переходящее от белого к черному изображение. Отпустите кнопу мыши. Наша картинка уже больше похожа на отражение, но все равно чего-то не хватает. Для большей похожести результата нижнюю часть изображения необходимо залить серым цветом. Переключитесь на фоновый слой. Отключите видимость слоя Дубликат путем снятия галочки напротив названия. Инструментом Быстрое выделение обозначьте заливаемую область под картинкой. Залейте область равномерным серым цветом командами Слои – Новый слой – заливка – Цвет. Включите видимость слоя Дубликат, поставив галочку напротив названия. Слои совместятся, и будет достигнут эффект растворения нашего отражения. Полученное изображение и будет нашим отражением. Описанный способ подходит и в случае создания горизонтального отражения, выберите в пункте Трансформация Отражение по горизонтали. При желании можно попробовать изменить Прозрачность, Стили наложения или разнообразные фильтры.

Как видите, в задаче сделать отражение в фотошоп – нет ничего сложного, главное – внимательно действуйте пошаговой инструкции. Включите фантазию, креативный подход – и вы всегда достигните желаемого результата. Приобретенные начальные навыки работы с Adobe Photoshop помогут вам в дальнейшем освоении этой замечательной программы. Успехов!

Сегодня мы расскажем вам о том, как делать грамотные отражения в Photoshop . Трехмерные отражения, отражения товара, а также пару других типов отличных отражений. Мы обсудим все, начиная от трансформаций до режимов смешивания и так далее. Неважно, новичок вы или профессионал, вам всё равно можно кое-чему обучиться.

Вероятно, у вас промелькнет мысль о том, что отражения были крайне популярны пару лет назад, а сегодня они немного потеряли популярность, и вы будете правы. Тем не менее, вы можете наблюдать различные примеры на множестве веб-сайтов в интернете, включая Apple.com. Конечно же, нельзя перебарщивать с отражениями, пытаясь угнаться за тенденциями стилей web2.0, но стоит отметить, что порой отражения могут придать презентабельный вид какому-нибудь скучному элементу.

Отражение трёхмерного объекта

Что делать, если ваш объект сложен? Например, если наш объект – это коробка?


Если мы пойдём по этапам по перевороту объекта, то это может привести к катастрофе. Это даст нам совсем ужасное отражение.


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


Далее применяем маску и уменьшаем уровень отображения и таким образом у нас получается идеально отраженная коробка!


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

Отражаем снимок товара

И вот, мне уже слышатся восклицания: «Не так быстро!» Какова вероятность того что вам когда-нибудь придётся делать отражение старой плоской коробки? Когда-нибудь это может произойти внезапно и, к тому же, гораздо больше вероятность того, что вам нужно будет делать отражение фотографии товара или что-нибудь более сложное.

Именно с этой проблемой я столкнулся совсем недавно, когда работал над дизайном объявлений корма для собак. Посмотрите, что произойдет, если мы применим данную технику к настоящему снимку продукта.


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

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

Первое, что вам нужно сделать – перевернуть изображение вертикально.


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


С данным активным выделением, осуществите функцию Free Transform (CTRL+T), а затем, удерживая CTRL, ухватите средний указатель на изображении ниже и перетащите таким образом, чтобы он аккуратно был подвинут ко дну основной коробки.


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


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

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


Немного о режимах смешивания

Обязательно стоит отметить то, что при работе с отражения в Photoshop, вам не следует придерживаться режима смешивания по умолчанию. Экспериментируйте. Пробуйте разные режимы и смотрите, как они будут влиять на отражение.

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


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


Заключение

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

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


Close