Эффект следа кисти и движения в Photoshop

Узнайте, как создать собственную кисть в Photoshop. Затем узнайте, как использовать кисть, чтобы добавить волшебную искорку к фотографии!

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

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

Эта версия учебника была обновлена ​​и расширена для Photoshop CC и полностью совместима с Photoshop CS6 . Если вы используете CS5 или более раннюю версию , вам нужно следовать оригинальной версии этого руководства.

Вот фотография, которую я буду использовать для этого урока. Я скачал этот с Adobe Stock :

И вот как это будет выглядеть, когда мы закончим:

Создание блеска кисти

Шаг 1: создайте новый документ Photoshop

Как я уже упоминал, мы будем добавлять наш след блеска, используя специальную кисть «блеск», поэтому первое, что нам нужно сделать, это создать нашу кисть. Для этого нам нужно создать новый документ Photoshop. Перейдите в меню « Файл» в строке меню в верхней части экрана и выберите « Создать» :

Откроется диалоговое окно « Новый документ ». В Photoshop CC 2017 Adobe полностью переработала диалоговое окно «Новый документ», поэтому его версия зависит от используемой версии Photoshop. Если вы используете Photoshop CC, как я здесь (и ваша копия CC обновлена ), вы увидите обновленную версию . Если вы используете Photoshop CS6, вы увидите более старую, традиционную версию. Сначала мы рассмотрим переработанную версию. Затем, чтобы этот урок был совместим и с CS6, мы рассмотрим традиционную версию. Не волнуйтесь, это займет всего минуту.

Шаг 5: нажми несколько случайных точек с кистью

Выбрав кисть «Звезды 70 пикселей», щелкните несколько случайных точек, чтобы добавить первые несколько «блесток». Три или четыре клика должны сделать свое дело:

Шаг 6: Загрузите набор «Круглые кисти с размером»

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

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

Фотошоп спросит, хотите ли вы заменить ваши текущие кисти на кисти из набора «Круглые кисти с размером». Нажмите ОК . Вы можете легко восстановить кисти по умолчанию в Photoshop, вернувшись в это же меню и выбрав «Сбросить кисти»:

Шаг 7: выберите кисть «Airbrush Soft Round 17»

Загрузив новый набор кистей, прокрутите список вниз, пока не найдете Airbrush Soft Round 17 . Нажмите на него, чтобы выбрать его:

Шаг 8: нажми несколько случайных точек с новой кистью

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

Если вам не нравится, где вы нажали, нажмите Ctrl + Z (Победа) / Command + Z (Mac) на клавиатуре, чтобы отменить последний щелчок, затем повторите попытку:

Шаг 9: загрузи набор «Разные кисти»

Давайте переключимся на третью кисть. Опять же, нам нужно загрузить другой набор кистей в Photoshop, поэтому нажмите еще раз на значок меню в правом верхнем углу панели «Наборы кистей»:

На этот раз выберите набор Ассорти кистей в верхней части списка:

Фотошоп снова спросит, хотите ли вы заменить существующие кисти новыми кистями. Нажмите ОК :

Шаг 10: выберите кисть «Starburst — Small»

С загруженными Assorted Brush прокручивайте список вниз на панели « Наборы кистей», пока не найдете Starbust — Маленькая кисть. Нажмите на него, чтобы выбрать его:

Шаг 11: нажми еще несколько случайных точек

Нажмите еще несколько случайных точек, чтобы добавить наш третий и последний тип блеска в дизайн:

Шаг 12: Определите новый пресет кисти

Мы добавили наши блестки. Все, что нам нужно сделать сейчас, это сохранить наш дизайн в виде кисти. Для этого перейдите в меню « Правка» в верхней части экрана и выберите « Определить набор кистей» :

Фотошоп откроет диалоговое окно, где мы можем дать имя нашей новой кисти. Назовите это «Sparkle Brush»:

