Создаём переливающийся текст в Фотошоп

Создаём переливающийся текст в Фотошоп

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

Что мы будем делать:

Мы начнём с создания световых эффектов. Вы увидите, как их можно собрать, используя градиенты и инструмент выделения для обрезки. Правильное расположение нескольких цветных полосок с мягкими краям создаст красивое свечение. Затем мы займёмся текстом и его стилизацией. После этого мы добавим несколько размытых светящихся линий, чтобы немного улучшить внешний вид текста. Давайте приступим!

Скачать архив с материалами к уроку

Конечный результат:

Создаём переливающийся текст в Фотошоп

Шаг 1

Создайте новую папку на компьютере под именем «ROCK – Create a Space Flare Glowing Text». Внутри папки создайте ещё одну – «images».

Создаём переливающийся текст в Фотошоп

Шаг 2

В эту папку загрузите изображение космоса.

Создаём переливающийся текст в Фотошоп

Шаг 3

Откройте Фотошоп. Создайте новый документ с параметрами, указанными на скриншоте. Назовите его «ROCK – Create a Space Flare Glowing».

Создаём переливающийся текст в Фотошоп

Шаг 4

Сохраните документ в папке «ROCK – Create a Space Flare Glowing Text» через меню Файл > Сохранить как (File > Save As).

Создаём переливающийся текст в Фотошоп

Шаг 5

Через меню Файл > Поместить (File > Place) вставьте изображение космоса.

Создаём переливающийся текст в Фотошоп

Панель слоёв должна выглядеть так:

Создаём переливающийся текст в Фотошоп

 Шаг 6

Создайте новый слой (Ctrl + Shift + N).

Создаём переливающийся текст в Фотошоп

Назовите слой «Background Gradient».

Создаём переливающийся текст в Фотошоп

Шаг 7

Выберите инструмент Градиент Создаём переливающийся текст в Фотошоп (Gradient Tool) (G). Кликните на градиентной полоске на верхней панели и измените цвета на #063964 и #2cc1e6.

Создаём переливающийся текст в Фотошоп

Протяните градиент из левого нижнего угла к правому верхнему.

Создаём переливающийся текст в Фотошоп

Установите режим наложения градиентного слоя на Мягкий свет (Soft Light) и уменьшите непрозрачность до 80%.

Создаём переливающийся текст в Фотошоп

Шаг 8

Создайте новый слой под именем «H1». Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) (M) и создайте прямоугольное выделение размером 300×30 пикселей. Выберите инструмент Градиент (Gradient Tool) (G) и измените цвета, как показано на скриншоте. Залейте выделение слева на право. Снимите выделение сочетанием клавиш (Ctrl + D).

Создаём переливающийся текст в Фотошоп

Шаг 9

К слою «H1» примените фильтр Размытие по Гауссу (Фильтр > Размытие > Размытие по Гауссу) (Filter > Blur > Gaussian Blur) со значением 5 пикселей.

Создаём переливающийся текст в Фотошоп

Примените фильтр Размытие в движении (Фильтр > Размытие > Размытие в движении) (Filter > Blur > Motion Blur): 0 градусов, 350 пикселей.

Создаём переливающийся текст в Фотошоп

Инструментом Прямоугольная область Создаём переливающийся текст в Фотошоп (Rectangular Marquee Tool) (M) выделите нижнюю половину полоски. Нажмите Delete, чтобы удалить её.

Создаём переливающийся текст в Фотошоп

Шаг 10

Создайте новый слой и назовите его «H2». Создайте прямоугольное выделение размером 300×60 пикселей и внутри протяните градиент слева направо.

Создаём переливающийся текст в Фотошоп

Шаг 11

Обрежьте нижнюю часть полоски, как мы делали это на шаге 9.

Создаём переливающийся текст в Фотошоп

Шаг 12

Расположите обе полоски, как показано на скриншоте.

Создаём переливающийся текст в Фотошоп

Шаг 13

Создайте копию слоёв «H1» и «H2» (Ctrl + J) и назовите их «H3» и «H4» соответственно. Новые слои сдвиньте вниз и влево. Слой «H4» должен перекрывать слои «H1» и «H2».

Создаём переливающийся текст в Фотошоп

Для слоёв «H3» и «H4» установите режим наложения Жёсткий свет (Hard Light). После этого цвета станут более яркими и насыщенными.

Создаём переливающийся текст в Фотошоп

Шаг 14

Создайте новый слой и назовите его «H5». Создайте прямоугольное выделение размером 300×4 пикселя. Залейте его белым цветом.

Создаём переливающийся текст в Фотошоп

Шаг 15

К белой полоске примените фильтр Размытие в движении (Motion Blur):

Создаём переливающийся текст в Фотошоп

Расположите слой «H5» в основании слоя «H2» и сдвиньте влево по горизонтали.

Создаём переливающийся текст в Фотошоп

Установите режим Перекрытие (Overlay) для слоя «H5».  Все 5 слоёв поместите в одну группу (Ctrl + G) и назовите её «Highlight».

Создаём переливающийся текст в Фотошоп

Шаг 16

