Объёмный текстовый стикер

20 апреля 2015 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Ресурсы урока:

1. Создание фона

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 770х490 пикселей. На панели инструментов задайте цвета #3f797d и #80b2bb. Выберите инструмент Gradient Tool (G) и протяните градиент от нижней части холста к верхней. Преобразуйте слой в смарт-объект через меню Filter > Covert for Smart Filters.

Шаг 2

К фоновому слою примените стиль Pattern Overlay: используйте текстуру бетона.

2. Создание текста и его элементов

Шаг 1

Выберите инструмент Horizontal Type Tool (T) и напишите слово «Sticker» шрифтом «Alba» размером 120pt.

Шаг 2

Создайте копию текстового слоя (Ctrl + J) и назовите её «Text». Оригинальный текстовый слой назовите «Stroke».

Шаг 3

К слою «Stroke» примените стиль обводки: цвет #dcdcdc.

Шаг 4

Между обводкой вокруг букв не должно быть пустоты. Если она всё же есть, увеличьте толщину обводки в настройках стиля.

Шаг 5

Каждый текстовый слой преобразуйте в смарт-объект. Создайте копию слоя «Text» и уменьшите её заливку до 0%.

Шаг 6

Создайте копию слоёв «Text copy» и «Stroke». Уменьшите заливку копии слоя «Stroke» до 0%, поднимите её на самый верх панели слоёв.

3. Стилизация обводки

К слою «Stroke» примените следующие стили:

Bevel and Emboss: цвет тени — #2f959d.

Inner Shadow:

Drop Shadow:

4. Стилизация оригинального текстового слоя

К оригинальному слою «Text» примените следующие стили:

Bevel and Emboss:

Inner Shadow:

Color Overlay: #ea326e. От этого стиля зависит цвет стикера.

5. Стилизация первой копии текстового слоя

К первой копии слоя «Text» примените следующие стили:

Bevel & Emboss:

Contour:

6. Стилизация второй копии текстового слоя

Стили для второй копии слоя «Text»:

Bevel & Emboss:

Gradient Overlay:

7. Стилизация верхнего слоя обводки

К верхнему слою «Stroke» примените следующие стили:

Bevel & Emboss:

Contour:

Конечный результат:

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта design.tutsplus.com, автор перевода указан в начале урока.