Нажмите OK, когда вы закончите, и ваша новая кисть блеска создана! На этом этапе вы можете закрыть документ, поскольку нам больше не нужно его открывать. Также нет необходимости сохранять документ при запросе Photoshop, так как кисть уже создана.

Шаг 13: открой свою фотографию

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

Шаг 14: добавь новый пустой слой

Мы хотим, чтобы след блеска был отделен от фотографии (чтобы мы не делали постоянных изменений в оригинале), поэтому мы поместим след блеска на отдельный слой. Чтобы добавить новый слой, щелкните значок « Новый слой» в нижней части панели «Слои» :

Photoshop создает новый пустой слой, называет его «Слой 1» и размещает его над изображением на фоновом слое :

Шаг 15: выбери инструмент кисти

Выберите инструмент Brush Tool на панели инструментов, если он еще не выбран:

Шаг 16: установите цвет переднего плана на белый

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

Шаг 17: выбери блеск для кисти

Выбрав инструмент Brush Tool, щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте изображения, чтобы быстро открыть палитру Photoshop Brush Preset и выберите «Sparkle Brush» из списка:

Шаг 18: открой панель кисти

Перед тем, как рисовать кистью, нам нужно установить некоторые динамические элементы управления кистью в Photoshop. Откройте панель «Кисть », щелкнув значок переключения панели «Кисть» на панели параметров.

Шаг 19: очисти свои кисти

Давайте удалим все элементы управления кисти, которые уже могут быть активными, нажав на значок меню в правом верхнем углу панели «Кисть»:

Затем выберите Clear Brush Controls из списка:

Шаг 20. Выберите категорию «Динамика формы»

Элементы управления кисти разделены на категории, и вы найдете категории, перечисленные в левой части панели «Кисть». Во-первых, давайте откроем категорию Shape Dynamics , выбрав ее в верхней части списка. Поскольку мы выбираем разные категории, убедитесь, что вы нажимаете непосредственно на само название категории, а не внутри флажка, в противном случае вы включите категорию, но у вас не будет доступа ни к одному из ее параметров:

Шаг 21: Установите параметры «Управление» и «Угол»

С выбранной Shape Dynamics вы увидите слайдер Size Jitter в верхней части опций, а непосредственно под ним вы увидите опцию Control . Это не совсем очевидно, но технически эта опция управления является опцией «контроль размера». Это позволяет нам выбирать, что, во всяком случае, будет контролировать размер кисти во время рисования. Измените параметр управления на Fade . Вы можете оставить значение по умолчанию равным 25 , но помните, где его найти, потому что вы можете захотеть вернуться и изменить его позже:

Установив для параметра «Управление размером» значение «Исчезать», Photoshop будет постепенно уменьшать размер кисти до нуля по мере того, как мы рисуем мазок кисти, и будет делать это, используя указанное нами количество «шагов», которое в данном случае равно 25. Возможно, вам придется поэкспериментировать с количеством шагов, чтобы заставить ваш искровой след правильно исчезать с вашим изображением (именно поэтому я упомянул, что вы должны помнить, где найти это значение), но 25 — хорошее место для начала.

Также в разделе Shape Dynamic увеличьте Angle Jitter до 100% . Это позволит Photoshop поворачивать угол кисти, когда мы рисуем, помогая нашим блесткам выглядеть более случайным и менее похожим на повторяющийся узор:

Шаг 22: выбери категорию «Рассеяние»

Далее выберите категорию « Рассеяние », прямо под динамикой формы:

Шаг 23: Установите параметры «Scatter» и «Count»

Увеличение Scatter сумму 110% , а затем увеличить Count значение 3 и Count Jitter до примерно 40% :

Шаг 24: Выберите категорию «Передача»

Давайте откроем еще одну категорию, на этот раз Transfer :

Шаг 25: увеличьте «непрозрачность дрожания» до 50%

Увеличьте значение непрозрачности джиттера до 50% . Это добавит случайные уровни прозрачности к нашим блесткам:

Шаг 26: Нажми на «Форму кончика кисти»

Наконец, давайте переключимся на общие параметры кисти, щелкнув « Форма кисти» , прямо над категорией «Динамика формы»:

Шаг 27: увеличьте интервал до 50%

Внизу внизу опций увеличьте значение Spacing до 50% . Интервал определяет максимальную длину нашего хода кисти (наш след искры). Как и со значением Fade, которое мы рассмотрели ранее в категории Shape Dynamics, вам, возможно, придется немного поэкспериментировать с Spacing, чтобы получить правильную длину следа искры.

В самом низу панели «Кисти», под ползунком «Интервал», вы увидите предварительный просмотр того, как будет выглядеть блеск след со всеми примененными нами параметрами кисти:

Добавление следа движения

Шаг 28: нарисуй искорку

Мы создали нашу кисть Sparkle и установили все параметры управления кистью на панели «Кисть». Мы также добавили новый пустой слой, чтобы сохранить наш блеск, и мы установили цвет переднего плана на белый. Теперь самое интересное. Мы наконец-то разрисовали наш искорочный след!

Поместите курсор на или справа или слева от источника следа искры. В моем случае источником является волшебная палочка девушки, поэтому я наведу курсор слева от нее. Вы захотите сопоставить размер курсора кисти с размером объекта, что означает, что вам, скорее всего, придется изменить размер кисти. Самый простой способ сделать это, если с клавиатуры. Нажмите левую клавишу скобки ( [ ) несколько раз, чтобы уменьшить размер кисти, или правую клавишу скобки ( ] ), чтобы увеличить ее.

Здесь мы можем видеть мой курсор кисти со всеми его маленькими блестками, расположенными в основном слева от палочки, но также немного перекрывающими ее:

Чтобы нарисовать след искривления, нажмите и удерживайте кнопку мыши, а затем просто перетащите в направлении, в котором вы хотите, чтобы след искриться. В моем случае я буду перетаскивать голову девушки вниз по другой ее стороне, как будто она создала след искорки, размахивая своей палочкой в ​​воздухе.

Обратите внимание, как Photoshop затухает размер кисти (и след искорки), когда вы перетаскиваете дальше от исходной точки, пока в конечном итоге кисть не исчезнет полностью. Это результат опции Fade, которую мы установили в разделе Shape Dynamics панели Brush:

Не беспокойтесь о том, чтобы в первый раз получить правильный след. Если вас это не устраивает, просто нажмите Ctrl + Z (Победа) / Command + Z (Mac) на клавиатуре, чтобы отменить его, а затем повторите попытку.

Если след исчезает слишком быстро (или недостаточно быстро), снова нажмите Ctrl + Z (Победа) / Command + Z (Mac) на клавиатуре, чтобы отменить его. Затем вернитесь на панель «Кисть» и попробуйте другое значение « Затухание» в категории «Динамика фигуры» (шаг 21). Вы также можете попробовать настроить значение Spacing, чтобы изменить максимальную длину следа (шаг 27). Там нет спешки, так что не стесняйтесь экспериментировать, пока вы не будете довольны результатом.

Шаг 29: нарисуй дополнительные следы, чтобы добавить больше блесток (необязательно)

