Уроки Photoshop. Рубрика работа с текстом. Текст из разноцветного стекла

Источник: photoshoplessons
Eren Göksel

В этом уроке мы будем создавать красочный текст, вырезанный из разноцветного слоеного стекла. Создавать буквы будем поочередно с использованием Actions.

Перед тем, как начнем, взгляните на финальный результат. PSD вы можете загрузить отсюда.

Сложность урока - Средняя.

Финальный результат

Текст из разноцветного стекла

Приступаем к уроку Adobe Photoshop

1. Создаем новый документ.


Создайте новый документ размером 900 x 900 pixels, разрешением 300 pixels/inch в формате RGB и назовите его "A". В этом уроке мы будем создавать каждую букву в отдельном документе.
Текст из разноцветного стекла

2. Первая буква.


Залейте фон 55% серым цветом. Выберите инструмент Type Tool и наберите букву "А". Выбор шрифта остается за вами, я же использовал шрифт Bauhaus 93 размером 200 pt. Установите цвет текста 40% серый. Переименуйте слой на "Text", далее это будет очень нужно для нас.
Текст из разноцветного стекла

3. Создаем остальные документы.


Как я упоминал раньше, что каждая буква будет находиться в отдельном документе. Выберите Image > Duplicate, назовите новый документ "W" и нажмите ОК. дважды кликните на иконке слоя "A" в панели слоев и измените текст на "W". Таким же способом создайте документ "E", только размер шрифта измените на 205 pt, так как в этом шрифте буква "E" немного меньше остальных.
Текст из разноцветного стекла

4. Начинаем создавать Action.


Вернитесь к документу "A.psd". Так как мы будем создавать каждую букву по отдельности, запись наших действий для первой буквы с помощью панели Actions - идея довольно неплохая. Когда мы создадим первую букву, для остальных просто применим экшн. Откройте панель Actions выбрав Window > Actions. Откройте меню панели и выберите New Set. Назовите новый набор экшенов "Glassy Text" и нажмите ОК. кликните на кнопке Create New Action, назовите экшн "Glassy" и нажмите Record. Создайте дубликат слоя "Text" и назовите дубликат "Shadow". Этот слой нам понадобится немного позже, поэтому сделайте его невидимым и переместите ниже слоя "Text" на панели слоев.
Текст из разноцветного стекла

5. Поворачиваем и изменяем размер.


Выберите слой "Text" на панели слоев и нажмите Ctrl+T. Установите поворот Rotation равным 30 градусов и примените трансформацию. Снова нажмите Ctrl+T и установите параметр Vertical Scale равным 60%, примените трансформацию.
Текст из разноцветного стекла

6. Применяем градиент.


Примените стиль слоя Gradient Overlay с такими настройками: Gradient => Black, White, Blend Mode => Normal, Opacity => 50%, Style => Linear, Angle => 90 и Scale => 130.
Текст из разноцветного стекла

7. Расставляем слои.


Создайте дубликат слоя "Text", создайте новый слой поверх дубликата и назовите новый слой "Extrude". Выберите оба слоя "Text copy" и "Extrude" и слейте их, нажав Ctrl+E. Продублируйте слой "Extrude" и назовите дубликат "Bottom".
Текст из разноцветного стекла

8. Создаем объемную букву.


Создайте выделение слоя "Extrude" (Ctrl+клик на иконке слоя на панели слоев). На панели слоев выберите слой "Extrude". Выберите инструмент Move Tool, удерживая нажатой клавишу ALT, нажмите на клавиатуре клавишу "Вниз" 75 раз подряд чтобы создать имитацию объема буквы (убедитесь, что масштаб отображения установлен на 100%, если нет - выберите View > Actual Pixels)
Текст из разноцветного стекла

9. Низ и верх буквы.


Создайте дубликат слоя "Bottom" и назовите дубликат "Top". Вернитесь к слою "Bottom" и установите режим наложения слоя Multiply. Переместите слой "Bottom" на 75 пикселей вниз (выберите инструмент Move Tool, удерживая нажатой клавишу Shift, нажмите стрелку "Вниз" и слой сместится на 10 пикселей вниз, дальше, как действовать, надеюсь, вам понятно) и установите непрозрачность слоя равной 75%. Для слоя "Top" установите непрозрачность слоя равной 90%.
Текст из разноцветного стекла

