Объемный бронзовый текст в Adobe Photoshop
27 июня 2015 | Опубликовано в Уроки | 2 Комментариев »
В этом уроке мы займемся созданием типографического эффекта в Adobe Photoshop. Мы будем создавать объемный бронзовый шрифт при помощи стилей слоя. Это отличный способ потренироваться в работе со стилями. Помимо этого, мы будем создавать собственные контуры для эффекта тиснения.
Результат
Исходники
- Шрифт Stonecross
- Черный фон и поцарапанный метал (zip file)
1. Создание фона
Шаг 1
Установите файл паттерна black_background.pat, кликнув по нему дважды.
Шаг 2
Создайте новый документ (File > New/Файл>Новый). Настройте параметры нового файла как показано ниже.
Шаг 3
Выберите слой фона и дублируйте его (в меню выберите Layer > Duplicate Layer > OK/Слой>Дублировать слой>OK). Переименуйте новый слой в Background Pattern.
Шаг 4
Теперь мы добавим текстуру при помощи стиля слоя. Запомните как войти в режим редактирования стилей слоя, так как мы часто будем обращаться к нему в этом уроке.
В меню выберите Layer > Layer Style > Pattern Overlay/Слой>Стиль слоя>Перекрытие узора, выберите файл ' black_background.pat ' из списка и настройте остальные параметры как показано ниже. После этого нажмите OK.
Шаг 5
Чтобы создать эффект освещения сверху, добавьте стиль слоя Bevel & Emboss/Тиснение, и настройте этот эффект как показано ниже:
2. Создание текст
Шаг 1
Введите ваше слово, используя шрифт Stonecross. Укажите размер шрифта в 132 pt и and Tracking/Трекинг в 20 pt. Для лучшего качества смените метод сглаживания на Sharp/Резкость. Переименуйте слой в A01.
Шаг 2
Возьмите инструмент Move/Перемещение, выберите слои текста и фона, и кликните по иконкам Align Horizontal Center/Выровнять центры по горизонтали и Align Vertical Center/Выровнять центры по вертикали в панели настроек.
Шаг 3
Дублируйте текст и назовите новый слой A02. Скройте слой A02 на время, чтобы было удобнее работать.
3. Стили для главного слоя
Шаг 1
Установите файл scratched_metal.pat.
Шаг 2
На этом этапе мы будем работать со слоем A01. В меню выберите Layer>Layer Style > Pattern Overlay/Слой>Стиль слоя>Перекрытие узора, выберите паттерн scratched_metal.pat из списка. Эта текстура будет служить в качестве базы для металлического эффекта.
Шаг 3
Чтобы получить реалистичный бронзовый цвет, укажите слою стиль Color Overlay/Перекрытие цвета. Укажите режим наложения стиля Multiply/Умножение и настройте остальные параметры как показано ниже.
Шаг 4
Добавьте слою стиль Bevel & Emboss/Тиснение и Contour/Контур.
Вам нужно создать собственный контур из кривых. Для этого внимательно повторите все шаги, указанные ниже и параметры:
Шаг 5
Добавьте еще один стиль слоя - Satin/Глянец со следующими параметрами:
Шаг 6
Теперь мы добавим металлического блеска при помощи свечения. Укажите слою стиль Inner Glow/Внутреннее свечение и настройте стиль как показано ниже.
Шаг 7
Теперь нам нужна тень, чтобы отделить буквы от фона. Укажите слою стиль Outer Glow/Внешнее свечение и настройте стиль как показано ниже.
4. Стили для второго слоя
Шаг 1
Теперь начнем работу над слоем A02, поэтому переключитесь на него. Укажите этому слою стиль Outer Glow/Внешнее свечение и настройте параметры как показано ниже.
Шаг 2
Чтобы создать эффект 3D, мы подчеркнем свет и тени по краям. Укажите слою стиль Bevel & Emboss/Тиснение и настройте стиль как показано ниже. Создайте собственный контур, точно повторив параметры.
Шаг 3
Это важный шаг. Нам нужно добиться перспективы с центральной точки зрения.
Откройте палитру Character/Символы и в параметре Horizontally Scale/Горизонтальное масштабирование укажите 98%.
Шаг 4
Теперь вернитесь в меню стилей слоя и укажите стиль Color Overlay/Перекрытие цвета. С его помощью мы подгоним слой по цветам. Настройте стиль как показано ниже.
Шаг 5
Укажите стиль слоя Stroke/Обводка, выберите в качестве типа заливки (Fill Type) Gradient/Градиент и укажите параметры как на картинке ниже, чтобы осветлить края.
Шаг 6
И наконец мы добавим глубины, чтобы текст получился еще более объемным. Для этого укажите слою стиль Drop Shadow/Тень и укажите следующие параметры:
Результат
Автор урока Enrique Elicabe
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
8 июля 2015 в 10:32
Спасибо, мне это очень помогло)
Ответить
8 июля 2015 в 20:56
Шикарно получилось) спасибо за подробную инструкцию!
Ответить