Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Создаем металлический текст в Фотошопе

4 марта 2014 | Опубликовано в Уроки | 3 Комментариев »

В этом уроке  мы научимся создавать надпись на металле. Урок прост, не отнимет у вас много времени и не потребует специальных навыков. Зато если вы новичок, вы узнаете полезные вещи о стилях слоя, работе с текстурой, применении режимов наложения и др. Надеемся полученные навыки будут вам полезны!

 

 

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

Исходники

Нам также понадобятся контуры. Посмотрите как их установить здесь.

Шаг 1

Создайте новый документ размером 800 x 461 px. Разместите в документе текстуру дерева “Dark Wood Teture”.

Embossed Metal Tag Text Effect step 1

Убедитесь что активна опция Snap/Привязка (View > Snap / Просмотр > Привязка). Активируйте линейки: View > Rulers / Просмотр > Линейки. Теперь кликните по горизонтальной линейке и потяните вниз, чтобы создать горизонтальную направляющую.

Embossed Metal Tag Text Effect step 1

Перетащите направляющую в центр документа. Она должна «приклеиться» посредине.

Embossed Metal Tag Text Effect step 1

Шаг 2

Возьмите инструмент Rectangle Tool / Прямоугольник, и в меню настроек кликните по иконке “geometry settings” / «настройки геометрии». Включите опцию From Center / Из центра.

Подведите мышь в центр документа (на направляющую), затем кликните один раз и введите параметры 490 x 255 px для создания прямоугольника.

Embossed Metal Tag Text Effect step 2

Укажите прямоугольнику цвет #adadad.

Embossed Metal Tag Text Effect step 2

Возьмите инструмент Add Anchor Point Tool / Добавить опорные точки. Кликните по середине каждой из вертикальных сторон, чтобы добавить точки.

Embossed Metal Tag Text Effect step 2

Инструментом Direct Selection Tool / Прямое выделение кликните и потяните так, чтобы выделить обе только что созданные точки.

Embossed Metal Tag Text Effect step 2

В меню выберите Edit > Transform Points > Scale / Редактировать > Трансформировать точки > Масштабирование. Затем зажмите клавишу Alt/Option и потяните в сторону за один из внешних манипуляторов.

Embossed Metal Tag Text Effect step 2

Теперь так же потяните манипулятор вверх.

Когда вы будете довольны результатом, нажмите Enter/Return.

Embossed Metal Tag Text Effect step 2

Выберите инструмент Ellipse Tool, включите опцию From Center / Из центра, и выберите вариант Subtract Front Shape / Вычесть переднюю фигуру.

Подведите курсор мыши к направляющей у правого края фигуры и, удерживая клавишу Shift, растяните круг размером 25 x 25 px.

Embossed Metal Tag Text Effect step 2

Сделайте то же с левой стороны.

Embossed Metal Tag Text Effect step 2

Шаг 3

Кликните дважды по слою, в котором мы только что работали и укажите ему следующие Layer Style/ Стили слоя:

Bevel and Emboss / тиснение

Embossed Metal Tag Text Effect step 3

Contour / Контур

Embossed Metal Tag Text Effect step 3

Gradient Overlay / Наложение градиента

Используйте “stove pipe 120″ из METALS.grd.

Embossed Metal Tag Text Effect step 3

Drop Shadow / Тень

Embossed Metal Tag Text Effect step 3

Вот что должно получиться:

Embossed Metal Tag Text Effect step 3

Шаг 4

Выберите инструмент Direct Selection Tool / Прямое выделение, чтобы выделить все точки, составляющие фигуру.

Embossed Metal Tag Text Effect step 4

Поместите файл текстуры металла “Dark Brushed Metal” поверх всех слоев. Затем, удерживая клавишу Ctrl/Cmd, кликните по слою с созданной нами фигурой, чтобы создать выделение по ее контуру.

Embossed Metal Tag Text Effect step 4

Нажмите Ctrl/Cmd + J, чтобы дублировать выделение в новом слое, теперь для этого слоя смените параметр Blend Mode / Режим наложения на Overlay / Перекрытие. Удалите оригинальный слой с текстурой металла “Dark Brushed Metal”.

Embossed Metal Tag Text Effect step 4

Шаг 5

Создайте текст — весь заглавными буквами. В примере использован шрифт Delicious. Размер шрифта 70 pt, а цвет #b5b5b5.

Embossed Metal Tag Text Effect step 5

Дублируйте слой с текстом и для слоя-копии укажите параметр Fill/Заливка в 0%, затем снова дублируйте слой.

Embossed Metal Tag Text Effect step 5

Дважды кликните по оригинальному слою с текстом, чтобы указать ему стиль слоя Stroke/Обводка. Введите параметры как показано ниже. Используйте цвет #b5b5b5.

Embossed Metal Tag Text Effect step 5

Кликните правой кнопкой мыши по слою с которым мы только что работали и выберите Rasterize Layer Style/Растрировать стиль слоя.

Embossed Metal Tag Text Effect step 5

Вновь откройте стили слоя для этого слоя и укажите ему стиль Bevel and Emboss / Тиснение.

Embossed Metal Tag Text Effect step 5

Укажите для этого слоя Fill / Заливку в 0%.

Embossed Metal Tag Text Effect step 5

Шаг 6

Кликните дважды по первой копии слоя с текстом, чтобы вызвать окно Layer Style / Стиль слоя. Укажите следующие стили:

Bevel and Emboss / Тиснение

Embossed Metal Tag Text Effect step 6
Contour / Контур

Embossed Metal Tag Text Effect step 6
Drop Shadow / Тень

Embossed Metal Tag Text Effect step 6

Вот что должно получиться.

Embossed Metal Tag Text Effect step 6

Кликните дважды по второй копии слоя с текстом и укажите ему стиль слоя Bevel and Emboss / Тиснение:

Embossed Metal Tag Text Effect step 6

Вот как должно выглядеть изображение на этом этапе:

Embossed Metal Tag Text Effect step 6

Шаг 7

Удерживая Ctrl/Cmd кликните по слою с векторной фигурой, чтобы создать выделение по ее контуру. Создайте новый слой поверх остальных и назовите его “Noise”.

Embossed Metal Tag Text Effect step 7

В качестве первого цвета выберите #e7e7e7, а для цвета фона #5c5c5c. Зайдите в Filter > Render > Clouds / Фильтр > Рендеринг > Облака, затем в меню выберите Select > Deselect / Выделение > Снять выделение.

Embossed Metal Tag Text Effect step 7

В меню найдите Filter > Noise > Add Noise / Фильтр > Шум > Добавить шум. Укажите настройки как показано ниже.

Embossed Metal Tag Text Effect step 7

Смените Blend Mode / Режим наложения для слоя с шумом на Soft Light / Мягкий свет, а параметр Opacity / Непрозрачность снизьте до 50%.

Embossed Metal Tag Text Effect step 7

Сохраните файл. Затем сохраните файл как копию. Мы объединим слои, так что всегда хорошо оставлять версию, где все разобрано и можно редактировать.

После того как вы сохранили файл как копию, выберите в меню Layer > Flatten Image / Слой > Выполнить сведение.

Embossed Metal Tag Text Effect step 7

В меню выберите Filter > Render > Lighting Effects / Фильтр > Рендеринг > Эффект освещения, и укажите параметры как показано ниже.

Embossed Metal Tag Text Effect step 7

Вы можете редактировать окружности, чтобы добиться нужной формы.

Embossed Metal Tag Text Effect step 7

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

Embossed Metal Tag Text Effect

Автор урока textuts

Перевод — Дежурка

Смотрите также:




Комментарии