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

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

Текст из блестящего лака в Adobe Photoshop

1 августа 2014 | Опубликовано в Уроки | 2 Комментариев »

Эффекты Photoshop можно использовать для создания множества потрясающих текстур. Сегодня мы научимся создавать текстуру блестящего лака. Используя стили слоев мы создадим стильный типографический эффект, которым вы сможете украсить ваш дизайн.

 

 


Исходники

1. Создаем блестящую текстуру

Шаг 1
Начнем с создания нового документа размером 500 x 500px и разрешением в 200. Выставите в качестве первого цвета #939393 и в качестве фонового #ffffff, затем залейте фоновой слой первым цветом.

Шаг 2
В меню выберите Filter > (Filter Gallery) > Artistic > Film Grain/Фильтр>(Галерея фильтров)>Художественный>Зернистость фотопленки. Настройте параметры как показано ниже.

Шаг 3
Это создаст шум на фоновом слое.

Шаг 4
В меню выберите Filter > (Filter Gallery) > Sketch > Halftone Pattern/Фильтр>(Галерея фильтров)>Набросок>Полутоновый узор. Настройте параметры как показано ниже.

Шаг 5
Так мы создадим первый слой блестящей структуры.

Шаг 6
Дублируйте фоновый слой и смените для копии Blend Mode/Режим наложения на Linear Burn/Линейный затемнитель.

Шаг 7
В меню выберите Edit > Transform > Rotate 90° CW/Редактировать>Трансформировать>Вращать на 90° ПЧС. Так мы сделаем текстуру разнообразнее.

2. Раскрашиваем текстуру и создаем паттерн

Шаг 1
Кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой или слой-заливку в палитре Layers/Слои и выберите Solid Color/Чистый цвет.

Шаг 2
Здесь вы можете выбрать цвет лака. В примере использован красный цвет: #b70000.

Шаг 3
Смените для этого слоя Blend Mode/Режим наложения на Overlay/Перекрытие. Вы можете изменить цвет в любой момент, кликнув дважды по иконке корректирующего слоя.

Шаг 4
Вновь кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой или слой-заливку и выберите Levels/Уровни.

Шаг 5
Настройте параметры как показано ниже. Это придаст текстуре контраст.

Шаг 6
Вы можете использовать различные параметры при создании текстуры, в зависимости от того, какой результат вы хотите получить. Когда вы закончите, выберите фоновый слой, затем в меню найдите Edit > Define Pattern/Редактировать>Определить узор, назовите узор Glitter Texture.

3. Создаем фон для иллюстрации

Шаг 1
Создайте новый документ размером 850 x 800px и разрешением в 200.

Укажите в качестве первого цвета: #fffbfa и в качестве фонового: #f2e5e0. Возьмите инструмент Gradient/Градиент, выберите вариант от перового цвета к фоновому, кликните по иконке радиального градиента. Растяните градиент из центра документа к углу. Дублируйте фоновый слой.

Шаг 2
Кликните дважды по копии фонового слоя, чтобы указать ему Layer Style/Стиль слоя Pattern Overlay/Перекрытие узора. Выберите в качестве узора паттерн из исходников Handmade paper. 

Шаг 3
Это придаст фону легкую текстуру.

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

Шаг 1
Введите ваш текст шрифтом Bessie. Настройте параметры текста как показано ниже, и укажите ему цвет #dd121a.

Шаг 2
Дублируйте слой с текстом, затем скройте его, кликнув по иконке с глазом напротив слоя. Выберите копию и в меню найдите Layer > Rasterize > Type/Слой>Растрировать>Текст.

Шаг 3
Инструментом Brush/Кисть цветом #dd121a нарисуйте капельки вокруг текста.

Шаг 4
После того как вы закончите рисовать капли, дублируйте слой и укажите ему Fill/Заливку в 0.

5. Стили слоя для первой копии

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

  • Цвет: #811414 

Pattern Overlay/Перекрытие узора

  • Pattern: Glitter Texture 

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

6. Стили для второй копии

Кликните дважды по второй копии слоя с текстом, чтобы указать ей следующие Layer Styles/Стили слоя:
Bevel and Emboss/Тиснение

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

  • Цвет: #c39292

Результат:

7. Создаем и обрабатываем каемку

Шаг 1
Удерживая клавишу Command/Ctrl, кликните по любому слою со стилизованным текстом, чтобы создать выделение по контуру.

Шаг 2
В меню выберите Select > Modify > Expand/Выделение>Изменить>Увеличить, укажите 3 px.

Шаг 3
Создайте новый слой поверх всех остальных, назовите его Rim. Теперь залейте в этом слое выделение первым цветом (#dd121a).

Дважды кликните по слою Rim, чтобы применить к нему следующие Layer Styles/Стили слоя:
Bevel an Emboss/Тиснение

Contour/Контур

  • Контур: Half Round

Inner Shadow/Внутренняя тень

Шаг 7
Смените для слоя Rim параметр Fill/Заливка на 0.

Результат

 

Автор урока Rose

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

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




Комментарии