Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Как создать текстовый эффект пива в Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

Russian (Pусский) translation by Anna K (you can also view the original English article)

Final product image
What You'll Be Creating

В этом уроке я покажу вам, как создать пивной текстовый эффект в Adobe Photoshop, используя стили слоя, кисти, фильтры и обтравочные маски.

Для данного урока я выбрал немецкое слово "PROSIT!", которое означает "За ваше здоровье!".

Если вам нравится использовать стилизованные текстовые эффекты в своих проектах, то на сайте GraphicRiver, вы можете найти множество различных текстовых эффектов.

Исходные Материалы

Следующие исходные материалы были использованы в этом уроке:

1. Создаём Задний Фон

Шаг 1

Откройте программу Photoshop, а затем идём Файл – Новый (File > New). Установите следующие настройки, которые указаны ниже:

  • Ширина (Width): 850 px
  • Высота (Height): 500 px
  • Разрешение (Resolution): 72 px/inch
  • Цветовой режим (Color mode): RGB Color 8 bit

Нажмите кнопку Создать (Create).

Create a document

Шаг 2

Идём Файл – Поместить встроенные…(File > Place Embedded...) и в появившемся окне навигации, выберите исходную Текстуру дерева с размытым задним фоном кафе. Нажмите на значок Сохранить пропорции (Maintain aspect ratio), а также установите Масштабирование по горизонтали (horizontal scale) на 90%. Далее, с помощью мышки расположите текстуру таким образом, чтобы её правые и нижние края совпадали с правыми и нижними краями документа. Нажмите клавишу (Enter), чтобы поместить изображение.

Place image

Шаг 3

Идём Слой – Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves), а затем нажмите кнопку ‘OK’. В окне настроек Свойства (Properties), нажмите значок Изменение кривых с помощью точек (Edit points to modify the curve), а затем щёлкните где-нибудь рядом с белой диагональной линией, чтобы добавить новую точку. Для данной точки, установите Вход (Input): 78, а Выход (Output): 12. Затем щёлкните по окну ещё раз, чтобы добавить вторую точку. Для второй точки, установите Вход (Input): 216, а Выход (Output): 163.

Use curves adjustment

Шаг 4

Идём Слой – Новый корректирующий слой – Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation), а затем нажмите кнопку ‘OK’. В окне настроек Свойства (Properties), установите следующие настройки, которые указаны ниже:

  • Цветовой тон (Hue): +3
  • Насыщенность (Saturation): -56
  • Яркость (Lightness): +5
Change hue and saturation

Шаг 5

Перейдите на корректирующий слой Цветовой тон / Насыщенность 1 (Hue/Saturation 1), удерживая клавишу (Shift), щёлкните по слою с текстурой дерева и кафе, чтобы выделить сразу все три слоя, а затем нажмите клавиши (Ctrl+G), чтобы сгруппировать все выделенные слои в одну группу.

Group layers

2. Устанавливаем Кисти и Узоры

Шаг 1

Идём Редактирование – Наборы – Управление наборами… (Edit > Presets > Preset Manager...) В выпадающем меню Тип набора (Preset Type), выберите опцию Кисти (Brushes), а затем нажмите кнопку Загрузить... (Load... ) и в появившемся окне навигации, выберите файл bubbles-and-foam-brushes.abr.

Install brushes

Шаг 2

Идём Редактирование – Наборы – Управление наборами… (Edit > Presets > Preset Manager...). В выпадающем меню Тип набора (Preset Type), выберите опцию Узоры (Patterns), а затем нажмите кнопку Загрузить... (Load... ) и в появившемся окне навигации, выберите файл foam-noise.pat.

Install a pattern

3. Создаём Текстовые Слои

Шаг 1

