пятница, 15 марта 2013 г.

Искрящийся металлический текст эффект


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

Искрящийся металлический текст эффект,

Материалы для урока:

Стальной лист

Текстура земли

Металлическая текстура

Бенгальский огонь

Бенгальский огонь 2

Бенгальский огонь 3

Шрифт "Age"

Шаг 1

Создайте новый документ размером 1024х768рх. Поставьте основной цвет #464646, фоновый #363636, выберите инструмент Gradient Tool|Инструмент "Градиент"(G) gradient.gif, в настройках выберите Radial | Радиальный градиент. Протяните градиент с центра холста к одному из углов:

Искрящийся металлический текст эффект,

Вставьте текстуру металлического листа в свой документ, установите Blend Mode на Overlay|Перекрытие, поставьте Opacity|Непрозрачность 70% для этого слоя.

Искрящийся металлический текст эффект,

Вставьте текстуру земли поверх двух слоев, установите Blend Mode на Multipy|Умножение

Искрящийся металлический текст эффект,

Шаг 2

Установите шрифт на компьютер, выберите инструмент Horizontal Type Tool|Инструмент "Горизонтальный текст" (Т) horisontal_type.gif, откройте окно настройки шрифта Window – Character|Окно - Символ, установите настройки показанные на рисунке ниже. Затем введите свое слово.

Искрящийся металлический текст эффект,

Установите Fill | Заливка 0% для слоя с текстом:

Искрящийся металлический текст эффект,

Двойной клик по слою с текстом, чтобы вызвать стиль слоя, примените Stroke|Обводка

Size|Размер: 25рх
Position|Положение: Center|По центру

Искрящийся металлический текст эффект,

Чтобы после обводки буквы не соединились, нужно установить большое значение Tracking|Трекинга в настройках шрифта.

Искрящийся металлический текст эффект,

Шаг 3

Создайте копию текстового слоя Ctrl + J, и скройте оригинал, кликнув на иконку глаза.

Искрящийся металлический текст эффект,

Сейчас мы растрируем копию текстового слоя и её стили. В новой версии CS6 появилась возможность растрировать стили слоя. Кликните правой кнопкой мыши на слое и выберите пункт Rasterize Layer Style|Растрировать стиль слоя. Если у Вас более ранняя версия Фотошопа, то поместите слой в группу Ctrl + G, кликните на группе правой кнопкой мыши и выберите пункт Merge Group|Объединить группу.

Искрящийся металлический текст эффект,

Создайте копию растрированного слоя Ctrl + J.

Искрящийся металлический текст эффект,

Шаг 4

Перейдите в меню стилей второй копии (кликните дважды на слое) и примените следующие стили:

Bevel & Emboss|Тиснение
Technique|Метод: Chisel Soft|Мягкая огранка
Size|Размер: 7 px
Gloss Contour|Контур глянца: Ring|Кольцо - Anti-aliased|Сглаживание: Включено
Highlight Mode|Режим подсветки: Vivid Light|Яркий свет - Color|Цвет #ffe9ac - Opacity|Непрозрачность: 75%

Искрящийся металлический текст эффект,

Contour|Контур
Contour|Контур: Linear|Линейный - Anti-aliased|Сглаживание: Включено
Range|Диапазон: 50%

Искрящийся металлический текст эффект,

Color Overlay|Наложение цвета
Blend Mode|Режим наложения: Normal|Нормальный - Color|Цвет: #a6a6a6

Искрящийся металлический текст эффект,

Drop Shadow|Внутренняя тень

Искрящийся металлический текст эффект,

Результат после применения стилей:

Искрящийся металлический текст эффект,

Шаг 5

Вставьте стальной лист в свой документ поверх остальных слоёв. Затем сделайте выделение растрированного текстового слоя (удерживая Ctrl, кликните на миниатюре слоя).

Искрящийся металлический текст эффект,

Находясь на слое с текстурой, нажмите Ctrl + J, чтобы скопировать выделенную часть на отдельный слой. Оригинальный слой с текстурой можно удалить.

Искрящийся металлический текст эффект,

Находясь на слое с скопированной текстурой, перейдите к коррекции Image > Adjustments > Levels|Изображение – Коррекции – Уровни. Введите следующие значения:30|1.00|240.

Искрящийся металлический текст эффект,

Установите Blend Mode Hard Light|Мягкий Свет, для слоя с текстурой букв.

Искрящийся металлический текст эффект,

Выберите первый растрированный текстовый слой. Примените к нему фильтр Filter – Blur – Motion Blur|Фильтр - Размытие – Размытие в движении. Тень станет немного толще, что усилит эффект глубины для текста.

Искрящийся металлический текст эффект,

Шаг 6

Выберите инструмент Brush Tool|Инструмент "Кисть" brush.gif, и перейдите в палитру кистей, Window – Brushes|Окно – Кисти . Настройте кисть, как показано ниже

Brush Tip Shape|Форма отпечатка кисти

Искрящийся металлический текст эффект,

Shape Dynamics|Динамика формы

Искрящийся металлический текст эффект,

Scattering|Рассеивание

Искрящийся металлический текст эффект,

Dual Brush|Двойная кисть: выберите кисть "90 px Sampled Tip":

Искрящийся металлический текст эффект,

Шаг 7

Кликните правой кнопкой мыши на оригинальном текстовом слое и выберите пункт Create Work Path|Создать рабочий контур.

Искрящийся металлический текст эффект,

Создайте новый слой прямо над оригинальным, но под двумя растрированными. Назовите его "BG Sparkles". Установите Blend Mode на Pin Light|Точечный свет. Выберите инструмент Direct Selection Tool|Инструмент "Стрелка" (A) direct_selection.gif, установите цвет заливки на #fff7e5, цвет фона - #363636.

Искрящийся металлический текст эффект,

Кликните правой кнопкой мыши на контуре и выберите пункт Stroke Path|Выполнить обводку контура.

Искрящийся металлический текст эффект,

В появившемся окне выберите Brush|Кисть, и убедитесь, что функция Simulate Pressure|Имитировать нажим не активна.

Искрящийся металлический текст эффект,

Контур будет обведён настроенной ранее кистью. Нажмите Enter, чтобы убрать контур.

Искрящийся металлический текст эффект,

Шаг 8

Кликните дважды на слое "BG Sparkles", чтобы открыть окно стилей. Примените стиль Outer Glow|Внешнее свечение с такими параметрами:

Blend Mode|Режим наложения: Overlay|Перекрытие
Color|Цвет: #ffd3be
Size|Размер: 10 px

Искрящийся металлический текст эффект,

Результат:

Искрящийся металлический текст эффект,

К этому же слою примените фильтр Filter > Distort > Wave|Фильтр – Искажение – Волна

Искрящийся металлический текст эффект,

Результат:

Искрящийся металлический текст эффект,

Шаг 9

Откройте палитру кистей ещё раз F5 и выберите кисть "star 14". Настройте её так:

Brush Tip Shape|Форма отпечатка кисти

Искрящийся металлический текст эффект,

Shape Dynamics|Динамика формы

Искрящийся металлический текст эффект,

Scattering|Рассеивание

Искрящийся металлический текст эффект,

Dual Brush|Двойная кисть, выберите кисть "Star 55px".

Искрящийся металлический текст эффект,

Color Dynamics|Динамика цвета

Искрящийся металлический текст эффект,

Transfer|Передача

Искрящийся металлический текст эффект,

Шаг 10

Сделайте выделение одного из растрированных текстовых слоёв.

Искрящийся металлический текст эффект,

Перейдите в палитру контуров Window – Paths|Окно – Контуры. Удерживая Alt, кликните на иконке создания контура из выделения. В появившемся окне введите значение 1px. Чем меньше это значение, тем лучше будет контур.

Искрящийся металлический текст эффект,

На холсте появится контур вокруг букв.