Наклоните всю группу «Highlights» на -25 градусов в режиме Свободное трансформирование (Ctrl + T).

Создаём переливающийся текст в Фотошоп

Шаг 17

Создайте 5 копий группы и назовите их «Highlight 1» — «Highlight 5». Расположите, как показано на скриншоте.

Создаём переливающийся текст в Фотошоп

Шаг 18

Уменьшите размер группы «Highlights 1» до 80%. Уменьшите непрозрачность до 60%.

Создаём переливающийся текст в Фотошоп

Шаг 19

Уменьшите непрозрачность второй и четвёртой группы до 40%.

Создаём переливающийся текст в Фотошоп

Шаг 20

Раскройте пятую группу. Уменьшите непрозрачность первых четырёх слоёв до 45%.

Создаём переливающийся текст в Фотошоп

Шаг 21

Пятый слой переместите вправо вверх.

Создаём переливающийся текст в Фотошоп

На данный момент у Вас должны быть такие цветные свечения:

Создаём переливающийся текст в Фотошоп

Шаг 22

Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T) и напишите текст шрифтом «Big John» размером 230 пикселей.

Создаём переливающийся текст в Фотошоп

Шаг 23

К текстовому слою примените следующие стили:

Примечание переводчика: будут переведены только текстовые значения параметров стилей.

Наложение градиента (Gradient Overlay): Режим – Мягкий свет, Стиль – Линейный.

Создаём переливающийся текст в Фотошоп

Обводка (Stroke): Положение – Внутри, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный.

Создаём переливающийся текст в Фотошоп

Позиция и цвета контрольных точек градиента:

Позиция (Location) 0 — #848484
Позиция (Location) 12 — #d8d7d7
Позиция (Location) 27 — #383838
Позиция (Location) 38 — #d8d7d7
Позиция (Location) 44 — #ffffff
Позиция (Location) 56 — #202020
Позиция (Location) 57 — #ffffff
Позиция (Location) 77 — #454545
Позиция (Location) 78 — #ffffff
Позиция (Location) 94 — #999999
Позиция (Location) 100 — #000000

Создаём переливающийся текст в Фотошоп

Установите режим наложение Перекрытие (Overlay) для текстового слоя.

Создаём переливающийся текст в Фотошоп

Результат:

Создаём переливающийся текст в Фотошоп

Шаг 24

Создайте копию слоя «Rock» и назовите её «Rock 1». Выберите инструмент Перемещение Создаём переливающийся текст в Фотошоп (Move Tool) (V). Используя клавиши стрелок сдвиньте копию на 7 пикселей вниз и вправо. Откройте стили и измените градиент обводки.

Создаём переливающийся текст в Фотошоп

Создаём переливающийся текст в Фотошоп

Установите режим наложения Мягкий свет (Soft Light) для слоя «Rock 1».

Создаём переливающийся текст в Фотошоп

Создаём переливающийся текст в Фотошоп

Шаг 25

Создайте копию слоя «Rock 1» и назовите её «Rock 2». Сдвиньте этот слой на 11 пикселей влево и вверх. Измените непрозрачность обводки:

Создаём переливающийся текст в Фотошоп

Создаём переливающийся текст в Фотошоп

Шаг 26

Создайте новый слой под тремя текстовыми и назовите его «Block Line».

Создаём переливающийся текст в Фотошоп

Инструментом Овальная область (Elliptical Marquee Tool) (M) создайте круглое выделение диаметром 270 пикселей в центре холста. Заполните его цветом # eb7a1f. Уберите выделение(Ctrl + D).

Создаём переливающийся текст в Фотошоп

К кругу примените фильтр Размытие в движении (Motion Blur):

Создаём переливающийся текст в Фотошоп

Установите для круга режим наложения Жёсткий свет (Hard Light).

Создаём переливающийся текст в Фотошоп

Создаём переливающийся текст в Фотошоп

Шаг 27

Создайте новый слой «Lines». Выберите инструмент Кисть Создаём переливающийся текст в Фотошоп (Brush Tool) (B) и настройте её, как показано ниже. Выберите белый цвет.

Создаём переливающийся текст в Фотошоп

Обрисуйте текст прямыми линиями. Используйте одиночные клики и зажатую клавишу Shift.

Создаём переливающийся текст в Фотошоп

Шаг 28

Создайте копию слоя «Lines» и назовите её «Lines Vertical». Установите для копии режим наложения Перекрытие (Overlay).

Создаём переливающийся текст в Фотошоп

Шаг 29

К слою «Lines» примените фильтр Размытие в движении (Motion Blur): 0 градусов, 25 пикселей. Затем к слою «Lines Vertical» примените тот же фильтр, но с другими параметрами: 90 градусов, 50 пикселей.

Создаём переливающийся текст в Фотошоп

Конечный результат:

Создаём переливающийся текст в Фотошоп

Еще раз: скачать архив с материалами к уроку

Скачать готовый PSD-файл для выполнения урока

Автор: Ile Bogdanovski
Перевод: Stark

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

У нас еще много очень интересных статей! Вот только несколько из них:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

15 − один =