Выберите инструмент Текст (Type Tool (T), а затем напишите текст "PROSIT!" Выберите шрифт Poetsen One, а затем идём Окно – Символ (Window > Character), установите размер шрифта на 240 pt, а значение Трекинга (Tracking) на -60.

Type the text

Шаг 2

Идём Слой- Создать дубликат слоя… (Layer > Duplicate Layer...), назовите дубликат слоя ‘Shadow’, а затем нажмите кнопку ‘OK’. Чтобы сместить данный дубликат слоя вниз, расположив ниже оригинального текстового слоя “PROSIT!”, для этого идём Слои - Упорядочить- Переложить назад (Layer > Arrange > Send Backward).

Duplicate layer

4. Стилизуем Текстовый Слой

Шаг 1

Перейдите на текстовый слой "PROSIT!", а затем идём Слой- Стили слоя – Параметры наложения (Layer > Layer Style > Blending Options), чтобы применить следующие стили слоя.

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 55%
  • Направление (Direction): Вниз (Down)
  • Размер (Size): 13 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -170
  • Высота (Altitude): 32
  • Контур глянца (Gloss Contour): Rolling Slope - Descending
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Осветление (Screen) #ffffff и Непрозрачность (Opacity): 69%
  • Режим тени (Shadow Mode): Осветление (Screen) #ffffff и Непрозрачность (Opacity): 85%
Add a bevel and emboss

Шаг 2

Добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Контур глянца (Gloss Contour): Rolling Slope - Descending
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 100%
Add a contour

Шаг 3

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

  • Режим наложения (Blending Mode): Затемнение основа (Color Burn) #000000
  • Непрозрачность (Opacity): 50%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -90
  • Смещение (Distance): 0 px
  • Стягивание (Choke): 0 px
  • Размер (Size): 32 px
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
Add an Inner Shadow

Шаг 4

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

  • Режим наложения (Blending Mode): Осветление основы (Color Dodge) #ffc600
  • Непрозрачность (Opacity): 21%
  • Метод (Technique): Точный (Precise)
  • Источник (Source): Из центра (Center)
  • Стягивание (Choke): 0 %
  • Размер (Size): 27 px
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 49%
Add an inner glow

Шаг 5

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): 90
  • Масштаб (Scale): 100%
  • Щёлкните по шкале градиента, чтобы установить следующие контрольные точки цвета:
  • Контрольная точка цвета 1 - цвет: #b2710b Позиция (Location): 0%
  • Контрольная точка цвета 2 - цвет: #dca010 Позиция (Location): 25%
  • Контрольная точка цвета 3 - цвет: #dfb031 Позиция (Location): 53%
  • Контрольная точка цвета 4 - цвет: #c77f0d Позиция (Location): 80%

Нажмите кнопку ‘OK’.

Add a gradient overlay

Шаг 6

Идём Слой- Смарт-объект – Преобразовать в смарт-объект (Layer > Smart Object > Convert to Smart Object), а затем идём Слой- Стили слоя – Параметры наложения…(Layer > Layer Style > Blending Options...). В окне Параметры наложения (Blending Options), установите Непрозрачность Заливки (Fill Opacity) на 90%, а затем нажмите кнопку ‘OK’.

Change blending options

Таким образом, мы создали основной пивной текстовый слой.

Beer text result

5. Добавляем Тени

Шаг 1

Перейдите на слой "Shadow” а затем идём Слой- Стили слоя – Параметры наложения…(Layer > Layer Style > Blending Options...), чтобы применить следующие стили слоя.

В окне настроек Параметры наложения (Blending Options), установите Непрозрачность Заливки (Fill Opacity) на 0%.

Change blending options

Шаг 2

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Поставьте галочку в окошке Дизеринг (Dither)
  • Непрозрачность (Opacity): 100%
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): -90
  • Масштаб (Scale): 100%
  • Щёлкните по шкале градиента, чтобы установить следующие контрольные точки цвета и непрозрачности:
  • Контрольная точка цвета 1 - цвет: #000000 Позиция (Location): 0%
  • Контрольная точка непрозрачности 1 – Непрозрачность (Opacity): 0% Позиция (Location): 0%
  • Контрольная точка цвета 2 – цвет: #000000 Позиция (Location): 100%
  • Контрольная точка непрозрачности 2 - Непрозрачность (Opacity): 100% Позиция (Location): 100%

Нажмите кнопку ‘OK’.

Add a gradient overlay

Шаг 3

Щёлкните правой кнопкой мыши по слою "Shadow" и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Далее, идём Редактирование - Трансформирование - Наклон (Edit > Transform > Skew), а затем установите Масштабирование по вертикали (vertical scale) на 50%. Потяните верхнюю центральную опорную точку примерно до -40°, а затем нажмите клавишу (Enter).

Transform a shadow

Шаг 4

Выберите инструмент Перемещение (Move Tool (V), а затем с помощью клавиш направления со стрелками, сместите тень, как показано на скриншоте ниже.

Move the shadow

Шаг 5

Идём Фильтр – Размытие- Размытие по Гауссу… (Filter > Blur > Gaussian Blur...), установите Радиус (Radius) размытия на 2.6 px, а затем нажмите кнопку ‘OK’.

Gaussian blur filter

Шаг 6

Идём Слой – Стили слоя – Параметры наложения (Layer > Layer Style > Blending Options). В окне настроек Параметры наложения (Blending Options), установите Непрозрачность Заливки (Fill Opacity) на 75%. Нажмите кнопку ‘OK’.

Change blending options

Итак, мы добавили тень к нашему тексту.

Shadow result

6. Создаём Первую Текстуру Пива

Шаг 1

Перейдите на слой "PROSIT!", а затем идём Слой- Новый слой-заливка – Цвет… (Layer > New Fill Layer > Solid Color....). Назовите этот слой “Texture 1”, а также поставьте галочку в окошке Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer to Create Clipping Mask), а затем нажмите кнопку ‘OK’ и выберите чёрный цвет. Ещё раз нажмите кнопку ‘OK’.

Create a new layer

Шаг 2

Идём Фильтр - Оформление – Пуантилизм…(Filter > Pixelate > Pointillize...) и в появившемся окне, нажмите кнопку Преобразовать в смарт-объект (Convert To Smart Object), а затем установите Размер ячейки (Cell Size) на 9. Нажмите кнопку ‘OK’.

Add a pointillize filter

Шаг 3

Далее, идём Слой – Стили слоя- Параметры наложения…(Layer > Layer Style > Blending Options...), установите Режим наложения (Blend Mode) на Замена светлым (Lighten), а Непрозрачность Заливки (Fill Opacity) на 10%, а затем нажмите кнопку ‘OK’.

Change blending options

Таким образом, мы создали первую нежную текстуру пива.

Filter result

7. Создаём Вторую Текстуру Пива

Шаг 1

Перейдите на слой "Texture 1", а затем идём Слой- Новый слой-заливка – Цвет… (Layer > New Fill Layer > Solid Color....). Назовите этот слой “Texture 2”, а также поставьте галочку в окошке Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer to Create Clipping Mask), а затем нажмите кнопку ‘OK’ и выберите чёрный цвет. Ещё раз нажмите кнопку ‘OK’.

Create a new layer

Шаг 2

Идём Фильтр - Оформление - Меццо-тинто… (Filter > Pixelate > Mezzotint...) и в появившемся окне, нажмите кнопку Преобразовать в смарт-объект (Convert To Smart Object), а затем установите Шрифт (Type) на Крупные точки (Coarse Dots). Нажмите кнопку ‘OK’.

Add a mezzotint filter

Шаг 3

Далее, идём Слой – Стили слоя- Параметры наложения…(Layer > Layer Style > Blending Options...), установите Режим наложения (Blend Mode) на Мягкий свет (Soft Light), а Непрозрачность Заливки (Fill Opacity) на 20%, а затем нажмите кнопку ‘OK’.

Change blending options

Таким образом, мы создали вторую нежную текстуру пива.

Filter result

8. Создаём Третью Текстуру Пива

Шаг 1

Перейдите на слой "Texture 2", а затем идём Слой- Новый слой-заливка – Цвет… (Layer > New Fill Layer > Solid Color....). Назовите этот слой “Texture 3”, а также поставьте галочку в окошке Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer to Create Clipping Mask), а затем нажмите кнопку ‘OK’ и выберите чёрный цвет. Ещё раз нажмите кнопку ‘OK’.

Create a new layer

Шаг 2

