/ / Красочный текстовый эффект Plexi

Красочный текстовый эффект Plexi

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

Красочный текстовый эффект Plexi

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

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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi



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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


13. Придаем верху буквы сияние
На панели слоев переместите слой "Text" поверх остальных слоев и сделайте стили слоя неактивными. На холсте переместите слой на 50 пикселей вверх. Установите режим наложения слоя Screen.

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

У вас нет доступа к скачиванию файлов с нашего сервера. Мы рекомендуем Вам зарегистрироваться и стать полноценным пользователем сайта.



26. Применяем экшн к букве Е
Проделайте то же самое с буквой Е и переместите ее в документ "Final.psd"

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


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

Красочный текстовый эффект Plexi


PSD урока вы можете загрузить от сюда

Автор: Eren Göksel
Источник: тут
Перевод:Starrrley

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


Оставить комментарий