10. Добавляем цвета.


На панели слоев выберите слои "Top", "Bottom" и "Extrude" и слейте их, нажав для этого Ctrl+E. Назовите слитый слой "A1". Примените к слою "A1" стиль слоя Gradient Overlay с такими настройками: Gradient => Spectrum, Blend Mode => Overlay, Opacity => 30%, Angle => -180 degrees и Scale => 150%.
Текст из разноцветного стекла

11. Одного слоя недостаточно.


Создайте дубликат слоя "A1" и назовите дубликат "A2". Выберите инструмент Move Tool и переместите слой на 35 пикселей вверх. Примените к слою "A2" стиль слоя Gradient Overlay с такими настройками: Blend Mode => Normal, Opacity => 20%, Reverse => Checked, Angle => 180, Scale => 150%. Измените режим наложения слоя на Overlay.
Текст из разноцветного стекла

12. Двух тоже маловато будет.


Создайте дубликат слоя "A2" и назовите дубликат "A3". Выберите инструмент Move Tool и переместите слой на 15 пикселей вверх. Примените к слою "A2" стиль слоя Gradient Overlay с такими настройками: Opacity => 100%, Gradient => Blue, Red, Yellow, Reverse => Unchecked, Angle => 90, Scale => 100. Измените режим наложения слоя на Color Dodge и установите непрозрачность слоя 20%.
Текст из разноцветного стекла

13. Придаем верху буквы сияние.


На панели слоев переместите слой "Text" поверх остальных слоев и сделайте стили слоя неактивными. На холсте переместите слой на 50 пикселей вверх. Установите режим наложения слоя Screen.
Текст из разноцветного стекла

14. Создаем отражение.


Создайте новый слой "Reflection" поверх остальных слоёв. Выберите инструмент Gradient Tool, возьмите градиент Silver (этот градиент находится в наборе градиентов Metals, если вы не видите его, просто кликните на иконке с маленьким треугольником и загрузите набор) и залейте слой, как показано ниже. Нажмите Ctrl+M, чтобы вызвать диалоговое окно Curves и измените кривую, как показано на рисунке.
Текст из разноцветного стекла

15. Создаем обтравочную маску.


Чтобы убрать ненужные части слоя, кликните на линии между слоями "Reflection" и "Text" с нажатой клавишей Alt. Установите непрозрачность слоя "Reflection" равной 70%.
Текст из разноцветного стекла

16. Тень.


Загрузите выделение слоя "Text". Создайте новый слой поверх остальных слоев и назовите его "Near Shadow". Нажмите клавишу "D", чтобы установить основным цветом черный цвет (ЕСЛИ ОСНОВНОЙ ЦВЕТ УЖЕ УСТАНОВЛЕН НА ЧЕРНЫЙ - ВСЕ РАВНО НАЖМИТЕ "D", ЧТОБЫ ЭКШН МЕНЯЛ ЦВЕТ НА ЧЕРНЫЙ, ЕСЛИ У ВАС В ДАЛЬНЕЙШЕМ БУДЕТ ВЫБРАН ДРУГОЙ ЦВЕТ) и заполните выделение. Снимите выделение и переместите слой, как показано ниже. На панели слоев разместите слой над слоем "Shadow" и примените к слою фильтр Filter > Blur > Gaussian Blur с радиусом размытия 5 пикселей.
Текст из разноцветного стекла
Текст из разноцветного стекла

17. Делаем тень мягче.


Вернитесь к слою "Shadow" и сделайте его видимым. Установите цвет слоя черным и примените к слою стиль слоя Stroke с такими настройками: Size => 30px, Position => Outside, Opacity => 100% и Color => Black. Теперь нам необходимо слить стиль слоя с самим слоем. Для этого создайте новый слой под слоем "Shadow", на панели слоев выберите оба слоя и слейте, нажав Ctrl+E. Примените к слою фильтр Filter > Blur > Gaussian Blur с радиусом размытия 12 пикселей.
Текст из разноцветного стекла

18. Продолжаем смягчать тень.


