Фотошоп для фотографа 2013

Создаем стильный 3D текст используя Фотошоп

| Категория: Уроки по созданию спец эффектов для текста в Фотошопе | Сложность урока: Средняя

В данном уроке Фотошопа мы рассмотрим процесс создания эффекта - стильного 3D текста.


Финальный результат

Создаем металлический 3D текст используя Фотошоп

Приступаем к уроку Фотошопа


Шаг 1.


Создаём документ 340 x 155 с белым фоном (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")).


Создаем металлический 3D текст используя Фотошоп

Шаг 2.


Теперь заходим в опции слоя который у нас Background (Фон) (Blending Options (Параметры наложения)) и находим вкладочку Color Overlay (Наложение цвета) выставляем настройки как на скрине: ↓


Color Overlay (Наложение цвета): ↓

Создаем металлический 3D текст используя Фотошоп

Шаг 3.


Теперь в Gradient Overlay (Наложение градиента) и тоже выставляем все настройки как на скрине: ↓


Gradient Overlay (Наложение градиента): ↓

Создаем металлический 3D текст используя Фотошоп

Шаг 4.


Получаем мы вот что: ↓


Создаем металлический 3D текст используя Фотошоп

Шаг 5.


Берём Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T"). Настройки как на изображении ниже: ↓


Создаем металлический 3D текст используя Фотошоп

Шаг 6.


И голубым цветом пишем вот такой текст: ↓


Создаем металлический 3D текст используя Фотошоп

Шаг 7.


Теперь Заходим в опции слоя с текстом (Blending Options (Параметры наложения)) и находим в вкладочку Inner Shadow (Внутренняя тень), далее следуем настройкам на скрине: ↓


Inner Shadow (Внутренняя тень): ↓

Создаем металлический 3D текст используя Фотошоп

Шаг 8.


Теперь - Bevel and Emboss (Тиснение и рельеф): ↓


Bevel and Emboss (Тиснение и рельеф): ↓

Создаем металлический 3D текст используя Фотошоп

Шаг 9.


Далее Gradient Overlay (Наложение градиента): ↓


Gradient Overlay (Наложение градиента): ↓

Создаем металлический 3D текст используя Фотошоп

Шаг 10.


Дальше Stroke (Обводка): ↓


Stroke (Обводка): ↓

Создаем металлический 3D текст используя Фотошоп

Шаг 11.


У нас должно получится вот так: ↓


Создаем металлический 3D текст используя Фотошоп

Шаг 12.


Теперь делаем Warp (Деформацию) текста со следующими настройками (на нашем же слое с текстом): ↓


Создаем металлический 3D текст используя Фотошоп

Шаг 13.


Должно выйти так: ↓


Создаем металлический 3D текст используя Фотошоп

Шаг 14.


Дублируем наш слой с текстом и очищаем у нашего не дубликата стили, Изменяем цвет нашего не дубликата (который чистенький без стилей) на #072873 дублируете несколько раз и распологаете всё ниже и ниже стрелки влево и вниз, короче как на скрине: ↓


Создаем металлический 3D текст используя Фотошоп

Шаг 15.


На самом нижнем слою заходим в опции стилей (Blending Options (Параметры наложения)) и в закладку Drop Shadow (Тень) делаем как на скрине: ↓


Drop Shadow (Тень): ↓

Создаем металлический 3D текст используя Фотошоп

Шаг 16.


Должно выйти так: ↓


Создаем металлический 3D текст используя Фотошоп

Шаг 17.


Дублируем самый верхний слой (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")) и на нём делаем Clear Layer Style (Очистить слой от стилей), изменяем цвет текста на белый, делаем Rasterize (Растеризация): ↓


Создаем металлический 3D текст используя Фотошоп

Шаг 18.


Теперь выделим только границы текста зажав Ctrl и кликнув по слою (по значку слоя) потом идём в Select > Modify > Contract (Выделение > Модификация > Сжать) на 1 пиксель потом Select > Inverse (Выделение > Инверсия). А теперь Edit > Cut (Редактирование > Вырезать): ↓


Создаем металлический 3D текст используя Фотошоп

Шаг 19.


Теперь Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") делаем вот так: ↓


Создаем металлический 3D текст используя Фотошоп

Шаг 20.


Зажимаем Ctrl и кликаем на слою с белым текстом, убедитесь что у вас выделен слой с белым текстом, и идём в Edit > Cut (Редактирование > Вырезать) Теперь опускаем Fill (Заливка) до 32%, и готово.


Вот и все.


Создаем металлический 3D текст используя Фотошоп

Урок подготовлен для Вас командой сайта PhotoshopPro.ru