Идём Фильтр - Оформление - Меццо-тинто… (Filter > Pixelate > Mezzotint...) и в появившемся окне, нажмите кнопку Преобразовать в смарт-объект (Convert To Smart Object), а затем установите Шрифт (Type) на Мелкие точки (Fine Dots). Нажмите кнопку ‘OK’.

Add a mezzotint filter

Шаг 3

Далее, идём Слой – Стили слоя- Параметры наложения…(Layer > Layer Style > Blending Options...), установите Режим наложения (Blend Mode) на Мягкий свет (Soft Light), а Непрозрачность Заливки (Fill Opacity) на 20%, а затем нажмите кнопку ‘OK’.

Change blending options

Таким образом, мы создали третью нежную текстуру пива.

Filter result

9. Создаём Большие Пузырьки с Помощью Пользовательской Кисти

Шаг 1

Перейдите на слой "Texture 3", а затем идём Слой- Новый- Слой…(Layer > New > Layer....). Назовите этот слой “Big Bubbles” а также поставьте галочку в окошке Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer to Create Clipping Mask), а затем нажмите кнопку ‘OK’.

Create a new layer

Шаг 2

Идём в панель кистей Окно – Кисти (Window > Brushes), выберите кисть “Bubbles – big”.

Select the brush

Шаг 3

Прокрасьте кистью текст, создав ту же самую плотность пузырьков, как показано на скриншоте ниже. В любой момент вы можете вернуться на этот слой и добавьте ещё больше пузырьков.

Brush the text

Шаг 4

Идём Слой – Стили слоя- Параметры наложения…(Layer > Layer Style > Blending Options...), чтобы применить следующие стили слоя.

В окне настроек Параметры наложения (Blending Options), установите Непрозрачность Заливки (Fill Opacity) на 0%.

Change blending options

Шаг 5

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 240%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 6 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -90
  • Высота (Altitude): 60
  • Контур глянца (Gloss Contour): Cone - Inverted
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Осветление (Screen) с белым цветом
  • Режим подсветки (Highlight Mode) – Непрозрачность (Opacity): 43%
  • Режим тени (Shadow Mode): Мягкий свет (Soft Light) с чёрным цветом
  • Режим тени (Shadow Mode) - Непрозрачность (Opacity): 32%
Add a bevel and emboss

Шаг 6

Добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Контур глянца (Gloss Contour): Cone - Inverted
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 100%
Add a contour

Шаг 7

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Осветление основы (Color Dodge)
  • Непрозрачность (Opacity): 50%
  • Цвет: белый
  • Метод (Technique): Мягкий (Softer)
  • Источник (Source): Из центра (Center)
  • Размер (Size): 13 px 

Нажмите кнопку ‘OK’, чтобы применить стили слоя.

Add an inner glow

Таким образом, мы создали большие пузырьки внутри пива.

Brush result

10. Создаём Маленькие Пузырьки с Помощью Пользовательской Кисти

Шаг 1

Перейдите на слой "Big Bubbles", а затем идём Слой- Новый- Слой…(Layer > New > Layer....). Назовите этот слой “Small Bubbles” а также поставьте галочку в окошке Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer to Create Clipping Mask), а затем нажмите кнопку ‘OK’.

Create a new layer

Шаг 2

Идём в панель кистей Окно – Кисти (Window > Brushes), выберите кисть “Bubbles - small”.

Select the brush

Шаг 3

Прокрасьте кистью текст, создав ту же самую плотность пузырьков, как показано на скриншоте ниже. В любой момент вы можете вернуться на этот слой и добавьте ещё больше пузырьков.

Brush the text

Шаг 4

Идём Слой – Стили слоя- Параметры наложения…(Layer > Layer Style > Blending Options...), чтобы применить следующие стили слоя.

В окне настроек Параметры наложения (Blending Options), установите Непрозрачность Заливки (Fill Opacity) на 0%.

Change blending options

Шаг 5

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 209%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 7 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 90
  • Высота (Altitude): 30
  • Контур глянца (Gloss Contour): Cone - Inverted
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Осветление (Screen) с белым цветом
  • Режим подсветки (Highlight Mode) – Непрозрачность (Opacity): 43%
  • Режим тени (Shadow Mode): Мягкий свет (Soft Light) с чёрным цветом
  • Режим тени (Shadow Mode) - Непрозрачность (Opacity): 32%
Add a bevel and emboss

Шаг 6

Добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Контур глянца (Gloss Contour): Cone - Inverted
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 100%
Add a contour

Шаг 7

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Осветление основы (Color Dodge)
  • Непрозрачность (Opacity): 50%
  • Цвет: белый
  • Метод (Technique): Мягкий (Softer)
  • Источник (Source): Из центра (Center)
  • Размер (Size): 13 px
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Нажмите кнопку ‘OK’, чтобы применить стили слоя.

Add an inner glow

Таким образом, мы создали маленькие пузырьки внутри пива.

Brush result

11. Создаём Пивную Пену

Шаг 1

Выберите инструмент Прямоугольник (Rectangle Tool), установите Заливку (Fill) на белый цвет, а затем нарисуйте прямоугольник поверх верхней части текста. Я специально уменьшил непрозрачность прямоугольника, чтобы показать вам, насколько захвачен текст. Ваш прямоугольник должен быть покрыт сплошным белым цветом.

Create a rectangle

Шаг 2

Идём Фильтр – Искажение - Волна (Filter > Distort > Wave...) и в появившемся окне, нажмите кнопку Преобразовать в смарт-объект (Convert To Smart Object). Далее, установите следующие настройки:

  • Число генераторов (Number of Generators): 5
  • Длина волны (Wavelength): Мин.(Min.) 10 Макс.(Max.) 60
  • Амплитуда (Amplitude): Мин.(Min.) 2 Макс.(Max.) 6
  • Масштаб (Scale): Гориз.(Horiz.) 100% Верт.(Vert.) 100%
  • Тип (Type): Синусоида (Sine)
  • Неопределённые области (Undefined Areas): Повторить граничные пикселы (Repeat Edge Pixels)

Нажмите кнопку ‘OK’.

Add a wave filter

Шаг 3

Находясь на слое с нарисованным прямоугольником, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя "PROSIT!", чтобы загрузить активное выделение, а затем идём Слой – Слой-маска – Показать выделенную область (Layer > Layer Mask > Reveal Selection).

Mask a selection

Шаг 4

Щёлкните правой кнопкой мыши по слою с прямоугольником и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Convert to smart object

Шаг 5

Идём Слой- Новый – Слой…(Layer > New > Layer...), назовите этот слой “Foam”, а затем нажмите кнопку ‘OK’.

Create a new layer

Шаг 6

Находясь на слое “Foam”, далее, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с прямоугольником, чтобы загрузить активное выделение, а затем идём в панель Контуры (Paths), Окно – Контуры (Window > Paths), а затем нажмите значок Создать рабочий контур из выделенной области (Make workpath from selection).

Make a workpath

Шаг 7

Идём в панель кистей Окно – Кисти (Window > Brushes), выберите кисть “Foam”.

Select the brush

Шаг 8

Щёлкните правой кнопкой мыши по слою Рабочий контур (Work Path) и в появившемся окне, выберите опцию Выполнить обводку контура… (Stroke Path....), в выпадающем меню Инструмент (Tool), выберите Кисть (Brush), а затем нажмите кнопку ‘OK’.

Stroke the path

Шаг 9

Удерживая клавишу (Ctrl), выделите слой “Foam” и слой с прямоугольником “Rectangle”, а затеи щёлкните правой кнопкой мыши по выделенным слоям и появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Convert to smart object

Шаг 10

Идём Слой- Создать дубликат слоя…(Layer > Duplicate Layer...), чтобы продублировать слой “Foam”. Назовите дубликат слоя “Foam shadow”. Нажмите кнопку ‘OK’.

Duplicate the layer

Шаг 11

Находясь на слое "Foam shadow", удерживая клавишу (Ctrl), щёлкните по миниатюре слоя "PROSIT!", чтобы загрузить активное выделение, а затем идём Слой – Слой-маска – Показать выделенную область (Layer > Layer Mask > Reveal Selection).

Mask the layer

Шаг 12

