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

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

Текст из цветного текстурного стекла в Adobe Photoshop

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

Сегодня мы научимся быстро и просто создавать эффект текста из цветного текстурного стекла в Adobe Photoshop. Мы будем использовать фильтры и стили слоев. Никаких особенных знаний программы для выполнения урока не требуется, поэтому туториал отлично подойдет новичкам.

 

Результат

Sparkling Glass-Textured Text Effect

Исходники

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

Шаг 1

Создайте новый документ размером 1000 x 837 px, с разрешением в 200. Создайте новый слой поверх слоя Background/Фон, настройте первый и фоновый цвета на черный и белый, в меню выберите Filter > Render > Clouds/Фильтр>Рендеринг>Облака.

Sparkling Glass-Textured Text Effect step 1

Далее в меню найдите Filter > (Filter Gallery) > Distort > Glass/Фильтр>(Галерея фильтров)>Искажение>Стекло. Настройте параметры как показано ниже:

Sparkling Glass-Textured Text Effect step 1

Это создаст текстуру. В меню выберите Edit > Define Pattern/Редактировать>определить узор, и введите имя для вашего паттерна. Теперь вы можете удалить этот слой или сделать его невидимым.

Sparkling Glass-Textured Text Effect step 1

Шаг 2

Укажите в качестве первого цвета #7e7e88, а в качестве фонового цвета #1e1e20. Возьмите инструмент Gradient/Заливка, выберите вариант заливки и от первого цвета к фоновому, и кликните по иконке Radial Gradient/Радиальный градиент.

Теперь растяните градиент от центра к краям документа в слое фона.

Sparkling Glass-Textured Text Effect step 2

Вставьте текстуру Metal Rollgate поверх фонового слоя и укажите ей Blend Mode/Режим наложения Multiply/Умножение.

Sparkling Glass-Textured Text Effect step 2

Шаг 3

Напишите текст черным цветом. Если ваш текст в две строчки, расположите каждую строчку в отдельном слое.

В примере использован шрифт Oleo Script размера 100pt.

Sparkling Glass-Textured Text Effect step 3

Создайте две копии слоев с текстом.

Sparkling Glass-Textured Text Effect step 3

Шаг 4

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

Sparkling Glass-Textured Text Effect step 4

Сейчас и в будущем нам нужно будет применять один и тот же стиль слоя к нескольким слоям. Вот как это сделать:

Кликните правой кнопкой по слою с обводкой, выберите Copy Layer Style/Копировать стиль слоя, затем кликните по второму оригинальному слою с текстом (если у вас больше одной строчки) и выберите Paste Layer Style/Вставить стиль слоя.

Теперь выделите все оригинальные слои с текстом и в меню выберите Layer > Rasterize > Layer Style/Слой>Растрировать>Стиль слоя.

Если вы используете версию программы CS6 и ниже, вам понадобится сначала сгруппировать слои, а потом объединить их.

Sparkling Glass-Textured Text Effect step 4

Шаг 5

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

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

Цвет : #d5d5d5

Sparkling Glass-Textured Text Effect step 5

Contour/Контур

Контур: Notched Slope

Sparkling Glass-Textured Text Effect step 5

Stroke/Обводка

Sparkling Glass-Textured Text Effect step 5

Drop Shadow/Тень

Sparkling Glass-Textured Text Effect step 5

Вот что должно получиться. Не забудьте применить вставить стиль слоя для других строчек.

Sparkling Glass-Textured Text Effect step 5

Шаг 6

Работаем со второй копией слоя с текстом. Измените цвет текста на любой цвет, лишь бы он был достаточно темным. Но помните, что вы сможете изменить его позже. В примере использован цвет #0a4752.

Sparkling Glass-Textured Text Effect step 6

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

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

Цвет: #595959

Sparkling Glass-Textured Text Effect step 6

Contour/Контур

Контур: Cone – Inverted

Sparkling Glass-Textured Text Effect step 6

Texture/Текстура

Выберите узор, созданный нами в начале урока.

Sparkling Glass-Textured Text Effect step 6

Inner Glow/Внутреннее свечение

Цвет: #e1e1e1

Sparkling Glass-Textured Text Effect step 6

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

Sparkling Glass-Textured Text Effect step 6

Шаг 7

Выберите оригинальный растрированный слой с текстом и в меню найдите Filter > Blur > Motion Blur/Фильтр>Размытие>размытие в движении. Настройте параметры как показано ниже.

Sparkling Glass-Textured Text Effect step 7

Смените параметр Opacity/Непрозрачность для этого слоя до 50%, затем инструментом Move/Перемещение немного сместите слой вниз и вправо, чтобы создать эффект тени.

Sparkling Glass-Textured Text Effect step 7

Теперь в палитре Layers/Слои кликните по иконке Create new fill or adjustment layer/Создание нового слоя заливки или корректирующего слоя и выберите тип Gradient Map/Карта градиента.

Sparkling Glass-Textured Text Effect step 7

Убедитесь что корректирующий слой находится поверх остальных слоев. Смените его Blend Mode/Режим наложения на Color/Цвет и Opacity/Непрозрачнсть на 10. Используйте цвета #507fb4 и #ffffff для создания градиента.

Sparkling Glass-Textured Text Effect step 7

Вот и всё!

Sparkling Glass-Textured Text Effect

Автор урока textuts

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

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




Комментарии