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

Превью финального изображения:

Шаг 1.

Прежде, чем приступать к работе с текстом, создадим узор из дырок для его наложения на буквы. Для этого создаем Новый документ (Ctrl+N) в Фотошоп размером 100х100 рх и разрешением 300 рх/дюйм. Заполняем (Edit-Fill или Shift+F5) фоновый слой черным цветом (000000). Выбираем инструмент «Овальное выделение» (Elliptical Marquee Tool) и в верхнем меню активируем стиль: заданный размер (Fixed Size). В полях высоты и ширины ставим значение 24 рх. Выполнив настройки, делаем клик внутри холста и получаем круглое выделение, которое перемещаем в левый верхний угол документа.

Заполняем выделение (Shift+F5) белым цветом (ffffff). Вытягиваем две направляющие: горизонтальную и вертикальную и ставим их по центру выделенной области.

Далее, удерживая Shift, сдвигаем выделение на 40 рх вниз, нажимая 4 раза по правой стрелке курсора на клавиатуре. Снова заполняем выделение белым (Shift+F5 или, активируя инструмент Заливка (Paint Bucket) кликнуть по выделению).

Теперь, перемещаем выделение на 20 рх вверх (2 нажатия стрелкой) и 20 рх вправо, используя стрелки клавиатуры, снова заполняем (Shift+F5) белым. Далее, перемещаем выделение на 20 рх вниз и 20 рх вправо, заполняем белым и вытягиваем две направляющие, которые ставим по центру окружности. Перемещаем выделение вверх на 40 рх (4 нажатия) и заполняем белым снова. Наши белые круги готовы, можете снять выделение (Ctrl+D).

Теперь, активируем инструмент «Прямоугольное выделение» (Rectangular Marquee Tool) и выделяем квадратную область по центру между пересечением направляющих.

Переходим в меню Редактирование-Определить узор (Edit> Define Pattern) и присваиваем имя узору «Отверстия». Теперь ваш узор есть в наборе узоров программы. Закрываем этот документ.

Шаг 2.

Создаем Новый документ (Ctrl+N) размером 1450х700 рх с разрешением 300 рх/дюйм в режиме RGB. Активируем инструмент «Горизонтальный текст» (Horizontal Type Tool) и пишем на холсте текст «PSD» шрифтом Arial Black размером 116 пт.

Шаг 3.

Добавляем на наш текст обводку и узор, который только что создали. Для этого используем «Стили слоя» (Layer Styles), дважды кликнув по миниатюре текстового слоя или нажимаем иконку «fx» внизу панели слоев. Находим параметр «Обводка» (Stroke) и выполняем настройки: размер (size) 10 рх, режим смешивания Нормальный (Normal), непрозрачность (Opacity) 100%, позиция внутри (inside), тип заливки цвет (color).

Затем, выбираем параметр «Наложение узора» (Pattern Overlay) и вводим значения со скриншота внизу. Масштаб (scale) узора установите на 50%.

Шаг 4.

Выключаем видимость фонового слоя (Background), нажав на его миниатюре глазик. Создаем Новый слой (Ctrl+Shift+N) наверху панели слоев и называем его «Альфа 2». Переходим в меню Изображение-Внешний канал (Image > Apply Image) и в диалоговом окне активируем флажок инверсии (Invert). Этот прием позволяет сделать сведение видимых слоев в один и инвертировать его цвета.

Шаг 5.

Удерживая Ctrl, нажимаем по иконке слоя «Альфа 2», чтобы загрузить его выделение и копируем его (Ctrl+C). Переходим в палитру «Каналы» (Channels) и создаем новый канал, нажав внизу панели каналов иконку нового слоя. Вставляем (Ctrl+V) наш текст на новый канал.

Шаг 6.

Возвращаемся в палитру «Слои» (Layers). Слой «Альфа 2» удаляем, перетянув его на иконку корзины внизу панели слоев, он свою задачу выполнил. Выключаем видимость стиля «Наложение узора» (Pattern Overlay) и открываем панель настроек текста (F5). Устанавливаем белый цвет текста в строке «Сolor». Переименуйте этот слой в «PSD», дважды щелкнув по названию.

Шаг 7.

Создаем новый слой (Ctrl+Shift+N) и снова называем его «Альфа 2». Выключаем видимость фонового слоя и переходим в меню Изображение-Внешний канал (Image> Apply Image). В диалоговом окне снимаем флажок Инверсии (Invert).

Шаг 8.

Загружаем выделение слоя «Альфа 2» (Ctrl+клик по иконке этого слоя) и копируем его в буфер (Ctrl+C). Переходим в палитру «Каналы» (Channels) и создаем Новый канал (клик по значку нового слоя внизу). Вставляем на него (Ctrl+V) скопированный текст.
Теперь, в палитре «Каналы» загрузите выделение канала «Альфа 1» (Ctrl+клик по его иконке).

Шаг 9.

