Пишем зубной пастой в Фотошоп

В этом уроке вы узнаете, как создать текст из зубной пасты в программе Adobe Photoshop, используя всего лишь 3 слоя, к которым мы применим стили слоя. Мы будем использовать смарт-объекты, поэтому, вы сможете с лёгкостью заменить текст, без добавления стилей слоя каждый раз, когда вы будете менять текст. Надеюсь, вам понравится эффект из зубной пасты.

Скачать архив с материалами к уроку

Итоговый результат

1-7580839

Шаг 1

Вначале выберите шрифт, который напоминает форму зубной пасты. Я решил использовать шрифт Schweiz, но вы можете использовать любой шрифт на своё усмотрение.

2-8323241

Шаг 2

Данный эффект хорошо смотрится, если используется шрифт и / или изображения с закруглёнными краями. Поэтому, если вы решили использовать другой шрифт или форму текста, то вам лучше создать закруглённые края выбранного шрифта.

Давайте вернёмся к нашему тексту. Текст выглядит хорошо, единственное, нам нужно провести небольшую коррекцию текста, чтобы эффект выглядел более реалистично. Для этого, вам необходимо растрировать слой с текстом. Щёлкните правой кнопкой мыши по слою с текстом и в появившемся меню, выберите опцию Растрировать текст (Rasterize Type). Далее, с помощью инструмента Кисть (brush-3608394 Brush Tool) и Ластикeraser-4393826(Eraser Tool), добавьте отдельные участки к тексту и / или удалите отдельные участки текста.

3-1082175

Шаг 3

Ещё раз щёлкните правой кнопкой мыши по растрированному слою и в появившемся окне, выберите опцию Преобразовать в смарт-объект (convert to smart object), чтобы преобразовать слой с текстом в смарт-объект. Назовите этот слой Зубная паста 1 (Tootpaste 1). Продублируйте этот слой 2 раза, назовите дубликаты слоёв Зубная паста 2 (Tootpaste 2) и Зубная паста 3 (Tootpaste 3) соответственно.

4-5184712

Шаг 4

Теперь к каждому слою, мы применим различные стили слоя. Давайте начнём со слоя Зубная паста 1 (Tootpaste 1). Отключите видимость остальных двух слоёв, чтобы видеть результат.

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

  • Смещение (Distance): 8
  • Размер (Size): 10

5-6956280

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Цвет (color): #0398ed
  • Угол (Angle): 120
  • Смещение (Distance): 32

6-2181673

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

  • Непрозрачность (Opacity): 100%
  • Цвет (color): #fd0000
  • Источник (Source): На краях (Edge)
  • Размер (Size): 24
  • Диапазон (Range): 1

7-4392792

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

  • Размер (Size): 21
  • Глубина (Depth); 62
  • Смягчение (Soften): 3
  • Поставьте галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 120
  • Высота (Altitude): 30
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Осветление (Screen) Непрозрачность (Opacity): 0%
  • Режим тени (Shadow Mode) – Умножение (Multiply) Непрозрачность (Opacity): 20%

8-5522502

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

9-3879099

Шаг 5

Сейчас текст должен выглядеть, как на скриншоте ниже. Всё будет зависеть от выбранного типа шрифта, а также от размера шрифта. Например, размеры моего текста 350px. Если вы хотите использовать маленький / большой размер текста, то вам необходимо поменять масштаб стилей слоя. Для этого, идём Слой – Стили слоя – Воздействие слой-эффектов (Layer>Layer Style > Scale Effects).

10-5181478

Шаг 6

Теперь давайте перейдём к слою Зубная паста 2 (Tootpaste 2), чтобы добавить следующие стили слоя.

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 17%
  • Угол (Angle): -55
  • Смещение (Distance): 13
  • Размер (Size): 18

11-2574891

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 75%
  • Источник (Source): На краях (Edge)
  • Размер (Size): 29
  • Диапазон (Range): 50

12-1660826

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

  • Размер (Size): 62
  • Глубина (Depth); 100
  • Смягчение (Soften): 0
  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавный (Smooth)
  • Поставьте галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 120
  • Высота (Altitude): 30
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Перекрытие (Overlay) Непрозрачность (Opacity): 75%
  • Режим тени (Shadow Mode) – Умножение (Multiply) Непрозрачность (Opacity): 31%

13-1413757

Добавьте стиль слоя Глянец (Satin). Установите следующие настройки:

  • Режим подсветки (Highlight Mode): Перекрытие (Overlay)
  • Непрозрачность (Opacity): 50%
  • Смещение (Distance): 81
  • Размер (Size): 65
  • Угол (Angle): 19

14-7488277

Шаг 7

Остался последний слой Зубная паста 3 (Tootpaste 3). Добавьте следующие стили слоя: Внутренне свечение (Inner Glow), цвет #00e2ff, а также Тиснение (Bevel and Emboss).

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

  • Непрозрачность (Opacity): 56%
  • Цвет (color): #00e2ff
  • Источник (Source): Из центра (Center)
  • Размер (Size): 35
  • Диапазон (Range): 1

15-3736213

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

  • Размер (Size): 38
  • Глубина (Depth): 215
  • Смягчение (Soften): 0
  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавный (Smooth)
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 63
  • Высота (Altitude): 69
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Перекрытие (Overlay) Непрозрачность (Opacity): 100%
  • Режим тени (Shadow Mode) – Умножение (Multiply) Непрозрачность (Opacity): 0%

16-5750584

Текст с эффектом зубной пасты Aqua должен быть, как на скриншоте ниже. Если ваш результат не похож на этот, то это означает, что вам необходимо применить масштабирование к стилям слоя.

17-5538688

Шаг 8

В качестве заключительного штриха, я поменял задний фон, применив текстуру капель дождя. Итак, добавьте текстуру с каплями дождя на задний фон, а затем к данной текстуре, добавьте следующие стили слоя: Наложение цвета (Color Overlay) (цвет #5bdaf1) и Наложение градиента (Gradient Overlay) (цвета градиента: #3a8595 и #ffffff).

18-6043375

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

  • Режим наложения (Blend Mode): Затемнение основы (Color Burn)
  • Цвет (color): #5bdaf1
  • Непрозрачность (Opacity): 51%

19-6811845

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

  • Тип градиента (Gradient): Линейный (Linear)
  • Непрозрачность (Opacity): 71%
  • Угол (Angle): 90

20-7321703

Шаг 9

Вы также можете создать новый слой поверх всех остальных слоёв и с помощью мягкой кисти белого цвета, добавить световые блики. Поменяйте режим наложения для слоя со световыми бликами на Перекрытие (Overlay). Вы также можете добавить резкости к заключительному изображению, чтобы картинка была похожа на рекламный постер, для этого, вы можете использовать фильтр Цветовой контраст (High Pass Filter).

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

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

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

Итоговый результат

21-3971554

Автор: psddude

728x90-7007307

photoshop4you