Как сделать распыление в фотошопе
Абстрактный эффект распыления
Где использовать этот эффект
Эффект распыления хорошо смотрится позади объектов. Загрузите мой PSD файл. На его примере я покажу, как создать распыление позади облака. В этом случае Вам нужно будет работать на новом слое, расположенном под слоем “Cloud”, но над слоем с фоном.
Настройка кисти
Чтобы создать распыление, не нужно искать в интернет специальную кисть. Можно настроить стандартную кисть Фотошопа. Выберите инструмент Brush Tool (B), круглую мягкую кисть с жёсткостью 0%. На панели параметров установите Mode — Dissolve и Opacity — 55%. Чем значение Opacity, тем меньше будет плотность точек после распыления.
Настройка цвета
При создании этого эффекта нужно выбирать светлые цвета. Конечно, всегда есть исключение из правил и Вам нужно выбирать те цвета, которые больше всего подходят Вашему изображению, но, как правило, лучше всего использовать такие цвета как белый, жёлтый, пурпурный, синий, розовый и т.д. В общем, всё яркое подойдёт. Есть случаи, когда и тёмные цвета будут хорошо выглядеть, но подобные эксперименты я оставлю для Вас.
В нашем случае я выбираю белый цвет.
Способ рисования
Создайте новый слой под слоем “Cloud” и обрисуйте область возле края облака. Делайте это одиночными кликами.
Изменение размера даст нам эффект неравномерной яркости и разный размер отдельных пикселей (прежде они были все одинаковыми).
Затухание частиц
Я думаю лучше сделать эффект с частицами постепенно исчезающим. Выберите инструмент Eraser Tool (E): hardness — 0%, size — 100-300 пикселей. Подотрите края частиц, чтобы эффект был ещё более неравномерным.
Наложение частиц
Иногда смена режима наложения в конечном счёте создаст более красивый эффект. Режимы наложения Overlay, Linear Dodge, Color Dodge и Screen дают хорошие результаты в большинстве случаев.
При помощи неоднократного дублирования слоя, смены режима наложения и работы инструментом Eraser Tool (E) можно добиться более хорошего результата.
Повторите сами
На этом мы закончили создание эффекта распыления. Теперь Вам нужно самому создать ещё пару новых слоёв и проделать весь процесс заново. Используйте разные цвета и режимы наложения.
Ещё несколько советов
Поделитесь уроком
Лучшие материалы
Правовая информация
В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».
Как создать текстовый эффект Spray Paint в Photoshop
Узнайте, как создать текстовый эффект с помощью аэрозольной краски в Photoshop, а ваши буквы будут распыляться на фоне! Пошаговое руководство для Photoshop CC и более ранних версий.
В этом уроке я покажу вам, как создать простой текстовый эффект, окрашенный распылением, при котором буквы выглядят так, как будто они были нанесены распылением на стену или поверхность. Я также покажу вам, как смешивать краску с поверхностью для более реалистичного эффекта. А поскольку мы создадим аэрозольную краску, используя не более чем эффект слоя и параметры наложения Photoshop, ваш текст останется редактируемым, даже когда мы закончим.
Я буду использовать
Шаг 2: Добавьте свой текст
Чтобы добавить текст, выберите инструмент « Текст» на панели инструментов :
Выбор шрифта
А затем в панели параметров выберите свой шрифт. Я буду использовать « HWT Gothic Round », который я скачал с Adobe Typekit. Если у вас нет доступа к этому шрифту, ничего страшного. Любой шрифт будет работать:
Больше вариантов типа
Добавление текста
Затем нажмите на документ и добавьте свой текст. Я наберу слово «КРАСКА»:
Принятие текста
Чтобы принять его, нажмите галочку на панели параметров:
Шаг 3: измените размер и переместите текст с помощью Free Transform
Чтобы изменить размер текста и переместить его на место, перейдите в меню « Правка» в строке меню и выберите « Свободное преобразование» :
Чтобы изменить размер текста из его центра, нажмите и удерживайте клавишу « Alt» (Win) / « Option» (Mac) при перетаскивании. А если вам нужно изменить положение текста, щелкните внутри поля «Свободное преобразование» и перетащите текст на место.
Чтобы принять его и выйти из Free Transform, нажмите Enter (Win) / Return (Mac) на клавиатуре:
Шаг 4: Понизьте значение Fill слоя Type до 0%
На панели Layers мы видим наш текст на новом слое Type над изображением:
Текст полностью исчезает. Это все еще там, это просто прозрачно:
В чем разница между непрозрачностью и заливкой?
Это означает, что, уменьшая значение «Заливка», мы можем применять эффекты слоя к нашему тексту и сохранять эффекты видимыми, даже если сам текст скрыт. И это то, что позволит нам создать эффект аэрозольной краски.
Шаг 5: Добавьте эффект слоя Drop Shadow к слою Type
Весь эффект аэрозольной краски может быть создан с использованием однослойного эффекта, а нам нужен Drop Shadow. Выбрав слой «Тип», щелкните значок « Стиль слоя» (значок « fx ») внизу панели «Слои»:
И затем выберите Drop Shadow :
Шаг 6: Сброс настроек Drop Shadow до значений по умолчанию
Шаг 7: Измени цвет тени на белый
Затем измените цвет тени, нажав на образец цвета :
Шаг 8: измени режим смешивания тени на экран
Чтобы увидеть белый цвет, измените режим наложения тени с « Умножение» (режим наложения по умолчанию) на « Экран» :
И сразу же мы начинаем видеть белый цвет, появляющийся за буквами:
Шаг 9: увеличьте непрозрачность тени до 100%
Чтобы сделать эффект ярче, увеличьте непрозрачность тени до 100% :
И теперь эффект легче увидеть. Изменив цвет тени от черного на белый и изменив ее режим наложения с Умножить на Экран, мы по сути превратили нашу тень в свечение
Шаг 10: установите расстояние и распространение на 0%
Игнорируйте параметры «Угол» и «Использовать глобальный свет», поскольку они здесь не имеют значения. Но уменьшите расстояние до 0px и убедитесь, что спред равен 0% :
Устанавливая расстояние 0px, мы центрировали тень позади текста, создавая слабый контур или обводку вокруг букв:
Шаг 11: увеличь размер тени
Чтобы растянуть тень (или в данном случае свечение) дальше от краев, увеличьте значение Размер :
Чем больше вы увеличиваете его, тем шире появляется свечение:
Шаг 12: измени контур на конус
На данный момент эффект пока не очень похож на аэрозольную краску. Наше свечение должно выглядеть как контур вокруг букв.
Чтобы это исправить, по-прежнему в диалоговом окне «Стиль слоя» перейдите в раздел « Качество » и нажмите небольшую стрелку рядом с миниатюрой предварительного просмотра Contour :
Контуры влияют на прозрачность тени, изменяя способ и место ее перехода от непрозрачных к прозрачным областям. И сразу же мы видим намного более сильный контур по краям букв:
Шаг 13: снимите флажок «Слой выбивает капли тени»
Чтобы исправить это, снимите флажок с надписи Layer Knocks Out Drop Shadow :
И теперь контур появляется как снаружи, так и внутри текста:
Шаг 14: заново отрегулируйте значение размера, если это необходимо
На этом этапе вам, возможно, придется вернуться назад и заново отрегулировать значение размера, чтобы изменить толщину контура. Не поднимайся слишком высоко, иначе ты распространишь свет слишком далеко. Точный размер, который вам нужен, будет зависеть от размера вашего текста.
В моем случае я выберу значение Size около 120px, но вам может понадобиться другое значение:
Шаг 15: Добавьте шум
И теперь, если я увеличу масштаб, мы увидим маленькие вкрапления на контуре, делая его больше похожим на аэрозольную краску.
В зависимости от размера шрифта, который вы используете, вы можете заметить некоторые слабые резкие края вдоль областей, где встречаются эффект и фон. На этом скриншоте вы можете видеть их внутри букв «P» и «A». Эти края исчезнут, как только мы смешаем текст с фоном, что мы и будем делать дальше:
Как смешать окрашенный распылением текст с фоном
На этом мы закончили с нашим эффектом слоя Drop Shadow. Итак, давайте узнаем, как смешать эффект с фоном, чтобы выглядело так, будто текст на самом деле окрашен спреем на фоне, а не просто сидит перед ним. Когда мы закончим, я покажу вам, как скопировать эффект, чтобы добавить больше текста, не затрагивая эффекты слоя и параметры наложения.
Шаг 16: Откройте параметры наложения Photoshop
В диалоговом окне «Стиль слоя» выберите категорию « Параметры наложения» слева:
Шаг 17: Перетащите черный ползунок «Базовый слой» вправо
В нижней части параметров смешивания находятся два набора ползунков. На верхнем уровне написано «Этот слой», а на нижнем — «Базовый слой». Мы можем использовать эти ползунки, чтобы смешать наш текст с фоновым изображением. И набор, который нам нужен, является нижним ( базовый слой ):
Нажмите на черный ползунок и начните перетаскивать его вправо:
При перетаскивании следите за текстом, и вы увидите самые темные области фонового изображения, которые начинают просвечивать через него. По мере того, как вы перетаскиваете дальше, появляется все больше и больше фона:
Шаг 18: разделите черный слайдер пополам
Проблема в том, что переходы между текстом и фоном очень резкие. Чтобы создать более плавные переходы, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре. Нажмите на правую сторону черного ползунка и перетащите его от левой стороны. Это разбивает слайдер на две половины:
Шаг 19: Настройте ползунки, чтобы создать плавный переход
Левая половина ползунка теперь контролирует уровень яркости, где текст начинает появляться перед фоном. А правая половина устанавливает уровень яркости, при котором текст становится полностью видимым, а фон больше не просматривается. Область между двумя ползунками становится областью перехода, где текст и фон смешиваются вместе. Чем дальше вы раздвигаете ползунки, тем более плавным выглядит переход.
Регулируйте каждую половину ползунка, пока вы не будете довольны эффектом. Здесь нет конкретных значений для использования, так как это будет зависеть от вашего фонового изображения.
В моем случае я установлю для левой половины уровень яркости 10, а для правой половины — уровень яркости 60. Другими словами, любые области моего фонового изображения с уровнем яркости 10 или темнее будут полностью показать через текст. Области с уровнем яркости 60 или более будут полностью скрыты текстом. А между уровнями яркости (от 11 до 59) происходит переход:
А теперь, когда текст сливается с изображением, мы получаем намного более реалистичный эффект аэрозольной краски:
Шаг 20: Закройте диалоговое окно Layer Style
Мы закончили с основным эффектом, поэтому закройте диалоговое окно Layer Style, нажав OK:
А на панели «Слои» мы теперь видим нашу тень, указанную в качестве эффекта под слоем «Тип». Мы также видим значок «Параметры наложения» рядом со значком «fx», что говорит о том, что у нас также есть несколько расширенных параметров наложения, примененных к слою:
Как продублировать эффект текста, нанесенный распылением
На этом этапе добавить больше окрашенного распылением текста легко.
Шаг 21: Сделайте копию слоя Type
Все, что нам нужно сделать, это продублировать наш слой Type. Просто перетащите его вниз на значок « Добавить новый слой» в нижней части панели «Слои»:
Копия слоя «Тип» появляется над оригиналом, вместе с нашим эффектом «Тень» и нашими параметрами наложения:
Шаг 22: выберите инструмент Move
Чтобы изменить положение текста, выберите инструмент «Перемещение» на панели инструментов:
Шаг 23: переместите текст на место
А затем нажмите на текст и переместите его на место. Я перетащу копию текста вверх:
Затем на панели «Слои» я нажму на исходный слой «Тип», чтобы выбрать его:
И я перетащу оригинальный текст вниз:
Как редактировать окрашенный спрей текст
Поскольку наш текст по-прежнему редактируемый, мы можем легко отредактировать текст и сохранить эффект аэрозольной краски без изменений.
Шаг 24: выберите инструмент Type Tool
Я не хочу, чтобы оба слова были одинаковыми, поэтому чтобы отредактировать верхний текст, я выберу инструмент «Текст» на панели инструментов:
Шаг 25: Выберите и отредактируйте текст
Затем я дважды щелкну внутри слова, чтобы выделить его:
И я поменяю слово с «PAINT» на «SPRAY»:
Чтобы принять его, я нажму галочку на панели параметров:
Шаг 26: измените размер отредактированного текста с помощью Free Transform
Я изменю размер верхнего текста, зайдя в меню « Правка» и выбрав « Свободное преобразование» :
А затем я перетащу верхние угловые маркеры, чтобы изменить размер слова, чтобы оно соответствовало ширине нижнего слова. Чтобы принять его, я нажму Enter (Win) / Return (Mac) на моей клавиатуре:
Как изменить цвет аэрозольной краски
И, наконец, давайте посмотрим, как изменить цвет эффекта.
Шаг 27: Двойной щелчок по эффекту слоя «Тень»
Чтобы изменить цвет аэрозольной краски, дважды щелкните слова «Тень» под слоем «Тип». Если у вас есть более одного слоя типа, как у меня, убедитесь, что вы дважды щелкаете на том, который хотите редактировать.
В моем случае я начну со слова «SPRAY» вверху:
Шаг 28: Нажмите образец цвета
Это открывает диалоговое окно Layer Style. Нажмите на образец цвета :
Шаг 29: Выберите новый цвет из палитры цветов
А затем в палитре цветов выберите новый цвет. Я пойду с чем-то ярким, как желтый:
Нажмите кнопку «ОК», чтобы закрыть палитру цветов, а затем нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Стиль слоя». И теперь мой главный текст окрашен в желтый цвет:
Изменение цвета нижнего текста
Я сделаю то же самое с нижним текстом. Я дважды щёлкну по словам «Drop Shadow», чтобы снова открыть диалоговое окно Layer Style:
И тогда я нажму на образец цвета:
И я выберу новый цвет из палитры цветов. Для нижнего текста я снова пойду с чем-то ярким, вроде красновато-розового:
Я еще раз нажму кнопку ОК, чтобы закрыть палитру цветов, а затем кнопку ОК, чтобы закрыть диалоговое окно «Стиль слоя».
И вот, после добавления цвета к обоим словам, мой окончательный результат:
