Эффект облачного текста

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

Для Выполнения урока Вам понадобится кисть с облаками, скачать которую Вы сможете по ссылкам в конце статьи. Скачайте и загрузите кисть в Photosop перед началом выполнения урока!

Готовый результат:

Эффект облачного текста

Создайте новый документ размером 1000 на 500 px. В цветовой палитре установите основной цвет #3497b6 и цвет фона #97d5e6. Выберите инструмент "Градиент" (Gradient Tool) и протащите курсор от верхнего края документа к нижнему, чтобы создать градиентный переход в документе:

1

Теперь создадим текст. Берём тестовый инструмент, выбираем шрифт Arial, задаём размер 330пт, цвет белый, хотя цвет в дальнейшем не будет иметь значения:

2

Размещать облака мы будем внутри букв, поэтому нам нужны выделенные области в виде наших букв.

Для выделения букв зажмите клавишу Ctrl и кликните по иконке текста в панели слоёв:

3

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

4

Возьмите инструмент "Кисть" (Brush Tool), установите цвет переднего плана на белый (для этого нажмите клавишу D, а затем X(икс)), создайте новый слой поверх слоя с текстом, у меня это "Слой 1".

Выберите кисть из набора Cloud_brushes.abr, скачать который Вы можете по ссылкам внизу страницы, сделайте диаметр кисти примерно 200 - 300 px:

5

И закрасьте выделение кистью.

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

У Вас должно получиться примерно так:

6

После того, как Ваши закрасили буквы, нажмите Ctrl+ D, чтобы избавиться от выделения.

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

Кликните правой клавишей мыши по слою с текстом и выберите "Создать рабочий контур" (Create Work Path). Вокруг букв появятся очертания контура:

7

Возьмите инструмент "Ластик" (Eraser Tool).
Выберите кисть "Различие в яркости для каждого мазка" (Per Stroke Brightness Variance). Как настраивать вид панели кистей, подробно рассказывается здесь.

9

Нажмите клавишу F5 для отображения панели менеджера настроек кисти. Введите следующие параметры:

8

Убедитесь что вверху, на панели параметров, "Непрозрачность" и "Нажим" уставлены на 100%.

В панели слоёв кликните по верхнему слою с облаками, убедитесь, что он подсвечен синим!
Возьмите любой контурный инструмент, например, "Перо" (Pen Tool). Кликните правой клавишей мыши в любом месте на контуре букв. В открывшемся контекстном меню выберите пункт "Выполнить обводку контура" (Stroke Path). Откроется всплывающее окно, где выберите инструмент "Ластик" (Eraser):

10

Нажмите ОК и, затем, клавишу Enter, чтобы избавиться от контура. Результат:

11.jpg

Теперь немного оживим фон. Создайте новый слой под текстовым слоем? уменьшите его непрозрачность до 30%, возьмите какую-либо кисть из набора Cloud_brushes.abr и нарисуйте облака. Готовый результат:

Эффект облачного текста

Скачать набор кистей с облаками Cloud_brushes.abr:

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

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

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

текст по контуру
Из этого материала мы узнаем, каким образом в программе Adobe Photoshop добавить текст на контур. В статье я буду использовать Photoshop CS6, но этот...
Текст в Photoshop: панель Символ
В первых двух уроках из серии на работе с текстом в Photoshop мы узнали два метода ввода текста - строкой и областью. Из этих уроков мы узнали, что,...
Несмотря на поговорку, гласящую, что одна картина стоит тысячи слов, нередко, при редактировании изображений требуется добавить надпись к картинке,...
преобразование текста, не доступное при обычных режимах Photoshop
Из этого урока мы узнаем, каким образом в Photoshop можно производить манипуляции с текстом, не доступные для стандартных инструментов редактирования...