Веб-мастерская Ларисы ВоронинойЗеркальное отражение текста.
WEB-мастерская Ларисы Ворониной logo

Зеркальное отражение текста. Дек 26 2016


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

Открываем Photoshop и создаём новый документ (CTRL+N) со следующими размерами ширина 1000px, высота 300px.

Открываем окно «слои» (F7).

Берём инструмент «заливка» (G) и заливаем фон голубым цветом.

Берём инструмент «Текст»(T), выставляем параметры как на рисунке.

И пишем слово «ТЕКСТ».

Слой с текстом размещаем посередине с помощью инструмента «Перемещение» (V).

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

Получившийся слой перемещаем вниз под основной текст. Для удобства слою с отражением дадим название «отражение текста».

Затем на верхней панели выбираем пункт меню «редактирование» -> «трансформирование» -> «отразить по вертикали».

Должно получиться вот так:
zerkal'noe otrazhenie teksta

Идём дальше.

Прямое зеркальное отражение текста.

Для слоя «отражение текста» применяем стиль (fx) «наложение градиента». Градиент выставляем от светло-голубого (близкого к фону) к тёмно-синему (цвету самого текста).

Непрозрачность этого слоя ставим на 75%.

Вот что у нас получилось. Вполне себе отражение на плоской поверхности.
zerkal'noe otrazhenie teksta

Зеркальное отражение текста под углом.

Такое отражение конечно больше похоже на тень.

Растрируем оба слоя с текстом (нажимаем правой кнопкой мыши на слой и выбираем пункт «растрировать текст»).

Далее на верхней панели выбираем пункт меню «редактирование» -> «трансформирование» -> «перспектива».

У нас появляется вот такая рамка.
zerkal'noe otrazhenie teksta

Левой кнопкой мыши тянем за любой нижний угол рамки, и у нас получится примерно так.
zerkal'noe otrazhenie teksta

Для пущего эффекта берём инструмент «размытие» и размываем нижнюю часть отражения.

Конечный результат должен быть вот таким.
zerkal'noe otrazhenie teksta

Вы можете применить и другие стили для текста, например «тень», «свечение», «тиснение», «градиент» и даже «глянец».

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


Рейтинг@Mail.ru