Дополнения

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

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

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

184 295 чел. 379 466 работ 4 021 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

Превращаем текст в пушистые облака

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

1. Добавляем фон с облаками

Шаг 1

Создаем новый документ (Ctrl+N) размером 1000 х 600 пикселей. Добавляем новый слой и вставляем на него картинку Blue Sky with Clouds из дополнительных материалов.

На стоковом сайте скачиваем максимально большой размер и центрируем фото так, чтобы в середине полотна было как можно меньше облаков. Называем этот слой «Фоновые облака».

Шаг 2

Применяем к этому слою стиль Layer – Layer Style – Color Overlay (Слой – Стиль слоя – Наложение цвета). В настройках выбираем цвет #3dacfa.

Шаг 3

Выше облаков добавляем корректирующий слой Layer – New Adjustment Layer – Levels (Слой – Новый корректирующий слой – Уровни). Настраиваем уровни, чтобы сделать фон светлее.

2. Создаем кисть в форме облаков

Шаг 1

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

Активируем Brush Tool (B) (Кисть) и в списке кистей выбираем мягкую круглую кисть. Открываем панель Window – Brush (Окно – Настройки кисти) и переходим на вкладку Brush Tip Shape (Форма отпечатка кисти). Здесь мы настраиваем Spacing (Интервал).

Затем переходим на вкладку Shape Dynamics (Динамика формы). Настраиваем Size Jitter (Колебание размера), Angle Jitter (Колебание угла), Roundness Jitter (Колебание формы) и Minimum Roundness (Минимальная форма).

Шаг 2

Далее переходим на вкладку Scattering (Рассеивание). Ставим галочку напротив Both Axes (Обе оси) и устанавливаем Count Jitter (Колебание счетчика) на 40%. Если у вас большой диметр кисти, то эти настройки нужно увеличить.

Шаг 3

Чтобы сохранить кисть, жмем на кнопку меню в правом верхнем углу и выбираем New Brush Preset (Новый набор параметров кисти).

Называем кисть «Облака».

3. Создаем текстовый эффект

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

Шаг 1

На новом слое пишем любой текст. Используем цвет #000000.

Шаг 2

Кликаем правой кнопкой по текстовому слою и выбираем Rasterize Type (Растрировать текст).

Шаг 3

Переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 3,6 пикселей.

Шаг 4

Далее применяем Filter – Distort – Ripple (Фильтр – Искажение – Рябь) и устанавливаем Amount (Количество) на 55%. После этого можно еще раз применить фильтр Gaussian Blur (Размытие по Гауссу) и затем повторно применить фильтр Ripple (Рябь), чтобы эффект получился насыщеннее.

Шаг 5

Создаем новый слой (Shift+Ctrl+N). Называем его «Эффект облаков».

Активируем Brush Tool (B) (Кисть) и выбираем кисть, которую мы создали выше. Выбираем черный цвет (#000000).

Несколько раз проводим по текстовому слою, регулируя непрозрачность кисти во время работы (примерно 30%).

Не беспокойтесь о результате. Позже у вас будет возможность его настроить.

Шаг 6

С зажатой клавишей Ctrl выбираем текстовый слой и слой «Эффект облаков». Затем жмем по ним правой кнопкой мышки и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 7

Переключаем режим наложения слоя «Эффект облаков» на Overlay (Перекрытие) и уменьшаем непрозрачность до 90%.

Также применяем к нему стили слоя: Drop Shadow (Тень), Inner Shadow (Внутренняя тень), Outer Glow (Внешнее свечение), Inner Glow (Внутреннее свечение), Bevel and Emboss (Фаска и тиснение) и Satin (Глянец). Для этих стилей используем цвета #ffffff и #000000.

Стили слоя можно изменить по вашему вкусу. Также все значения зависят от размера вашего текста.

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

4. Создаем текстуру облаков

Шаг 1

Создаем новый слой и называем его «Текстура облаков». Заполняем его белым цветом (#ffffff).

Переключаем цвет переднего плана на белый (#ffffff), а заднего – на черный (#000000). Затем применяем Filter – Render – Clouds (Фильтр – Рендеринг – Облака).

Шаг 2

Дублируем (Ctrl+J) слой «Текстура облаков» и называем копию «Наложение облаков».

Шаг 3

Пока что скрываем слой «Наложение облаков», нажав на значок глаза рядом с названием слоя. Кликаем правой кнопкой по слою «Текстура облаков» и выбираем Create Clipping Mask (Создать обтравочную маску).

Переключаем режим наложения слоя «Текстура облаков» на Lighten Color (Светлее).

Шаг 4

Переходим Image – Adjustments – Levels (Изображение – Коррекция – Уровни) и настраиваем цвета картинки.

Шаг 5

Включаем видимость слоя «Наложение облаков» и переключаем его режим наложения на Screen (Осветление).

Шаг 6

Чтобы настроить контрастность текстуры, применяем в виде обтравочной маски корректирующий слой Levels (Уровни) для слоя «Наложение облаков».

Также можете по своему усмотрению подкорректировать размер и положение слоя «Наложение облаков».

5. Добавляем летящих птиц

Создаем новый слой и вставляем на него изображение Flying Birds из дополнительных материалов. Жмем Ctrl+I, чтобы инвертировать цвета птиц. Переключаем режим наложения слоя на Screen (Осветление) и уменьшаем непрозрачность до 90%.

Затем ластиком (Е) удаляем лишних птиц, оставив только несколько штук.

6. Корректируем цвет, контрастность и резкость эффекта

Шаг 1

Добавляем заливку цветом Layer – New Fill Layer – Solid Color (Слой – Новый слой-заливка – Цвет) и выбираем для него цвет #0096ec. Переключаем режим наложения на Color (Цветность) и уменьшаем непрозрачность до 48%.

Шаг 2

С помощью корректирующего слоя Hue/Saturation (Цветовой тон/Насыщенность) можно настроить тонировку облаков, уменьшить насыщенность и яркость.

Шаг 3

Чтобы увеличить контрастность эффекта, применяем корректирующий слой Levels (Уровни).

Шаг 4

Для завершения эффекта мы увеличим резкость результата. Жмем сочетание клавиш Shift+Ctrl+Alt+E, чтобы создать объединенную копию всех видимых слоев. Называем этот слой «Цветовой контраст».

Применяем к нему Filter – Other – High Pass (Фильтр – Другое – Цветовой контраст) и устанавливаем радиус на 2 пикселя.

Шаг 5

Переключаем режим наложения слоя «Цветовой контраст» на Overlay (Перекрытие).

7. Создаем фигуру из облаков

Шаг 1

Чтобы создать фигуру из облаков, сперва выбираем смарт-объект «Эффект облаков». Дважды кликаем по его миниатюре на панели слоев, чтобы открыть содержимое смарт-объекта.

Шаг 2

Внутри смарт-объекта скрываем текстовый слой и вставляем картинку с силуэтом колибри.

Шаг 3

Для птицы повторяем ту же процедуру обработки, что и для текста. Сначала применяем Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) с радиусом 3,6 пикселя.

Затем добавляем фильтр Ripple (Рябь). Для этого переходим Filter – Distort – Ripple (Фильтр – Искажение – Облака) и устанавливаем Amount (Количество) на 55%. Это значение может быть другим в зависимости от размера объекта.

В конце проходимся по контуру кистью в виде облаков.

Шаг 4

Чтобы увидеть результат, сохраняем (Ctrl+S) смарт-объект и закрываем его.

Шаг 5

Обратите внимание, что при замене объекта внутри смарт-объекта каждый раз нужно заново создавать слой «Цветовой контраст».

Поэтому удаляем слой «Цветовой контраст» и добавляем новый пустой. Жмем Shift+Ctrl+Alt+E, чтобы создать объединенную копию всех видимых слоев. Называем ее «Цветовой контраст».

Затем применяем Filter – Other – High Pass (Фильтр – Другое – Цветовой контраст) и устанавливаем радиус на 2 пикселя. Чтобы увеличить резкость эффекта, переключаем режим наложения на Overlay (Перекрытие).

Поздравляю, мы закончили!

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

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

Автор: John Negoita

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

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

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

)) Брутальные облака получились))

Спасибо... есть несколько вопросов - в тексте есть некоторые неясности, приведу пример : в добавлении летящих птиц - "....Переключаем режим наложения слоя на Screen (Осветление)...." разве не Экран ?

Knik, Всё верно. Но урок был создан в старой версии - CS 4, начиная с CS 5 (и далее в последующих) режим Осветление заменён на Экран.
Скрин из CS5

Подскажите пожалуйста. На этапе "Выше облаков добавляем корректирующий слой Layer – New Adjustment Layer – Levels(Слой – Новый корректирующий слой – Уровни). Настраиваем уровни, чтобы сделать фон светлее. " почему то слой заливается цветом и перекрывает облака. В уроке облака не перекрыты и след этап "написание текста" идет по картинке с облаками. Почему у меня не видно облаков?

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

Авторизация

Забыли?

Регистрация

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

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

(до 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