Мир Фотошопа: уроки по Photoshop, создание эффектов в Фотошоп

Текст из пузырчатой упаковки

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

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

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

1. Загрузка узоров

Откройте Фотошоп и перейдите в меню Edit → Presets → Preset Manager. Выберите список Patterns, кликните на маленькую стрелку и добавьте наборы Patterns и Nature Patterns. На вопрос о добавлении выберите вариант Append.

2. Создание узора

Шаг 1

Создайте новый документ размером 70х41 пиксель с разрешением 240 пиксель/дюйм с прозрачным фоном. Инструментом Elliptical Marquee Tool (M) создайте круг размером 32х32 пикселя в центре холста.

Шаг 2

Залейте выделение чёрным цветом и уберите его (Ctrl + D).

Шаг 3

Инструментом Move Tool (V) расположите круг так, чтобы его центр находится на нижнем крае холста. Создайте три копии круга и расположите их на краях холста, как показывает скриншот.

Шаг 4

Перейдите в меню Edit → Define Pattern, чтобы сохранить узор.

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

Шаг 1

Создайте новый документ размером 1204х870 пикселей с разрешением 72 пиксель/дюйм. Вставьте текстуру кожи и измените её размер в соответствии с тем, какая детализация на фоне Вам нужна. Назовите слой «Background Texture».

Шаг 2

Кликните дважды на слое «Background Texture», чтобы открыть окно стилей. Настройте так:

Color Overlay: #e8e8e8.

Gradient Overlay: #d8d8d7 — #ffffff.

Gradient Overlay: градиент Chrome Circle.

Шаг 3

Создайте копию слоя «Background Texture» и преобразуйте её в смарт-объект.

Шаг 6

Примените фильтр High Pass (Filter → Other → High Pass).

Шаг 7

Установите режим наложения Overlay.

4. Создание текста и обводки

Шаг 1

Шрифтом «Palamecia Titling» размером 250pt напишите текст белым цветом. Если у вас больше одной строки, установите Leading на 220pt.

Шаг 2

Создайте две копии текста. Первую назовите «Bubbles», а вторую «Stroke».

Шаг 3

Уменьшите заливку слоя «Bubbles» до 0%.

Шаг 4

Кликните правой кнопкой мыши на слое «Stroke» и выберите пункт Convert to Smart Object, уменьшите её заливку до 0%.

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

Шаг 1

К оригинальному текстовому слою примените следующие стили:

Bevel & Emboss:

Texture: узор Laid-horizontal.

Outer Glow: #ffffff.

Drop Shadow:

Шаг 2

Уменьшите Opacity текстового слоя до 35%, а Fill до 10%.

6. Создание пузырей

Шаг 1

К слою «Bubbles» примените стиль Pattern Overlay:

Шаг 2

Преобразуйте слой «Bubbles» в смарт-объект и уменьшите заливку до 0%.

Шаг 3

Создайте копию слоя «Bubbles».

7. Стилизация первого слоя «Bubbles»

Bevel & Emboss: #6f6f6f.

Texture:

Color Overlay: #ffffff.

Drop Shadow:

8. Стилизация второго слоя «Bubbles»

Bevel & Emboss:

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

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

Bevel & Emboss:

Texture:

Stroke: #828282.

10. Внутренняя часть

Шаг 1

Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя).

Шаг 2

Перейдите в меню Select → Modify → Contact, чтобы сжать выделение на 5 пикселей.

Шаг 3

Примените 10-пиксельную растушевку (Select → Modify → Feather).

Шаг 4

Создайте новый слой над слоем «Bubbles copy» и назовите его «Inner Details». Заполните выделение белым цветом.

Шаг 5

Снова выделите текст.

Шаг 6

Инвертируйте выделение (Select → Inverse) и нажмите Delete. Уберите выделение (Ctrl + D).

11. Стилизация внутренней части

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

Bevel & Emboss:

Texture: текстура Leaves.

Уменьшите заливку слоя до 0%.

12. Фильтры

Шаг 1

К слою «Stroke» примените фильтр Ripple (Filter → Distort → Ripple).

Шаг 2

Выделите весь холст (Ctrl + A) и скопируйте всё содержимое (Edit → Copy Merged). Вставьте всё на новый слой (Edit → Paste). Назовите его «Lighting» и преобразуйте в смарт-объект.

Шаг 3

Примените фильтр Lighting Effects (Filter > Render > Lighting Effects).

Шаг 4

Переместите источник света, чтобы получить такой результат:

Шаг 5

Уменьшите непрозрачность слоя до 50%.

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

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

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

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

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

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