Уроки Работа с текстом Александра 4 февраля 2013

Текст с металлическим эффектом в Фотошоп

Сложность урока: Средний

В этом экспресс-уроке мы расскажем, как создать узорный металлический текстовый эффект, используя всего пару стилей слоя в Photoshop. Итак, начнём!

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

Архив

Шаг 1

Перед тем, как открыть Photoshop инсталлируйте шрифт и кисти. Откройте Photoshop и создайте новый документ размером 1800х1300 пикс. В режиме RGB, 72 dpi и залейте его тёмно-серым цветом #1f1f1f.

Шаг 2

Создайте новый слой (Create New layer), назовите его Texture (текстура) и примените установленные кисти, кликнув пару раз в центре документа, используя белый цвет. Применяйте кисти с различной текстурой, закрашивая ими центр документа.

Шаг 3 

Дважды кликните по миниатюре слоя Texture (текстура), чтобы открыть диалоговое окно Стиль слоя (Layer Style). В Параметрах смешивания (Blending mode) уменьшите Заливку (Fill) до значения 0, затем примените Тень (Drop Shadow) и Внутренняя тень (Inner Shadow), задав указанные настройки. Эти настройки придадут текстуре эффект тиснения.

Шаг 4

Кликните по пиктограмме Добавить маску слоя (Add Layer mask), затем нажмите сочетание клавиш Cmd/Ctrl+I, чтобы её инвертировать.

Возьмите мягкую кисть большого размера (Жёсткость (Hardness) – 0%, Размер (Size) – 950px) и кликните по центру документа. Этот способ позволит нам сделать слой Texture (текстура) видимым только в центре документа, постепенно растворяющимся по краям документа.

Шаг 5

С помощью инструмента Горизонтальный текст (Horyzontal Type) и указанных ниже настроек напишите слово «Othello» или любое другое слово. Если у вас не отображается панель  Символ (Character) перейдите в меню Окно  (Window)  и выберите Символ (Character).

Шаг 6

Откройте диалоговое окно Стиль слоя (Layer Style) для текстового слоя «Othello» и примените указанные настройки.  Под каждой настройкой представлено превью, чтобы вы могли видеть эффект, который только что применили.

Шаг 7

Как только вы настроили стиль, нажмите кнопку Ок. Теперь выделите слово «Othello» с помощью инструмента Горизонтальный текст (Horyzontal Type). Выделите всё, кроме заглавной буквы и уменьшите размер трекинга на  -5, как показано на изображении ниже.

Шаг 8

Дублируйте этот слой Cmd/Ctrl + J, кликните правой кнопкой мыши по миниатюре слоя и выберите Очистить стиль слоя (Clear Layer Style). На этом этапе текст выглядит также как и расположенный ниже, и теперь мы добавим ещё эффектов. Это мой любимый способ работы со Стилями слоя (Layer Styles): на первый слой мы добавляем основу (как на первом текстовом слое), а затем на новом слое добавляем света и рефлексы. Так нам проще смешивать цвета и свет с текстурами, применёнными к слою ниже.

Шаг 9

Продолжим добавлять Стили слоя (Layer Styles)  ко второму текстовому слою. Дважды кликните по миниатюре этого слоя для вызова диалогового окна Стиль слоя (Layer Style). Установите значение параметра Заливка (Fill) на 0 в Параметрах смешивания (Blend Mode).

Шаг 10

Эффект практически достигнут, но нам необходимо, чтобы он смотрелся более реалистично. Применим приём с Обводкой (Stroke): уменьшите её Непрозрачность (Opacity) до 0. Этот приём работает по принципу маски слоя, пряча контуры слоя. Трёхпиксельня обводка с положением «Внутри», например, убирает края текста на 3px, делая видимым всё, что находится на слоях ниже в диапазоне 3px. Как только вы установите необходимые настройки, нажмите Ок, чтобы применить эффект.

Заключение

Помните, что когда вы сохраняете финальный эффект, например, в формате jpeg, оно может стать немного другим, более резким и более отчётливым.

Автор: Gianluca Giacoppo
 

Источник: psd.tutsplus.com

63 тыс. 204
Печать Жалоба

Комментарии 204

Спасибо! Получается изыскано!

Очень хорошо получилось!

Спасибо автору и переводчику за интересный урок!

ааа, понравился эффект
спасибо большое

Спасибо за урок.

Ух тыы ... Красивый эффект . Спасибо!

Не получилось (((( печалька

Спасибо.Получилось.Читаемость текста лучше если первой буквой писать 0.

Ура! Все получилось!
С каждым разом уроки даются все легче.
Вторя работа.
Благодарю автора!

Отличный урок! Спасибо! №2

Отличный урок! Спасибо!

Потрясающий урок,всё очень чётко показано и рассказано,большое спасибо

Спасибо за урок!

Не очень как, но вот так...

Спасибо) мне понравилось)

Спасибо! Очень красивый эффект.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее