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

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

Из этого урока вы узнаете, как использовать Фотошоп-кисти и стили слоя, а также другие приемы, чтобы создать удивительный красочный ретро-эффект текста. Сложность: средняя Время: до 1 часа Навыки для "прокачки": - работа с заливками и градиентами - работа с текстом в Фотошоп - копирование стилей слоя и работа с ними - работа с Кистью и Пальцем - создание бесшовного паттерна - создание контура и идеальной обводки Заключительный результат: Красочный текстовый ретро-эффект в Фотошоп - уроки фотошоп Шаг 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. Красочный текстовый ретро-эффект в Фотошоп - уроки фотошоп Это добавит приятный глянцевый эффект к тексту. Красочный текстовый ретро-эффект в Фотошоп - уроки фотошоп Мы все сделали! Надеюсь, вам понравился этот урок. Красочный текстовый ретро-эффект в Фотошоп - уроки фотошоп Автор/Переводчик: Артеменко Люба Ссылка на источник: http://textuts.com/colorful-retro-text-effect/

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

Кликните на изображение чтобы обновить код, если он неразборчив
  • Яндекс.Метрика