Текст из цветного текстурного стекла в Adobe Photoshop
3 мая 2014 | Опубликовано в Уроки | 1 Комментарий »
Сегодня мы научимся быстро и просто создавать эффект текста из цветного текстурного стекла в Adobe Photoshop. Мы будем использовать фильтры и стили слоев. Никаких особенных знаний программы для выполнения урока не требуется, поэтому туториал отлично подойдет новичкам.
Результат
Исходники
- Шрифт Oleo Script.
- Metal Rollgate от Limited-Vision-Stock.
- gradient-shapes for Photoshop от ilnanny (Load the CHROMES.grd file).
Вам также понадобятся контуры, использованные в уроке. Посмотрите как их установить здесь.
Шаг 1
Создайте новый документ размером 1000 x 837 px, с разрешением в 200. Создайте новый слой поверх слоя Background/Фон, настройте первый и фоновый цвета на черный и белый, в меню выберите Filter > Render > Clouds/Фильтр>Рендеринг>Облака.
Далее в меню найдите Filter > (Filter Gallery) > Distort > Glass/Фильтр>(Галерея фильтров)>Искажение>Стекло. Настройте параметры как показано ниже:
Это создаст текстуру. В меню выберите Edit > Define Pattern/Редактировать>определить узор, и введите имя для вашего паттерна. Теперь вы можете удалить этот слой или сделать его невидимым.
Шаг 2
Укажите в качестве первого цвета #7e7e88, а в качестве фонового цвета
#1e1e20
. Возьмите инструмент Gradient/Заливка, выберите вариант заливки и от первого цвета к фоновому, и кликните по иконке Radial Gradient/Радиальный градиент.
Теперь растяните градиент от центра к краям документа в слое фона.
Вставьте текстуру Metal Rollgate поверх фонового слоя и укажите ей Blend Mode/Режим наложения Multiply/Умножение.
Шаг 3
Напишите текст черным цветом. Если ваш текст в две строчки, расположите каждую строчку в отдельном слое.
В примере использован шрифт Oleo Script размера 100pt.
Создайте две копии слоев с текстом.
Шаг 4
Кликните дважды по оригинальному слою с текстом, чтобы указать ему стиль слоя. Выберите стиль слоя Stroke/Обводка. Настройте как показано ниже. Цвет обводки #000000.
Сейчас и в будущем нам нужно будет применять один и тот же стиль слоя к нескольким слоям. Вот как это сделать:
Кликните правой кнопкой по слою с обводкой, выберите Copy Layer Style/Копировать стиль слоя, затем кликните по второму оригинальному слою с текстом (если у вас больше одной строчки) и выберите Paste Layer Style/Вставить стиль слоя.
Теперь выделите все оригинальные слои с текстом и в меню выберите Layer > Rasterize > Layer Style/Слой>Растрировать>Стиль слоя.
Если вы используете версию программы CS6 и ниже, вам понадобится сначала сгруппировать слои, а потом объединить их.
Шаг 5
Кликните дважды по первой копии слоя с текстом, чтобы применить к нему Layer Style/Стили слоя:
Bevel and Emboss/Тиснение
Цвет : #d5d5d5
Contour/Контур
Контур: Notched Slope
Stroke/Обводка
Drop Shadow/Тень
Вот что должно получиться. Не забудьте применить вставить стиль слоя для других строчек.
Шаг 6
Работаем со второй копией слоя с текстом. Измените цвет текста на любой цвет, лишь бы он был достаточно темным. Но помните, что вы сможете изменить его позже. В примере использован цвет #0a4752
.
Кликните дважды по слою, чтобы применить к нему следующие стили:
Bevel and Emboss/Тиснение
Цвет: #595959
Contour/Контур
Контур: Cone – Inverted
Texture/Текстура
Выберите узор, созданный нами в начале урока.
Inner Glow/Внутреннее свечение
Цвет: #e1e1e1
Вот что должно получиться.
Шаг 7
Выберите оригинальный растрированный слой с текстом и в меню найдите Filter > Blur > Motion Blur/Фильтр>Размытие>размытие в движении. Настройте параметры как показано ниже.
Смените параметр Opacity/Непрозрачность для этого слоя до 50%, затем инструментом Move/Перемещение немного сместите слой вниз и вправо, чтобы создать эффект тени.
Теперь в палитре Layers/Слои кликните по иконке Create new fill or adjustment layer/Создание нового слоя заливки или корректирующего слоя и выберите тип Gradient Map/Карта градиента.
Убедитесь что корректирующий слой находится поверх остальных слоев. Смените его Blend Mode/Режим наложения на Color/Цвет и Opacity/Непрозрачнсть на 10. Используйте цвета #507fb4
и #ffffff
для создания градиента.
Вот и всё!
Автор урока textuts
Перевод — Дежурка
Смотрите также: