Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

208 686 чел. 399 983 работы 4 093 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

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

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

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

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

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

Шаг 4

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

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

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

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

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

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

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

Добавьте стиль слоя Тиснение (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%

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

  • Цвет (color): #f3f3f3

Шаг 5

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

Шаг 6

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

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

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

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

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

Добавьте стиль слоя Тиснение (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%

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

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

Шаг 7

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

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

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

Добавьте стиль слоя Тиснение (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%

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

Шаг 8

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

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

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

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

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

Шаг 9

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

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

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

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

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

Автор: psddude

Комментарии 60

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо, это было интересно)

Спасибо за интересный урок.

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

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

Спасибо за интересный урок)))

Спасибо за урок! Интересный эффект ...

Svetlana, с Вами спорить бесполезно! Вы всегда правы.

Оказалось, что Стягивание – из центра, а я оставила – на краях. Меня смутил скриншот после стилей — он совсем не такой, какой должен быть.

Большое спасибо за урок!
У меня ассоциация такого сочетания цветов с флагом России.

Спасибо за урок. Все было просо супер.
Кому интересно, для "Aguafrech" использовал шрифт Titan One.

Еще 17
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

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


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules