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

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

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

Источник: design.tutsplus.com