Отражение в Photoshop

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

Как сделать отражение в Photoshop? Сначала рассмотрим, как сделать отражение текста с помощью Photoshop.

  • Создаем новый документ (Ctrl+N);
  • Выбираем инструмент Текст (Т) и пишем нужные нам слова.

Вводим текст

 

  • Чтобы текст был более красивым, применим к нему стиль Web 2.0;

Применяем стиль

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

Создание нового слоя

  • Выполняем команды Редактирование — Трансформирование — Отразить по вертикали
  • Выбираем инструмент Перемещение и опускаем получившееся отражение вниз. Для более точного совмещения изображений включите Быстрые направляющие: Просмотр — Показать — Быстрые направляющие.

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

  • В палитре слоев меняем местами слои Текст и Отражение.
  • Обратите внимание на пример. Если вы использовали стиль слоя, содержащий градиент, то его необходимо инвертировать.  Для этого сделайте двойной щелчок на слое эффекта

Изменение стиля

и поставьте галочку в окошке Инверсия.

Инвертирование градиента

 

Отражение стало более реальным.

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

 

  • Теперь сделаем так, чтобы отражение постепенно исчезало. Для этого на слое Отражение создадим маску.

Создание маски слоя

  • Выберем инструмент Градиент, настроим его от черного к белому и протянем по отражению снизу вверх.
  • Еще можно отрегулировать прозрачность отражения.

Прозрачность слоя

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

Отражение текста

Аналогично можно сделать и отражения других плоских объектов, кнопок и пр.… В следующей статье будет описано, как сделать отражение в photoshop более сложных, объемных объектов.

Чтобы заниматься сайтостроением, нужно изучить основы HTML.

Еще советую почитать по этой теме:

Как сделать работу в Фотошопе быстрее и удобнее
Здравствуйте, уважаемые читатели блога! В этой статье я хочу написать о некоторых настройках Фотошопа, которые позволят сделать работу с программой более приятной, легкой и комфортной. Программа ...
Оптимизация изображений в форматах GIF и PNG.
Итак, нам осталось рассмотреть, как выполняется оптимизация изображений в двух форматах: GIF и PNG. Но, если открыть меню выбора формата, можно заметить, что формат ...
Создание тени в Фотошоп
Один из важнейших элементов дизайна, придающий объекту глубину и объем – светотень. Она возникает при освещении предмета различными источниками света, направленными под разными углами. ...
Уроки Photoshop. Направляющие.
В прошлой статье был урок Photoshop по применению линеек и модульной сетки для создания макета сайта. А сейчас разберемся  с еще одним очень полезным инструментом ...
Модульная сетка в Photoshop.
При создании макета сайта важно точное размещение его элементов относительно друг друга. Для этого удобно использовать вспомогательные возможности программы Photoshop: использование модульной сетки, линеек ...
Очень плохоПлохоСреднеХорошоОтлично (голосов: 1 в среднем: 5,00 из 5)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *