Стильный ретро текст

Шаг 1
Перед тем, как мы начнём, загрузите шрифт SEGA. Этот шрифт нам понадобится для нашего урока, поэтому загрузите его в Photoshop. Создайте новый документ. Залейте первый слой чёрным цветом и назовите его “background”. Инструментом Горизонтальный текст
(Horizontal Type Tool) напишите любой текст, желательно квадратный, похожий на тот, что ниже. Убедитесь, что текст выровнен по левой стороне (иконка, обведённая красным цветом, сделает это). Теперь у вас фоновый слой и слой с текстом. Я использовал шрифт размером 100 pt. для слова “PSD” и размер 72 pt. для слова “TUTS”.

Изменить



Шаг 2
Теперь изменим немного текст. Перейдите в меню Окно»Абзац (Window>Character). Поле, выделенное красным цветом, позволит вам настроить кернинг между буквами. Кернинг – это расстояние между буквами по отношению друг к другу. Когда вы выбираете текстовый инструмент и ставите курсор между двумя символами, вы можете настроить расстояние между ними.

Давайте изменим цвет текста на #e59710. Это хороший базовый оттенок, если вы хотите получить золотой текст. Мы можем растянуть текст инструментом Свободное трансформирование (Free Transform) или изменив размер символа. Текст верхней строки сделайте размером 280 pt., а нижней — 194,4 pt.

Теперь настроим кернинг. В режиме текстового инструмента кликните между буквами “P” и “S”, и установите значение кернинга (-55). Потом установите кернинг между буквами “S” и “D” (-40).

Изменить



Шаг 3
Теперь добавим стили слоя. Нам нужно получить красивый золотой текст с чёткими краями и немного наклонённый. Внизу показаны настройки стилей слоя, используемых мною — Внутренняя тень (Inner Shadow), Внутреннее свечение (Inner Glow), Тиснение (Bevel and Emboss), Наложение градиента (Gradient Overlay):

Изменить



Шаг 4
Нам нужно растеризовать слой. Сделайте копию слоя с текстом (всегда храните копию слоя, который вы собираетесь редактировать), потом создайте новый слой (Create New Layer) над копией и объедините эти 2 слоя (Ctrl+E). Если растеризовывать слой через меню сверху, то растеризуются также и стили слоя.

Теперь в растеризованном слое перейдите в режим Перспективы (Transform — Perspective), выберите правую верхнюю точку и, удерживая Shift, потяните её вверх. Также можете сделать то же самое с нижней точкой. Потом уменьшите текст в масштабе, чтобы избавиться от размытости.

Изменить



Шаг 5
Сделайте копию искажённого слоя два раза. Поместите эти 3 слоя в новую группу “text”. Измените имена трёх слоёв в группе, как показано ниже. Используя стрелки на клавиатуре, сдвиньте нижний и средний слои, пока не получите результат, как на изображении ниже. Как вы видите, нижний слой должен быть дальше от верхнего слоя, чем средний.

Изменить



Шаг 6
Выберите слой “mid” и установите Заливку (Fill) этого слоя – 0%. Потом примените стиль Наложение градиента (Layer Style — Gradient Overlay).

Изменить



Шаг 7
Создайте новый слой (Create New Layer) над слоем “front” и назовите его "chrome grad". Сделайте выделение слоя “front”, выберите инструмент Градиент (Gradient Tool) и выберите в настройках градиент Chrome. Сделайте заливку, как показано ниже, потом установите Режим наложения – Мягкий свет (Blending Mode – Soft Light).

Изменить



Шаг 8
Создайте новую группу слоёв и назовите её "soft flares", поместите эту группу над группой “text”. Внутри группы "soft flares" создайте новый слой (Create New Layer) "highlight flare”. Залейте слой чёрным цветом и примените фильтр Блик (Lens Flare Filter): тип линзы — 100mm Prime Lens с яркостью – 100%. Поместите свечение где хотите. Я поместил его в верхней части буквы “S” слова “TUTS”. Установите Режим наложения – Мягкий свет (Blending Mode – Soft Light) и сделайте копию этого слоя. Поместите второе свечение в другом месте, я поместил его между буквами “P” и “S”. Добавьте маску слоя к копии и сотрите кистью затемнённые места. При наложении двух чёрных слоёв становится заметно, что яркость понижается. Далее, чёрной кистью залейте прозрачные области двух слоёв, которые появились в результате вращения и изменения размеров бликов.

Изменить




Шаг 9
Как вы видите на последнем скриншоте, обе группы “text” и “soft flares” были помещены в группу “psdtuts”. Давайте добавим отражение. Сделайте копию этой группы и растеризуйте её, как мы делали это ранее: создайте новый слой (Create New Layer) и объедите его с группой (Ctrl+E). Примените Отражение по вертикали (Transform — Flip Vertical) и поместите отражение под оригинальным текстом. Перейдите в режим Наклона (Transform — Skew) и подровняйте букву “T” так, чтобы она была на линии с оригинальной. К слою “reflection” добавьте маску слоя, кликнув на соответствующую иконку внизу палитры слоёв, потом, используя инструмент Градиент (Gradient Tool), от чёрного к белому, сделайте заливку, чтобы получить такой результат:

Изменить



Шаг 10
Между слоем “reflection” и группой “psdtuts” создайте новый слой (Create New Layer) и назовите его “flare front”. Залейте его чёрным цветом и примените фильтр Блик (Lens Flare Filter): 50-300mm Zoom с яркостью — 100%. Расположите этот блик на подходящее место и установите Режим наложения – Линейный осветлитель (Blending Mode – Linear Dodge).

Изменить



Шаг 11
Сделайте копию слоя “flare front”, установите Режим наложения – Осветление
(Blending Mode – Screen) и поместите его под группу “psdtuts” позади текста. Назовите этот слой “flare back”.

Изменить



Шаг 12
Создайте новый документ размером 40x2 пикселей. Инструментом Прямоугольная область (Rectangular Marquee Tool) сделайте выделение на половину и залейте его чёрным цветом. Потом перейдите в меню Редактировать»Определить узор (Edit>Define pattern) и сохраните узор:

Изменить



Шаг 13
Вернитесь в наш основной документ. Над слоем “background” создайте новый слой
(Create New Layer), перейдите в меню Редактировать»Заливка (Edit>Fill) и выберите узор, который мы создали. Установите Заливку (Fill) этого слоя – 0% и примените стиль Наложение цвета (Layer Style — Color Overlay): цвет — #dd04ad. Установите Непрозрачность (Opacity) слоя – 64%

Изменить



Заключение:
Перейдите в режим Свободного трансформирования (Free Transform) и поверните полосы на 90 градусов. В режиме Перспективы (Transform — Perspective) потяните правую нижнюю точку, удерживая Shift, вниз, как мы делали это ранее. Сделайте то же самое с верхней левой точкой, но потяните её вверх.

Изменить





Ссылка на источник урока


Работаем с текстом

Вас может также заинтересовать:

19 августа 2019

Дата анонса: 2010/08/17 Эффективное разрешение, МП: 12.2 Диагональ ЖК-дисплея, дюймы: 2.7 Вес с батареей и картой памяти, г: 132

19 августа 2019

Дата анонса: 2008/01/08 Эффективное разрешение, МП: 11.1 Диагональ ЖК-дисплея, дюймы: 3

19 августа 2019

Байонет: Sigma SA Тип объектива: стандартный Фокусное расстояние: переменное