Искрящийся металлический текст эффект,

Создайте новый слой Ctrl + Shift + N под слоем "BG Sparkles" и назовите его "Text Sparkles". Кликните правой кнопкой мыши на слое "BG Sparkles" и выберите пунктCopy Layer Style|Скопировать стиль слоя. Затем кликните правой кнопкой мыши на слое "Text Sparkles" и выберите пункт Paste Layer Style|Вклеить стиль слоя. Установите Blend Mode слоя "Text Sparkles" на Color Dodge|Осветление основы. Основной и фоновый цвета должны по-прежнему быть #fff7e5 и #363636. Выберите инструмент Direct Selection Tool|Инструмент "Стрелка" (A) direct_selection.gif.

Искрящийся металлический текст эффект,

Обведите контур так же, как мы делали ранее. Не забудьте нажать Enter после обводки, чтобы убрать контур. Обводка получится не очень яркой, но это будет исправлено позже, когда добавим корректирующие слои.

Искрящийся металлический текст эффект,

Шаг 11

Вставьте одно из изображений бенгальского огня в документ поверх всех слоёв. Есть очень простой и быстрый способ скрыть чёрный фон. Установите Blend Mode на Lighten|Замена светлым. Чёрный цвет будет скрыт потому, что фон слишком тёмный, а искры яркие. С помощью Ctrl + T измените размер искр и поверните их под нужным углом, чтобы можно было расположить на буквах.

Искрящийся металлический текст эффект,

Проделайте то же самое для других изображений с искрами.

Искрящийся металлический текст эффект,

Чтобы изменить цвет искр, используйте коррекцию Image > Adjustments > Hue/Saturation|Изображение – Коррекции – Цветовой тон/Насыщенность.

Шаг 12

Кликните на иконке чёрно-белого круга в нижней части палитры слоёв и выберите пункт Gradient Map|Карта градиента. Таким способом можно быстро создавать корректирующие слои.

Искрящийся металлический текст эффект,

Этот корректирующий слой должен быть поверх остальных. Установите его Blend Mode на Soft Light|Мягкий Свет и понизьте Opacity|Непрозрачность до 50%. Откройте окно Window – Adjustments|Окно – Коррекция и измените градиент.

Искрящийся металлический текст эффект,

Ниже показаны отметки и их цветовой код:

Номер – Код цвета – Позиция
1 – #503a23 – 0
2 – #985d31 – 24
3 – #da8437 – 47
4 – #cf8d3f – 73
5 – #edbd41 – 100

Искрящийся металлический текст эффект,

Создайте ещё один корректирующий слой – Photo Filter|Фотофильтр.

Искрящийся металлический текст эффект,

Filter|Фильтр: Warming Filter|Тёплый фильтр (85)
Density|Плотность: 25%
Preserve Luminosity|Сохранить свечение: Включено

Благодаря этому корректирующему слою вся иллюстрация станет ярче.

Искрящийся металлический текст эффект,

Шаг 13

Создайте новый слой между двумя фоновыми текстурами. Назовите его "Corners".

Искрящийся металлический текст эффект,

Инструментом Elliptical Marquee Tool|Инструмент "Овальная область" (M) elliptical_marquee.gif, и создайте овальное выделение, как показано ниже:

Искрящийся металлический текст эффект,

Перейдите в меню Select > Modify > Feather|Выделение – Модифицировать – Растушевка и введите значение 50 рх. Края выделения станут мягче.

Искрящийся металлический текст эффект,

Инвертируйте выделение Select > Inverse|Выделение – Инверсия.

Искрящийся металлический текст эффект,

Залейте выделение чёрным цветом.

Искрящийся металлический текст эффект,

Уберите выделение Ctrl + D. Тёмные углы усилят эффект глубины.

Искрящийся металлический текст эффект,

Конечный результат:

Искрящийся металлический текст эффект,


Источник: textuts.com
Перевод: Nick SmilE AInley

Комментариев нет :

Отправить комментарий