Сместите слой "Foam shadow" вниз, для этого идём Слои - Упорядочить- Переложить назад (Layer > Arrange > Send Backward).

Arrange layers

12. Стилизуем Пивную Пену

Шаг 1

Перейдите на слой "Foam shadow", а затем идём Слой – Стили слоя- Параметры наложения…(Layer > Layer Style > Blending Options...), чтобы применить следующие стили слоя.

В окне настроек Параметры наложения (Blending Options), установите Непрозрачность Заливки (Fill Opacity) на 0%, а также поставьте галочку в окошке Слой-маска скрывает эффекты (Layer Mask Hides Effects).

Change blending options

Шаг 2

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn) с чёрным цветом
  • Непрозрачность (Opacity): 8%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 90
  • Смещение (Distance): 2 px
  • Размер (Size): 4 px
  • Контур (Contour): Gaussian
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Нажмите кнопку ‘OK’, чтобы применить стили слоя.

Add a drop shadow

Шаг 3

Перейдите на слой "Foam", а затем идём Слой – Стили слоя- Параметры наложения…(Layer > Layer Style > Blending Options...), чтобы применить следующие стили слоя.

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 150%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 29 px
  • Смягчение (Soften): 4 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 90
  • Высота (Altitude): 30
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Осветление (Screen) с белым цветом
  • Режим подсветки (Highlight Mode) – Непрозрачность (Opacity) 100%
  • Режим тени (Shadow Mode): Линейный затемнитель (Linear Burn) с чёрным цветом
  • Режим тени (Shadow Mode) - Непрозрачность (Opacity): 10%
Add a bevel and emboss

Шаг 4

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn) с чёрным цветом
  • Непрозрачность (Opacity): 15%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -90
  • Смещение (Distance): 5 px
  • Размер (Size): 7 px
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
Add an inner shadow

Шаг 5

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
  • Непрозрачность (Opacity): 21%
  • Цвет: чёрный
  • Метод (Technique): Мягкий (Softer)
  • Источник (Source): Из центра (Center)
  • Размер (Size): 62 px
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
Add an inner glow

Шаг 6

Добавьте стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:

  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
  • Непрозрачность (Opacity): 34%
  • Узор (Pattern): Foam noise

Нажмите кнопку ‘OK’, чтобы применить стили слоя.

Add a pattern overlay

Шаг 7

Щёлкните правой кнопкой мыши по слою “Foam” и появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Таким образом, мы добавили текстуру и тень к пене.

Convert to smart object

13. Создаём Пузырьки для Пивной Пены

Шаг 1

Перейдите на слой "Foam", а затем идём Слой- Новый- Слой…(Layer > New > Layer....). Назовите этот слой “Foam bubbles” а также поставьте галочку в окошке Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer to Create Clipping Mask), а затем нажмите кнопку ‘OK’.

Create a new layer

Шаг 2

Идём в панель кистей Окно – Кисти (Window > Brushes), выберите кисть “Bubbles - small”.

Select the brush

Шаг 3

Прокрасьте кистью пивную пену, создав ту же самую плотность пузырьков, как показано на скриншоте ниже. В любой момент вы можете вернуться на этот слой и добавьте ещё больше пузырьков.

Brush the foam

Шаг 4

Идём Слой – Стили слоя- Параметры наложения…(Layer > Layer Style > Blending Options...), чтобы применить следующие стили слоя.

В окне настроек Параметры наложения (Blending Options), установите Непрозрачность Заливки (Fill Opacity) на 0%.

Change the blending options

Шаг 5

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 220%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 7 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -90
  • Высота (Altitude): 30
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Осветление (Screen) с белым цветом
  • Режим подсветки (Highlight Mode) – Непрозрачность (Opacity): 80%
  • Режим тени (Shadow Mode): Мягкий свет (Soft Light) с чёрным цветом
  • Режим тени (Shadow Mode) - Непрозрачность (Opacity): 55%

Нажмите кнопку ‘OK’, чтобы применить стили слоя.

Add a bevel and emboss

Поздравляю вас! Мы завершили урок!

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

Надеюсь, что вам понравился этот урок. Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения, а также выкладывать свои работы.

Final result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.