Всё для Photoshop, графика, уроки, рамки, шаблоны, PSD, PNG

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

0

Уроки 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


Оставьте ответ

Ваш электронный адрес не будет опубликован.

семнадцать − 9 =