Текст в виде британских сконов

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

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

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

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

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 838х530 пикселей. Вставьте текстуру деревянного пола и измените размер в режиме Free Transform (Ctrl + T).

Шаг 2

Уменьшите насыщенность цвета пола при помощи корректирующего слоя Hue/Saturation.

Шаг 3

Создайте корректирующий слой Levels.

Шаг 4

Вставьте текстуру мрамора поверх деревянной. Также измените размер. Установите режим наложения Color Burn и уменьшите непрозрачность до 30%.

2. Создание текста и рабочего контура

Шаг 1

Установите шрифт «Rockin Record G». Выберите инструмент Horizontal Type Tool (T) и напишите YUM размером 235pt цветом #f2ece6. Откройте панель Character (Window → Character) и установите Tracking на 100.

Шаг 2

Кликните правой кнопкой мыши на тексте и выберите пункт Create Work Path. Текстовый слой можно выключить.

3. Обводка контура

Шаг 1

На панели инструментов выберите цвет #f1ece6. Создайте новый слой на самом верху и назовите его «1». Выберите первую кисть из набора, предоставленного в начале урока. Обведите контур (клавиша Enter при активной кисти).

Шаг 2

Создайте новый слой «2» над слоем «1». Обведите контур второй кистью. Затем создайте копию слоя «2» (Ctrl + J) и уменьшите её заливку до 0%.

Шаг 3

Создайте копию слоя «2 copy» (Ctrl + J). Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя). Удалите выделенную часть обводки со слоя «2 copy 2».

4. Внутренняя обводка контура

Шаг 1

Сожмите выделение на 10 пикселей (Select → Modify → Contract).

Шаг 2

Преобразуйте выделение в контур: на панели Paths кликните на иконке Make work path from selection внизу.

Шаг 3

Создайте новый слой на самом верху и назовите его «3». Третьей кистью из набора обведите контур. Создайте копию слоя (Ctrl + J) и уменьшите заливку до 0%.

Шаг 4

Снова выделите оригинальный текстовый слой (Ctrl + J) и сожмите выделение на 15 пикселей. Создайте новый слой на самом верху и назовите его «4». Заполните выделение тем же цветом #f1ece6.

Шаг 5

Преобразуйте выделение в контур и обведите его третьей кистью.

5. Стилизация слоя 1

Шаг 1

Откройте текстуру хлеба в Фотошопе. Измените её размер до 295х275 пикселей. Перейдите в меню Edit → Define Pattern, чтобы создать узор.

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

Bevel & Emboss: #4f3e34 и #e6d6bf.

Texture: текстура хлеба.

Pattern Overlay: текстура хлеба.

Результат:

6. Стилизация слоя 2

Шаг 1

Установите для слоя «2» режим наложения Multiply.

Шаг 2

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

Drop Shadow: #6e6355.

Результат:

7. Стилизация слоя «2 copy 2»

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

Bevel & Emboss: #695041 и #aa998b.

Texture: текстура хлеба.

8. Стилизация слоя 3

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

Bevel & Emboss: #a47a54.

9. Стилизация слоя «3 copy»

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

Bevel & Emboss: #8d672c.

Texture: узор облаков.

Color Overlay: #e9e1d9.

10. Первый слой джема

Шаг 1

Уменьшите заливку слоя «4» до 0%. Затем создайте 5 его копий.

Шаг 2

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

Color Overlay: #330417.

Основа джема готова. Далее мы будем добавлять блики и делать его более аппетитным.

11. Второй слой джема

К слою «4 copy» примените такие стили:

12. Третий слой джема

Скопируйте стили слоя «4 copy» на слой «4 copy 2». У слоя «4 copy 2» измените некоторые параметры стиля тиснение: Size: 15, Angle: -14, Highlight Mode — Opacity: 30%.

13. Четвёртый слой джема

Скопируйте стили слоя «4 copy» на слой «4 copy 3» и снова измените стиль тиснения: Size: 29, Angle: 45, Highlight Mode: Screen, Opacity: 90%.

14. Края джема

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

Правый и нижний край джема станет лучше. Скопируйте эти стили на слой «4 copy 5».

Измените параметр Angle стиля тиснения слоя «4 copy 5».

Левый и верхний край станут лучше выглядеть.

15. Крошки

Шаг 1

Нарисуйте контур по краям букв. Создайте новый слой под слоем «1» и назовите его «Crumbs». Обведите контур кистью из набора.

Шаг 2

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

Bevel & Emboss: #4f3e34 и #aa998b.

Texture: текстура хлеба.

Pattern Overlay: текстура хлеба.

Drop Shadow:

16. Объём

Шаг 1

Выделите слои «1» и «2». Создайте новый слой под слоем «Crumbs» и залейте его основным цветом. Уберите выделение (Ctrl + D).

Шаг 2

Активируйте режим Free Transform (Ctrl + T) и уменьшите слой до 99%.

Шаг 3

Нажмите Ctrl + Shift + Alt + T дважды, чтобы создать копии и повторить трансформацию. Объедините три этих слоя в группу «3D».

17. Стилизация

Скопируйте стили слоя «Crumbs» на группу «3D». Измените стили:

Bevel & Emboss: #bf9876.

18. Улучшение тени

Шаг 1

Выделите слои «1», «2» и оригинальный текстовый слой. Создайте новый слой под группой «3D» и назовите его «Shadow». Залейте выделение цветом #4b4845 и преобразуйте слой в смарт-объект.

Шаг 2

Примените фильтр Gaussian Blur со значением 3,5 пикселя.

Шаг 3

Установите режим наложения Linear Burn и уменьшите непрозрачность до 25%. Сдвиньте тень немного ниже.

19. Улучшение цвета и ещё один объект

Шаг 1

Создайте слой-заливку Gradient: #f2ece6, режим наложения Linear Burn.

Шаг 2

Откройте фотографию джема и выделите чашку с ножом при помощи инструмента Magnetic Lasso Tool (L).

Шаг 3

Откройте панель Refine Edge и настройте так:

Шаг 4

Скопируйте выделенные объекты в основной документ и расположите под буквами.

Шаг 5

Создайте для чашки с джемом корректирующий слой Hue/Saturation.

Шаг 6

Создайте копию чашки (Ctrl + J) и опустите её под оригинальный слой. Откройте коррекцию Hue/Saturation (Ctrl + U) и уменьшите Lightness до -100. Преобразуйте слой в смарт-объект и примените фильтр Gaussian Blur со значением 3,5 пикселя. Измените чёрную фигуру так, чтобы она стала тенью.

Шаг 7

Инструментом Sponge Tool уберите оранжевый цвет на ноже.

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

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

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

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

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

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