Возвращаемся в панель «Слои» (Layers) и создаем Новый слой (Ctrl+Shift+N) наверху панели, называем его «Текст». Установите цвет переднего плана на 80% серого при помощи палитры «Образцы» (Swathes), затем заполните выделение серым, нажав Alt+Backspace. Снимите выделение (Ctrl+D).

Шаг 10.

Поскольку фон в конце работы будет темного цвета, создадим его сейчас. Встаем на фоновый слой и устанавливаем цвет переднего плана на 90% серого, заполняем им (Shift+F5) фон.

Далее, на слой с текстом применим два эффекта: «Наложение узора» (Pattern Overlay) и «Тень» (Drop Shadow). Открываем «Стили слоя» (Layer Style) двойным щелчком по миниатюре слоя и находим эти параметры. Выполняем настройки для опции «Наложение узора» (Pattern Overlay): режим смешивания Мягкий свет (Soft Light), непрозрачность (Opacity) 100%, узор «Черный мрамор» (Black Marble), который находится в наборе «Скалы» (Rock Patterns), масштаб (scale) 100%.

Далее, выполняем настройки для «Тени» (Drop Shadow): режим смешивания Умножение (Multiply), непрозрачность (Opacity) 100%, угол (angle) 120°, смещение ( distance) 16 рх, размах (spread) 30%, размер (size) 15 рх.

Шаг 11.

Дублируем слой «Текст» (Layer-Duplicate Layer или Сtrl+J) и называем его «Рисунок». Удаляем все эффекты с дубликата, перетянув их на иконку корзины внизу панели слоев.

Шаг 12.

Переходим в палитру «Каналы» (Channels) и создаем Новый канал (иконка нового слоя внизу палитры). Переходим в меню Фильтр-Рендеринг-Облака (Filter > Render > Clouds), затем в Фильтр-Рендеринг-Облака с наложением (Difference Clouds). Мы применим этот фильтр дважды, нажав сочетание Ctrl+F на клавиатуре.

Далее переходим в меню Изображение-Коррекция-Инверсия (Image > Adjustments > Invert) и Изображение-Коррекция-Уровни (Image > Adjustments > Levels). Устанавливаем положение черного, серого и белого ползунков на значения 200; 1,00; 255. Белые области получившихся разводов будут имитировать ржавые подтеки на металле. Загружаем выделение канала (Ctrl+клик по иконке канала).

Шаг 13.

Возвращаемся в панель «Слои» (Layers), предварительно нажав на канал RGB в панели «Каналы», и на слое «Рисунок» нажимаем Delete, чтобы удалить области выделения на этом слое. Переходим в меню Слой-Дубликат слоя (Layer > Duplicate Layer) или нажимаем Ctrl+J, называем копию «Зернистость». Выключаем видимость этого слоя и снимаем выделение (Ctrl+D).

Шаг 14.

Возвращаемся на слой «Рисунок» и добавляем к нему эффекты, открыв окно «Стилей слоя» (Layer Style). Выбираем параметр «Тень» (Drop Shadow) и вводим значения: режим смешивания Умножение (Multiply), непрозрачность (Opacity) 100%, угол (Angle) 120, смещение и размах (Distance, Spread) 0 рх, размер (Size) 5 pх.

Затем открываем опцию «Внутреннее свечение» (Inner Glow) и также выполняем настройки: режим смешивания (Blend Mode) Затемнение основы (Color Burn), непрозрачность (Opacity) 35%, размер (Size) 1 pх.

Далее, выбираем «Наложение градиента» (Gradient Overlay) с такими значениями: режим смешивания Перекрытие (Overlay), непрозрачность (Opacity) 60%, направление градиента от черного к белому (Black and White), стиль Линейный (Linear), угол (Angle) 90°.

Изменяем режим смешивания слоя «Рисунок» на Мягкий свет (Soft Light).

Шаг 15.

Создаем Новый слой (Ctrl+Shift+N) выше слоя «Рисунок» и называем его «Цвет». Выбираем инструмент Градиент (Gradient Tool), в верхнем меню нажимаем на редактор градиентов (цветовую шкалу) и выбираем из набора программы градиент цветом «Красный, желтый, синий». Выбираем Линейный стиль и заполняем холст по направлению из правого нижнего угла к левому верхнему.

Создаем Обтравочную маску (Clipping Mask) на слое «Цвет», удерживая Alt, и кликнув между слоями «Цвет» и «Рисунок». Теперь наш градиент находится только внутри слоя «Рисунок». Изменяем режим смешивания слоя «Цвет» на Разницу (Difference).

Шаг 16.

Возвращаемся на слой «Зернистость» и включаем его видимость. Переходим в меню Фильтр-Имитация-Зернистость фотопленки (Filter > Artistic > Film Grain) и устанавливаем значения: Зерно (Grain) 10 рх, Область светов (Highlight Area) и Интенсивность на 0.
Нажимаем Ок. Изменяем режим смешивания для этого слоя на Осветление основы (Color Dodge).

Шаг 17.

Загружаем выделение слоя «Текст» (Ctrl+клик по иконке этого слоя). Создаем Новый слой (Ctrl+Shift+N) выше всех слоев и называем его «Освещение». Активируйте инструмент «Овальное выделение» (Elliptical Marquee Tool) и, используя стрелки калвиатуры, переместите выделение на 1 рх вправо и 1 рх вверх.

Заполните выделение (Shift+F5) белым цветом (ffffff). Снова переместите выделение на 1 рх вправо и 1 рх вниз, чтобы вернуться в исходное положение. Нажмите клавишу Delete. Откройте «Стили слоя» (Layer-Style) двойным кликом по миниатюре слоя и выберите параметр «Внешнее свечение» (Outer Glow), выполните настройки: режим смешивания (Overlay), непрозрачность (Opacity) 100%, размер (Size) 2 pх.

Шаг 18.

Перейдите в палитру «Каналы» (Channels) и загрузите выделение канала «Альфа 2» (Ctrl+клик по иконке канала). Вернитесь в панель слоев и создайте Новый слой (Ctrl+Shift+N) наверху, назовите его «Освещение 2». Переместите выделение (пользуясь стрелками клавиатуры) на 2 рх вправо и 2 рх вниз. Заполните (Shift+F5 или Edit-Fill) выделение белым цветом. Затем, переместите выделение на 2 рх влево и 2 рх вверх (возврат в исх.положение) и нажмите Delete. Снимите выделение (Ctrl+D).

Шаг 19.

Переходим на этом слое в меню Фильтр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur), ставим радиус в 1 рх. Это сгладит немного освещенную полосу.

Шаг 20.

Снова переходим в палитру «Каналы» (channels) и загружаем выделение канала «Альфа 2» (Ctrl+клик по иконке канала). Возвращаемся в панель слоев (Layers) и создаем новый слой (Ctrl+Shift+N), называем его «Тень». Сдвигаем выделение стрелками клавиатуры на 2 рх влево и 2 рх вверх, затем заливаем (Shift+F5) его черным цветом (000000). Далее, возвращаем выделение на место (2 рх вниз и 2 рх вправо) и нажимаем Delete.

Шаг 21.

Снимаем выделение (Ctrl+D) и переходим в меню Фильтр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом в 1 рх, растушевывая немного нашу тень.

Шаг 22.

Загружаем выделение слоя «PSD» (Ctrl+клик по иконке слоя). Создаем Новый слой (Ctrl+Shift+N) наверху палитры слоев и называем его «Тень 2». Заливаем слой (Edit-Fill или Shift+F5) черным цветом. Передвигаем выделение на 2 рх вверх и 2 рх влево, нажимаем Delete. Снова выделяем слой «Текст» (Crl+клик) и переходим на черном слое в меню Фильтр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur), ставим радиус в 2 рх.

Шаг 23.

Снова загрузите выделение слоя «PSD». Создаем новый слой (Layer-New Layer) наверху панели «Слои» и называем его «Освещение 3». Заполняем (Shift+F5) выделение черным цветом. Далее, сдвигаем выделение на 2 рх вниз и 2 рх вправо стрелками клавиатуры, нажимаем Delete.

Еще раз выделяем слой «PSD» (Ctrl+клик по иконке слоя). Переходим в меню Фильтр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом 1 рх. Снимаем выделение, нажав Ctrl+D.

Шаг 24.

Создаем Новый слой (Ctrl+Shift+N) выше фонового слоя и называем его «Текстура». Заливаем слой черным цветом (Edit-Fill..) и переходим в меню Фильтр-Рендеринг-Блик (Filter > Render > Lens Flare). Яркость (Brightness) ставим на 160%, тип оъектива (Lens Type) трансфокатор 50-300 mm. Далее переходим в меню Фильтр-Рендеринг-Облака с наложением (Filter > Render > Difference Clouds), затем Изображение-Коррекция-Обесцветить (Image > Adjustments > Desaturate).

Добавим эффект матового стекла на поверхность. Для этого снова идем в меню Фильтр-Искажение-Стекло (Filter > Distort > Glass) и вводим значения: Искажение (Distortion) 20, Смягчение (Smoothness) 2, Масштаб (Scaling) 100%.

В финале, добавляем на текстурный слой «Наложение градиента» (Gradient Overlay), открыв окно «Стилей слоя» (Layer Style). Значения параметры следующие: режим смешивания Умножение (Multiply), непрозрачность (Opacity) 70%.

Шаг 25.

Вы можете достичь различных вариантов наложения оттенка путем изменения градиента или цвета на слое «Цвет». Также, возможен любой вариант комбинирования текстур при помощи опции «Наложение узора» (Pattern Overlay) на слое «Текст». Ниже представлены разные результаты использования узоров.

Вот такой интересный получился текст-эффект. Это окончательный результат.

Надеюсь, этот урок вам был полезен, и вы научились новым приемам создания текстовых эффектов! Удачи!