Отражение в Photoshop

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

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

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

Вводим текст

 

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

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

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

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

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

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

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

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

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

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

 

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

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

 

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

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

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

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

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

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

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

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

Отражение в Photoshop

Понравилась статья? Поделись с друзьями:
Комментариев: 4
  1. Андрей

    Просто и доступно, спасибо за бесплатное обучение.

    1. Андрей

      Хотел спросить, какая технология подключения Фид Бурнер на вашем сайте?

      1. Владимир
        Владимир (автор)

        Давно планирую написать об этом, придется поторопиться.

  2. Юрий Бараковский

    Владимир, большое Вам спасибо за уроки.

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: