
Из этого урока вы узнаете, как использовать Фотошоп-кисти и стили слоя, а также другие приемы, чтобы создать удивительный красочный ретро-эффект текста.
Навыки для "прокачки":
- работа с заливками и градиентами- работа с текстом в Фотошоп- копирование стилей слоя и работа с ними- работа с Кистью и Пальцем- создание бесшовного паттерна- создание контура и идеальной обводкиЗаключительный результат:
Шаг 1. Установим цвет переднего плана # 212121 и цвет фона # 000000 (черный). Проведем Радиальный градиент (Radial Gradient) от центра документа в один из углов.

Напишем текст с помощью цвета # f4edd2, и шрифт
Junegull . В этом уроке использовано два разных размера для текста. Так что, если вы хотите сделать так же, создайте части текста на отдельных слоях. Большой размер составляет 250 пикселей, и расcтояние 180 (измените вертикальное расстояние между линиями по желанию).

Меньший размер 150. Вы можете изменять размеры, как вам нравится.
Шаг 2. Дважды щелкните на текстовом слое, чтобы применить следующие стили слоя (Add a layer style):
Внешнее свечение (Outer Glow):

Внутреннее свечение (Inner Glow): Просто измените цвет на # ffff00.

Изменим значение Заливка (Fill) на 0.

Ели у вас меньший размер шрифта на отдельном слое, то необходимо щелкнуть по слою со стилями слоя правой кнопкой мышки и выбрать Скопировать стиль слоя (Copy Layer Style).

Щелкните правой кнопкой мыши на другом слое с текстом и выберете Вклеить стиль слоя (Paste Layer Style). Этим мы применим те же стили слоя на другом слое с текстом, с теми же значениями.

Чтобы изменить размер стилей, щелкните правой кнопкой мыши на иконке Эффектов слоя и выберете Воздействие-слой эффектов (Scale Effects).

Изменение размер, так чтобы стиль подходил размеру текста.
Шаг 3. Установим цвет переднего плана на # e5dfc9. Создадим новый слой поверх всех слоев и назовем его "Свет".

Используя Кисть (Brush Tool), начинаем рисовать точки на кончиках букв. Используйте мягкую круглую кисть и установите ее размер до 20 для большего размера текста и 10 для меньшего.

Как только вы закончите рисование точек, выберете Палец (Smudge Tool) и установите значение Интенсивность (Strength) до 70%. Нам нужно размазать точки в разных направлениях. Используя те же размеры кисти (20 и 10).

Вот как должен выглядеть текст.
Шаг 4. Дважды щелкните на слое "Свет" чтобы применить следующие стили слоя (Add a layer style):
Внешнее свечение (Outer Glow):

Внутреннее свечение (Inner Glow):

Это добавит блеск нашим точкам.
Шаг 5. Пришло время добавить яркие цвета нашему тексту! Итак, создайте новый слой поверх всех слоев и назовите его "Цвет". Используйте мягкую круглую кисть, и установите ее размер, около 60 пикс., нарисуем небольшие цветные круги по всему тексту. Не забудьте оставить несколько пустых пространств.
Цвета, используемые # e6631b, # 00f4fd и # 9f1e6b. Но вы можете выбрать цвета, которые вам нравится.

Вот что должно получиться.

Измените Режим смешивания слоя (Blend Mode)" Цвет " на Перекрытие (Overlay).
Шаг 6. Теперь мы создадим Узор (Pattern), используемый в этом уроке. Если вы изучаете уроки web дизайна, вы обязательно должны это уметь. Это очень просто. Создайте новый документ, размером 5х5 пикселей, с прозрачным фоном.

Используйте инструмент Прямоугольник (Rectangular Marquee Tool) и нажмите кнопку Добавить к выделенной области (Add to Selection), чтобы создать 5 квадратов по диагонали (1 пиксель для каждого квадрата - вы можете изменить масштаб изображения, чтобы более четко видеть пиксели).

Как только вы закончите, заполните выделение черным цветом и нажмите Ctrl + D, чтобы избавиться от выделения.

Перейдем в меню Редактирование-> Определить узор (Edit -> Define Pattern) и введите имя.
Шаг 7. Создадим новый слой поверх текстовых слоев и под слоями "Цвет" и "Свет", и назовем его "Линии". Установите цвет переднего плана на # e8641b, а цвет фона # ffd200.

Откройте панель кистей Окно-> Кисть (Window-> Brush) и выберете кисть как на картинке ниже (размер 39). Измените настройки как показано ниже:
Форма отпечатка кисти (Brush Tip Shape):

Динамика формы (Shape Dynamics):

Рассеивание (Scattering):

Текстура (Texture): используйте тот узор, который мы создали.

Динамика цвета (Color Dynamics):
Шаг 8. Щелкните правой кнопкой мыши на текстовый слой и выберете команду Создать рабочий контур (Create Work Path).

Выберете слой "Линии", чтобы он был активным слоем, активируйте инструмент Выделение контура (Direct Selection Tool), щелкните правой кнопкой мыши на пути и выберете Выполнить обводку (Stroke Path).

Выберете инструмент кисть из выпадающего меню и установите флажок Имитировать нажим (Simulate Pressure).

Это будет обводка пути нашей кистью. Нажмите Enter, чтобы избавиться от пути. (Повторите те же шаги для других текстовых слоев, если у вас есть).

Измените значение Непрозрачности (Opacity) слоя "Линии" на 30% или любого другого значения в зависимости от того, насколько вы хотите чтобы линии были прозрачны.

Вы можете остановиться здесь, если вам нравится эффект или Вы можете продолжить следующие шаги, чтобы добавить глянцевый эффект.
Шаг 9. Ctrl + Click, чтобы выбрать все текстовые слои, которые у вас есть, затем дублируйте их и разместите дублированные слои под слоем "Цвет", и выше слоя "Свет". Затем щелкните правой кнопкой мыши на одном из них и выберете Очистить стиль слоя (Clear Layer Style).

Установим дублированным текстовым слоям Заливка (Fill) 0.

Дважды щелкните на слое с большим размером текста чтобы Добавить стиль слоя (Add a layer style):
Тиснение (Bevel and Emboss):

Контур (Contour):

Скопируйте и вставьте этот стиль к другому текстовому слою, только измените в нем размер Тиснение (Bevel and Emboss): до 7.

Это добавит приятный глянцевый эффект к тексту.

Мы все сделали!
Надеюсь, вам понравился этот урок.