Если вы обнаружите, что на следе не хватает «искры», просто нарисуйте второй след поверх первого, чтобы набрать его. В моем случае я сначала уменьшу размер кисти, нажав левую клавишу скобки ( [ ) на клавиатуре. Затем я снова наведу курсор на мою кисть слева от палочки и нарисую второй, чуть меньший по размеру след искривления через середину первого:

Чтобы добавить еще больше блесток ближе к самой палочке, я уменьшу размер моей кисти, нажав пару раз кнопку левой скобки ( [ )). Затем я вытяну пару тропинок поменьше, один ближе к нижней части палочки, а другой ближе к вершине. Я даже пару раз нажму на саму палочку, чтобы добавить еще несколько блесток к источнику. Вот мой результат:

Шаг 30: Дублируйте «Слой 1»

Наш сверкающий след находится на «Слой 1» над изображением. Давайте создадим копию слоя, щелкнув «Слой 1» и перетащив его вниз на значок « Новый слой» в нижней части панели «Слои»:

Фотошоп делает копию слоя, называет его «Слой 1 копия» и помещает его над оригиналом. Обычно мы хотели бы переименовать наши слои и дать им имена, которые являются более наглядными, но поскольку для этого эффекта нам понадобится всего несколько слоев, в действительности это не нужно:

Шаг 31: примени фильтр Gaussian Blur

Давайте добавим свечение к нашим блесткам, добавив небольшой эффект размытия к дублирующему слою, который мы только что создали. Мы сделаем это, используя фильтр Gaussian Blur в Photoshop. Перейдите в меню « Фильтр» в верхней части экрана, выберите « Размытие» , а затем выберите « Размытие по Гауссу» :

Откроется диалоговое окно Размытие по Гауссу, где вы найдете ползунок Радиус внизу. Значение радиуса контролирует степень размытия, которое применяется. Следите за своим изображением, перемещая ползунок вправо. Чем дальше вы тянете, тем больше размытия вы будете применять, создавая мягкое свечение вокруг блесток.

Точное значение, которое вам нужно, будет зависеть от размера вашего изображения. Для более крупного изображения, такого как изображение, которое я использую, значение радиуса от 15 до 20 пикселей хорошо работает. Для небольших изображений вам нужно использовать меньшее значение:

Нажмите OK, чтобы закрыть диалоговое окно Gaussian Blur, и вот мой результат. Тропа искр определенно начинает выглядеть более «волшебной»:

Шаг 32: продублируйте слой «копия 1 слоя»

Давайте сделаем копию размытого слоя, щелкнув «Слой 1 копия» и перетащив его вниз на значок « Новый слой» в нижней части панели «Слои». Когда вы отпустите кнопку мыши, Photoshop поместит ее копию под названием «Слой 1 копия 2» над другими слоями:

Шаг 33: добавь стиль слоя «Outer Glow»

Чтобы закончить эффект, давайте добавим немного цвета в свечение вокруг блесток. Для этого мы будем использовать стиль слоя Outer Glow. Нажмите на значок « Стили слоев» (значок «fx») внизу панели «Слои»:

Затем выберите Outer Glow из списка:

Откроется диалоговое окно «Стиль слоя», в котором в среднем столбце установлены параметры «Внешнее свечение». Сначала увеличьте непрозрачность свечения до 100% . Это облегчит просмотр выбранного нами цвета. Затем, чтобы выбрать цвет, нажмите на образец цвета :

Выберите цвет, который вы хотите использовать, из палитры цветов Photoshop . В моем случае я выберу красновато-розовый, чтобы соответствовать цвету платья девушки:

Нажмите кнопку ОК, чтобы закрыть палитру цветов. Затем вернитесь в диалоговое окно «Стиль слоя» и уменьшите непрозрачность свечения, чтобы уменьшить его интенсивность. Я опущу мой до 60% :

Нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Стиль слоя». И с этим мы закончили! Здесь, после добавления некоторого цвета к моему следу блеска со стилем слоя Outer Glow, мой окончательный результат:

И с этим мы закончили! Вот, после добавления цвета к следу блеска, мой окончательный результат:

И там у нас это есть! Вот так можно создать собственную кисть для блеска с нуля в Photoshop и как использовать кисть для добавления волшебного следа блеска к фотографии! Надеюсь, вам понравилось, и не забудьте заглянуть в наш раздел « Фотоэффекты », чтобы получить более подробные пошаговые руководства по эффектам Photoshop!