Красочный текстовый ретро-эффект в Фотошоп
Нравится(+) 0 Не нравится(-)

Красочный текстовый ретро-эффект в Фотошоп - уроки фотошоп



Из этого урока вы узнаете, как использовать Фотошоп-кисти и стили слоя, а также другие приемы, чтобы создать удивительный красочный ретро-эффект текста.
Навыки для "прокачки":
- работа с заливками и градиентами
- работа с текстом в Фотошоп
- копирование стилей слоя и работа с ними
- работа с Кистью и Пальцем
- создание бесшовного паттерна
- создание контура и идеальной обводки

Заключительный результат:

Красочный текстовый ретро-эффект в Фотошоп - уроки фотошоп

Шаг 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.

Красочный текстовый ретро-эффект в Фотошоп - уроки фотошоп

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

Красочный текстовый ретро-эффект в Фотошоп - уроки фотошоп

Мы все сделали!

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

Красочный текстовый ретро-эффект в Фотошоп - уроки фотошоп

Сайт: designlessons.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте:

И в Твиттере: twitter.com/DesignLessons

Информация
Автор / Разработчик
Автор не указан
Перевел
Артеменко Люба
Сложность
Средняя
Источник
Добавил
Lubashka
Дата
12-09-2019, 19:48
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 6 + 4 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 207.241.237.222
Последние уроки
Опубликовано 14-10-2019, 21:33
Опубликовано 13-10-2019, 20:50
Опубликовано 11-10-2019, 11:28
Опубликовано 7-10-2019, 20:00
Опубликовано 25-09-2019, 19:33
Опубликовано 24-09-2019, 18:42
Архив сайта
.