Как отразить зеркально в Фотошопе? Отразить в фотошопе


Отражение в фотошопе

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

Для начала откроем наше исходное фото и создадим копию слоя, нажав комбинацию клавиш Ctrl+J.

Отражение в фотошопе

Отражение в фотошопе

Заходим в меню Редактирование -> Трансформирование -> Отразить по вертикали. У нас получается вот такой текст.

Отражение в фотошопе

Выбираем инструмент перемещение и переносим наш зеркальный текст ниже основного текста.

Отражение в фотошопе

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

Отражение в фотошопе

Для того чтобы сделать наше отражение еще красивее проделаем следующие операции. Выставим непрозрачность «отраженного» слоя до 100%

Заходим в меню Слои->Растрировать->Слои. Далее идем в меню Фильтр->Преобразовать для смарт фильтров.

Затем снова заходим в меню Фильтр->Размытие->Размытие по Гауссу…

В появившемся окне передвигаем ползунок до интересующего нас размытия

Отражение в фотошопе

Снова заходим в меню Слои->Растрировать->Слои. Далее идем в меню Редактирование->Трансформирование      ->Деформация. Наводим курсор на появившеюся сетку и зажав левую кнопку мыши производим растягивание нашего текста на свой вкус.

Отражение в фотошопе

В итоге получается вот  такой интересный текст с отражением.

Отражение в фотошопе

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

fotoshopdesign.ru

Как в Photoshop создать отражение

Давайте приступим. Создаём документ размером 630 на 500 пикселей, берём инструмент "Градиент" и проводим вертикальный градиент от белого (#FFFFFF) к светло-серому (#DADADA):

фон для создания отражения

Далее пишем текст. Я воспользовался бесплатным шрифтом Ar Destine, который Вы можете без проблем скачать в интернете, цвет текста не важен, и задал ему стили слоя Тиснение, Внутренняя тень и Тень со следующими настройками:

стили теста для отражения  стили теста для отражения  стили теста для отражения

Текст должен выглядеть вот так:

текст для создания отражения

Дублируйте текстовый слой и растрируйте его.Активируйте инструмент "Свободное трансформирование" (Ctrl+T), слева на панели параметров поставьте центр преобразования вниз, кликните правой клавишей мыши по габаритной рамке и нажмите на пункт "Отразить по вертикали" (Flip Vertical) контекстного меню.

Затем преобразуйте слой в смарт-объект.

Пройдите Фильтр --> Размытие --> Размытие по Гауссу (Filter --> Blur --> Gaussian Blur) и установите значение радиуса размытия около 1,5 пикселей:

размытие отражения

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

удаляем часть отражения

Собственно, на этом всё, готовый результат показан вверху статьи.

rugraphics.ru

Делаем отражение текста в фотошопе (Photoshop)! | Создание сайтов на CMS Wordpress, верстка сайтов (HTML, CSS, JQuery) и SEO

Привет, всем посетителям блога Webmox.ru! Сегодня будет  совсем коротенькая статься,  в которой я вам расскажу о том, как легко и быстро сделать отражение текста в фотошопе.

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

Первое, что нам  нужно сделать — это создать новый документ в Photoshop. Уверен, большинство из вас знает, как это делается, но на всякий случай  я решил этот шаг не пропускать. Поэтому, в Photoshop в верхнем меню нажимаем пункт «Файл=>Создать» (или сочетание клавиш Ctrl+N). Далее, в появившемся  окне  даем имя документу и задаем его ширину и высоту. Я задал размеры 500X250,  вы можете задать такие же самые или другие, не суть важно.

new-document

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

create-layoutИ заливаем данный слой цветом #0e3262.

color

В итоге  мы получим, закрашенную синим цветом область, на которой и будет написан наш текст.Итак, все подготовительные работы произведены, а теперь приступаем непосредственно к отражению текста.Выбираем инструмент «Горизонтальный текст»:

gorizont-text

Указываем  шрифт, который будем использовать (какой шрифт вы выберете не важно, лично я взял первый попавшийся из списка) его размер и цвет:

style-text

Далее пишем любой текст. У меня вышло так:

simple-text

Следующее, что нам нужно сделать, это выполнить дублирования только что нами созданного текстового слоя. Поэтому снова переходим в палитру слоев, выбираем наш слой и жмем сочетание клавиш Ctrl+J (или кликаем по нему правой кнопкой мыши и выбираем команду «Создать дубликат слоя»).

 

new-layout-text

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

transform-textВ итоге у нас получится такая картина.

two-text

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

Следующим шагом нам нужно перетащить перевернутый текст  вниз оригинала. Для этого, снова переходим на нашу копию текста,  выбираем инструмент «Перемещение» и, пользуясь клавишами стрелок вверх и вниз  (на клавиатуре), сдвигаем текс на низ, как показано ниже:

text2

Отражение  готово :).  Всё, спасибо за внимание пока! 🙂 …

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

Итак, снова идем в наш отраженный текстовый слой и добавляем к нему маску, кликнув в палитре слоев на кнопку «Добавить слой-маску»:

mask-layout

Теперь нужно задать нашей маске  градиент, чтобы  добиться эффекта затухающей прозрачности.Для этого, соответственно выбираем инструмент «Градиент» и, что очень важно, выбираем в наборе градиент от черного к белому.  И рисуем на нашем тексте градиент, проведя линию снизу вверх (не забудьте при этом держать зажатой клавишу Shift, чтобы линия получилась строго горизонтальной). В итоге мы получим эффект затухания текста:

text-flip

И последним шагом будет уменьшение прозрачности нашего затухающего текста. Для этого,  снова  переходим в палитру слоев и на текстовом слое с маской (с которым мы все время работали)  уменьшаем «непрозрачность»:

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

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

text-flip

Согласитесь, выглядит достаточно неплохо 🙂 . Как видите,   создание отражения текста в фотошопе  выполняется очень легко и просто.

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

webmox.ru

Как отразить зеркально в Фотошопе?

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

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

    imguru.ru


    Смотрите также