Дополнения

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

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

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

179 799 чел. 377 178 работ 3 991 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Создаем текст из капель дождя в Фотошоп

Отличный способ создать выделение и  поэкспериментировать с настройками – это с помощью фотошоп фильтров и Альфа каналов. Этот урок покажет вам, как использовать простую технику для создания капель, а затем оформить их, добавив пару текстур и корректирующих слоев, чтобы создать текстовый эффект из капель дождя.

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

Примечание: автор использует платные материалы. В архиве вы найдёте альтернативные материалы.

1. Создаем фон и текст

Шаг 1

Создадим новый документ (Ctrl + N) размером 1500 на 875 px и заполним его черным цветом #000000.

Шаг 2

Напишите свой текст, используя инструмент Горизонтальный текст (Text Tool) и шрифт  CoreHumanistSans.  Убедитесь в том, что Цвет (Color) установлен на белый #fff, Размер (Size) 350 px и Трекинг (Tracking): -25.

Шаг 3

Щелкните правой кнопкой мыши на текстовом слое и выберите Преобразовать в Смарт-объект (Convert to Smart object).

2.  Применяем фильтр

Шаг 1

Установите цвет переднего плана и фона - черный и белый.

Теперь перейдите Фильтр > Галерея фильтров > Текстура > Витраж (Filter > Filter Gallery > Texture > Stained Glass). Измените Размер ячейки (Cell Size) на 20, Толщина границ (Border Thickness) на 7, и Интенсивность света (Light Intensity) на 3.

Шаг 2

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

Шаг 3

Активируйте инструмент Волшебная палочка (Magnetic Lasso), после этого снимите галочку Смежные пикселы (Contiguous) в панели настроек. Теперь, нажмите на одну из белых клеток, чтобы создать выделение.

3. Создаем капли

Шаг 1

Откройте панель каналов Окно > Каналы (Window > Channels) и нажмите иконку Создать новый канал (Create new channel) в нижней части панели слоев.

Шаг 2

Убедитесь, что канал Альфа 1 выбран, выберите инструмент Заливка (Paint Bucket Tool) и заполните выделение белым цветом, а затем перейдите Выделение > Отменить выделение (Select > Deselect) или нажмите комбинацию клавиш (Ctrl + D).

Шаг 3

Перейдите Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) и установите Радиус (Radius) на 5.

Шаг 4

Теперь перейдем Изображение > Коррекция > Уровни (Image > Adjustments > Levels). Все что вам необходимо сделать, это изменить положение ползунков, пока Вы не получите капли как на картинке ниже.

Шаг 5

Убедитесь, что края ровные, а не прерываются, чтобы буквы были примерно на одном уровне.

4. Загружаем выделение и добавляем фоновое изображение

Шаг 1

Нажмите на RGB канал, а затем вернитесь в панель слоев.

Сделаем слой с каплями невидимым, нажав на значок глаза рядом с ним.

Шаг 2

Перейдем Выделение > Загрузить выделенную область (Select > Load Selection) и выберем канал Альфа 1 (Alpha 1) в выпадающем меню.

Шаг 3

Создадим новый слой (Ctrl + Shift + N), назовем его “Капли 1”, зальем выделение белым цветом, затем нажмем комбинацию клавиш (Ctrl + D), чтобы снять выделение.

Шаг 4

Изменим Заливку (Fill) слоя с каплями на 0, затем дублируем его ( Ctrl + J) и переименуем его в “Капли 2”.

Шаг 5

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

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

Примечание: Изменить размер можно, нажав комбинацию клавиш Ctrl + T.

5. Добавляем стили к слою “Капли 1”

Дважды щелкните по слою “Капли 1”, чтобы применить следующие стиля слоя:

Шаг 1

Добавим стиль Тиснение (Bevel and Emboss) со следующими параметрами:

  • Размер (Size): 7
  • Убираем галочку  Глобальное освещение (Use Global Light)
  • Угол (Angle): 180
  • Высота (Altitude): 53
  • Ставим галочку Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Непрозрачность (Opacity): 50%
  • Режим тени (Shadow Mode) - Непрозрачность (Opacity): 15%

Шаг 2

Добавим стиль Контур (Contour) с такими параметрами:

  • Контур (Contour): Асимметричный (Asymmetrical)
  • Ставим галочку Сглаживание (Anti-aliased)

Шаг 3

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

  • Непрозрачность (Opacity):5%
  • Смещение (Distance): 3
  • Размер (Size): 5

Вот таким получился у нас стиль у первого слоя.

6. Добавляем стили к слою “Капли 2”

Дважды щелкните на слой “Капли 2”, чтобы применить следующие стиля слоя:

Шаг 1

Добавим стиль Тиснение (Bevel and Emboss) со следующими параметрами:

  • Размер (Size): 16
  • Убираем галочку  Глобальное освещение (Use Global Light)
  • Угол (Angle): 27
  • Высота (Altitude): 53
  • Ставим галочку Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Непрозрачность (Opacity): 50%
  • Режим тени (Shadow Mode) - Непрозрачность (Opacity): 5%

Изменяйте значения угла и высоты таким образом, чтобы стиль слоя соответствовал освещению капель на заднем плане.

Шаг 2

Добавим стиль Контур (Contour) с такими параметрами:

  • Контур (Contour): Конус (Cone)
  • Ставим галочку Сглаживание (Anti-aliased)
  • Диапазон (Range): 100%

Шаг 3

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

  • Непрозрачность (Opacity): 50%
  • Смещение (Distance): 0
  • Размер (Size): 13

Шаг 4

Это будет стиль для второго слоя. Вы можете регулировать значения по мере необходимости.

7. Изменяем фон

Шаг 1

Как видите, текст выглядит не очень хорошо, так как фон у нас с каплями. Они накладываются друг на друга, имеют разные размеры и перегружают текст.

Так что теперь мы удалим некоторые капли, чтобы улучшить конечный результат. Чтобы сделать это, активируйте инструмент Точечная восстанавливающая кисть (Spot Healing Brush Tool) и выберите мягкую круглую Кисть (Brush)  размером с каплю.

Затем закрасьте каждую каплю, которую вы хотите удалить. Вы можете закрашивать одну и ту же поверхность несколько раз, пока она не станет чистой.

Примечание: Убедитесь, что Вы находитесь на слое с текстурой в палитре слоев.

Шаг 2

Инструмент Точечная восстанавливающая кисть (Spot Healing Brush Tool) должен убирать капли нормально, но если вы хотите, можете использовать любые другие инструменты, чтобы получить нужный результат.

Шаг 3

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

8. Добавляем еще текстуру

Шаг 1

Теперь мы добавим размытую текстуру для регулировки освещения капель и сделаем их более реалистичными.

Откроем текстуру Texture 06 в фотошоп, затем поместим изображение поверх всех слоев и назовем ее "Текстура капель”. Изменим ее размер (Ctrl+ T), чтобы покрыть текст, затем изменим Режим смешивания (Blend Mode) слоя на Мягкий свет (Soft light) и Непрозрачность (Opacity) до 30%.

Шаг 2

Удерживая нажатой клавишу Ctrl, щелкните мышью по миниатюре слоя капли, чтобы создать выделение. Затем перейдите на слой “Текстура капель” и нажмите на иконку Добавить маску слоя (Add layer mask) в нижней части панели слоев.

Шаг 3

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

Добавим текстуру Боке  поверх всех слоев, изменим ее размер (Ctrl + T) по мере необходимости и переименуем слой в “Текстура боке”. Измените Режим смешивания (Blend Mode) на Мягкий свет (Soft light) и Непрозрачность (Opacity) до 35%.

9. Добавим цвет

Шаг 1

Нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части палитры слоев и выберите Карта градиента (Gradient Map).

Примечание: вначале из скачанного набора градиентов загрузите файл CSP True Sky Gradients.grd

Шаг 2

Выберите градиентную заливку, как на картинке ниже, проверьте, стоит ли галочка возле опции Дизеринг (Dither) и измените Режим смешивания (Blend Mode) корректирующего слоя на Линейный осветлитель (Linear Burn) и Непрозрачность (Opacity) до 20%.

Это добавит голубой оттенок каплям.

Отлично!

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

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

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

Автор: Rose

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

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

Спасибо за урок! Металлический лист и с отражением :)

Спасибо. Отдельное спасибо за фразу "вы можете использовать любое фоновое изображение")))

Спасибо за урок и за перевод.

Как то так)) Спасибо за перевод))

За урок спасибо!!!

Спасибо. Интересненько!!!

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

Делала давно с источника

Вот на другом фоне.

Создаем текст из капель дождя в Фотошоп. Спасибо.

О как классно получилось! Спасибо большое!

Спасибо! Очень интересно!

Спасибо за урок!

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

Авторизация

Забыли?

Регистрация

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

Оставить комментарий

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

Жалоба

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

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