Выберите слой "Shadow" на панели слоев и нажмите Ctrl+T. Установите поворот Rotation равным 30 градусов и примените трансформацию. Снова нажмите Ctrl+T и установите параметр Vertical Scale равным 60%, примените трансформацию. Разместите тень, как показано на рисунке.
Текст из разноцветного стекла

19. Красим тень.


Примените к слою "Shadow" стиль слоя Gradient Overlay с такими настройками: Blend Mode => Normal, Opacity => 10%, Gradient => Spectrum, Reverse => Checked, Angle => 0 и Scale => 150. Это такой же стиль слоя, который мы применяли для низа буквы. Установите непрозрачность слоя равной 50%.
Текст из разноцветного стекла

20. Дублируем слои для создания свечения..


Теперь нам предстоит создать свечение вокруг буквы. На панели слоев выберите слои "A1", "A2", "A3", "Text" и "Reflection" и продублируйте их. Слейте их, нажав Ctrl+E и назовите слитый слой "Glow". Alt+клик между слоями "Glow" и "Reflection", чтобы избавиться от обтравочной маски.
Текст из разноцветного стекла

21. Свечение.


Примените фильтр Filter > Blur > Gaussian Blur с радиусом размытия 20 пикселей. Нажмите Ctrl+F, чтобы применить фильтр ещё два раза. Далее Ctrl+клик на слое "A3", затем, удерживая клавишу Shift, Ctrl+клик по слоям "A2" и "A1" чтобы добавить выделение. Нажмите Backspace, чтобы очистить область внутри выделения и снимите выделение.
Текст из разноцветного стекла
Текст из разноцветного стекла

22. Останавливаем экшн.


Выберите все слои кроме фонового. Выберите Layer > New > Group from Layers и назовите новую группу слоев "FINAL". И так, мы закончили создавать первую букву. Откройте панель Actions и нажмите на кнопке остановки записи экшена Stop.
Текст из разноцветного стекла

23. Создаем новый документ.


И так, мы создали первую букву и остановили запись экшена. Пришло время применить экшн к остальным буквам. Но перед этим давайте создадим новый документ, в который потом поместим все буквы. Создайте новый документ размером 1400х2000 пикселей и назовите его "Final". Залейте фон 75% серым цветом.
Текст из разноцветного стекла

24. Перемещаем букву А.


Перейдите на документ "A" выберите группу слоев "Final". Выберите Layer > Duplicate Group, назовите копию "A" и выберите документ в который копируем "Final".
Текст из разноцветного стекла

25. Применяем экшн к букве W.


Перейдите на документ "W", на панели слоев выберите слой "Text". Выберите экшн "Glassy" и нажмите кнопку Play. Через пару секунд вы получите готовую букву. Переместите букву в документ "Final", как это мы делали в предыдущем шаге.
Текст из разноцветного стекла

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

26. Применяем экшн к букве Е.


Проделайте то же самое с буквой Е и переместите ее в документ "Final.psd"
Текст из разноцветного стекла

27. Размещаем буквы.


Перейдите в документ "Final.psd" и разместите буквы, как на рисунке ниже. Осталось добавить немного света на фон и все - мы закончили.
Текст из разноцветного стекла

28. Делаем фон светлее.


Создайте новый слой над фоновым слоем и назовите его "Light". Создайте выделение в виде эллипса с помощью инструмента Elliptical Marquee Tool как показано ниже. Заполните выделение белым цветом и снимите выделение. Примените к слою фильтр Filter > Blur > Gaussian Blur с радиусом размытия 1000 пикселей. Нажмите Ctrl+T, установите поворот Rotation равным 30 градусов и примените трансформацию. Снова нажмите Ctrl+T и установите параметр Vertical Scale равным 60%, примените трансформацию. Ещё раз примените к слою фильтр Filter > Blur > Gaussian Blur на этот раз с радиусом размытия 80 пикселей.
Текст из разноцветного стекла
Текст из разноцветного стекла

Вот и финал нашего урока. Надеюсь, урок вам понравился и вы научились чему-то новому.
Текст из разноцветного стекла

Вот ещё парочка моих работ, созданных по этому уроку.
Текст из разноцветного стекла
Текст из разноцветного стекла


Автор: Eren Göksel

Страница сайта http://test.interface.ru
Оригинал находится по адресу http://test.interface.ru/home.asp?artId=29374