Как в фотошопе нарисовать мыльные пузыри. Создаем пузырьки на фотошопе

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

Давайте сделаем сами кисть в виде прозрачного шарика или в виде пузырька.

Применение такой кисти может быть самое разное.

Добавим пузырьки на готовое фото с котенком.

В другом варианте создадим фантастический фон для коллажа.

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

Командой "Файл - Создать" создаем новый файл с параметрами "500х500рх".

Заливаем черным цветом.

Добавляем новый слой.

На новом слое рисуем круг инструментом "Овальная область" при нажатой клавише "Shift".

Заливаем выделенную область белым цветом.

Не снимаем выделение.

Добавляем еще один новый слой. Область выделения остается такой же и на новом слое. Делаем тонкую белую обводку, которая и будет служить контуром нашей кисти-пузырька.

Обводка делается командой "Редактирование - Выполнить обводку". Цвет обводки - "белый", толщина "1-2 рх", расположение - "внутри".

На рисунке видна обводка при отключенном втором слое.

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

Выделение у нас по прежнему остается. Проверьте, чтобы кнопочка с инструментом "Овальная область" была нажата.

Смещаем область выделения на втором слое немного вверх и вправо.

Нажимаем клавишу "Delete".

От белого круга у нас останется тоненький полумесяц.

Сделаем внутренний край полумесяца размытым.

Не снимаем выделение. Кнопочка с инструментом "Овальная область" должна быть нажата.

Применяем команду "Выделение - Уточнить край" и выставляем параметр растушевки "25рх".

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

Параметр подбираем экспериментальным путем. В уроке выставляем "25рх".

Нажимаем клавишу "Delete" несколько раз (от 5 до 10 раз).

Визуально наблюдаем за изменениями, происходящим на рисунке при очередном нажатии на клавишу "Delete".

Внутренний край получился размытым, а внешний остался ровным и четким.

Добавим блик на поверхности пузырька.

Рисуем пятно белого цвета мягкой кистью размером "200рх".

Объединяем слои.

Делаем инверсию изображения командой "Изображение - Коррекция - Инверсия".

Форма отпечатка кисти готова. Сохраняем новую кисть командой "Редактирование - Определить кисть". Даем название кисти или просто сохраняем ее под номером. Новая кисть будет в конце списка.

Начнем фантазировать и рисовать пузырьки на картинках. Открываем новую картинку, например, цветы автора S.Tori.

Добавляем новый слой, на котором и будем рисовать пузырьки. Выбираем нашу новую кисть и выставляем ее размер, например, "100рх".

Щелкаем мышкой в разных частях картинки и видим все пузырьки одного размера.

Включаем панель "Кисти".

Увеличиваем интервал до "200%".

Добавляем параметры "Динамика формы".

Движок параметра "Колебание размера" поставим на "100%".

В окне просмотра наглядно показано изменение размера отпечатка.

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

Добавим еще один слой и нарисуем новые пузырьки. Уменьшим непрозрачность на этом слое до "50%". Появится некотороя перспектива и глубина изображения.

После такого подробного объяснения по созданию и настройке кисти, Вы из простого фото сделаете фантастический шедевр за несколько минут, а точнее за несколько взмахов кистью.

В этом уроке мы покажем, как создать абстрактный фон с разноцветными пузырями в Photoshop. Вы научитесь добавлять Стили слоя (Layer Style s), рисовать пузыри, применять кисти и т.д. К уроку предоставляется PSD-файл. Приступим!

Предпросмотр итогового изображения

Шаг 1

Начнем с создания Нового документа (New) (Ctrl+N) в Photoshop CS5 размером 1920х1200 пикс. (режим RGB) и разрешением 72 пикс. Используйте инструмент Заливка (Paint Bucket) (G), чтобы залить черным цветом новый слой.

Теперь возьмите инструмент Эллипс (Ellipse) (U) (Ellipse) (U), чтобы нарисовать овал. Воспользуйтесь инструментом Выделение контура (Direct Selection) (A), чтобы изменить фигуру, как показано на изображении.

Шаг 2

Кликните по иконке Добавить стиль слоя (Add Layer Style), расположенной в нижней части панели слоёв и выберите Наложение градиента (Gradient Overlay).

Редактора градиента (Gradient Editor) и установите указанные цвета. Нажмите Ок, чтобы закрыть диалоговое окно Редактор градиента (Gradient Editor).

У нас получилась следующая фигура:

Шаг 3

Теперь над слоем с нашей фигурой создадим новый слой. Выделите оба слоя и нажмите сочетание клавиш Ctrl+E, чтобы объединить их. На растрированном слое примените следующий фильтр. Фильтр > Размытие > Размытие по Гауссу (Filter > Blur> Gaussian Blur).

Получается следующий результат:

Шаг 4

С помощью инструмента Эллипс (Ellipse) (U) и Выделение контура (Direct Selection) (A)создайте фигуру, как показано на изображении.

Установите параметр Заливка (Fill) на 50%. Кликните по иконке Стилей слоя (Layer Styles) в нижней части панели слоев и выберите Внутреннее свечение (Inner Glow).

Добавьте Тиснение (Bevel and Emboss):

Примените Наложение градиента (Gradient Overlay)

Редактор градиента (Gradient Editor), и установите указанные цвета. Нажмите Ок, чтобы закрыть диалоговое окно.

У нас получилось следующее:

Шаг 5

Для создания следующей фигуры мы будем использовать несколько элементов. Для начала с помощью инструмента Эллипс (Ellipse) (U) нарисуем маленький овал, на котором установим три опорные точки с помощью инструмента Добавить опорную точку (Add Anchor Point). Инструмент Угол (Convert Point) понадобится для коррекции фигуры.

Установите Заливку (Fill) на 0% для этого слоя и добавьте Стиль слоя (Layer Style) Обводка (Stroke).

Тип заливки установите на Градиент (Gradient) и кликните по цветовой панели для вызова Редактора градиента (Gradient Editor). Установите цвета, как показано ниже. Нажмите Ок, чтобы закрыть диалоговое окно.

У нас получилось следующее:

Шаг 6

Создайте копию последнего слоя и воспользуйтесь инструментом Свободная трансформация (Free Transform) (Ctrl+T), чтобы сместить его вправо. Установите Непрозрачность (Opacity)для этого слоя на 34%.

Шаг 7

Создайте копию самой первой фигуры. Вызовите Свободную трансформацию (Free Transform), чтобы немного эту копию уменьшить, применив к ней различные настойки.

Кликните по иконке Стилей слоя (Layer Styles) в нижней части панели слоёв и выберите Внутреннюю тень (Inner Shadow).

Добавьте Внешнее свечение (Outer Glow):

Тиснение (Bevel and Emboss):

Примените Наложение градиента (Gradient Overlay):

Редактор градиента (Gradient Editor) и установите цвета, как показано. Нажмите Ок, чтобы закрыть диалоговое окно.

У нас получилось следующее:

Шаг 8

С помощью того же метода создадим следующий элемент, используя инструмент Эллипс (Ellipse) (U) и Угол (Convert Point).

Установите Заливку Стилей слоя (Layer Styles) в нижней части панели слоев для выбора Внутренней тени (Inner Shadow).

Добавьте Внутреннее свечение (Inner Glow)

Примените Тиснение (Bevel and Emboss):

Вот, что у нас получилось:

Шаг 9

Добавьте Маску (Layer Mask) к слою, выбрав Добавить маску слоя (Add a layer mask) в нижней части панели слоёв. Выберите кисть Soft Mechanical черного цвета.

Закрасьте ей маску по левому краю, затем примените инструмент Палец (Smudge), чтобы достичь того же эффекта, что на изображении.

Шаг 10

Создайте копию последнего слоя и используйте инструмент Свободная трансформация (Free Transform), чтобы сделать ее меньше. Также примените к этому слою различные настройки:

Установите Заливку Стилей слоя (Layer Styles) в нижней части панели слоёв и выберите параметр Внутренняя тень (Inner Shadow):

Добавьте Тиснение (Bevel and Emboss):

Примените Наложение градиента (Gradient Overlay)

Кликните по цветовой панели, чтобы открыть Редактор градиента (Gradient Editor), и установите цвета, как показано на изображении. Нажмите Ок, чтобы закрыть диалоговое окно Редактор градиента (Gradient Editor).

Вот, что у нас получилось:

Добавьте к этому слою Маску слоя (Layer Mask) и примените те же действия, что в предыдущем примере.

Шаг 11

Создайте еще одну копию последнего созданного слоя, и на этот раз используйте инструмент Выделение контура (Direct Selection), чтобы переместить нижнюю опорную точку влево. Примените для этого слоя различные настройки.

Установите Заливку (Fill) для этого слоя на 0%. Кликните по иконке Стилей слоя Внутренняя тень (Inner Shadow).

Примените Внутреннее свечение (Inner Glow):

Примените Тиснение (Bevel and Emboss):

Примените Наложение градиента (Gradient Overlay)

Кликните по цветовой панели, чтобы открыть Редактор градиента (Gradient Editor) и установите цвета, как указано на изображении ниже. Нажмите Ок для закрытия диалогового окна Редактор градиента (Gradient Editor).

Вот, что у нас получилось:

Шаг 12

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

Установите Заливку (Fill) на 0% для этого слоя и кликните по иконке Добавить Стиль слоя (Layer Style) в нижней части Панели слоёв, чтобы выбрать параметр Внутренняя тень (Inner Shadow):

Внутренне свечение (Inner Glow)

Тиснение (Bevel and Emboss)

Наложение градиента (Gradient Overlay)

Параметры градиента те же, что и в предыдущем шаге.

Шаг 13

Добавьте к этому слою Маску слоя (Layer Mask), выбрав Добавить маску слоя (Add a layer mask) в нижней части панели слоёв. Выберите круглую кисть с мягкими краями черного цвета (установите Непрозрачность (Opacity)на 10% в панели настроек).

Закрасьте маску, используя эту кисть, чтобы спрятать следующие участки фигуры:

Шаг 14

Теперь выберите инструмент Эллипс (Ellipse) (U), выберите инструмент Выделение контура (Direct Selection) и Угол (Convert Point), чтобы воспроизвести уже известную нам фигуру.

Кликните по иконке Стилей слоя (Layer Styles) в нижней части панели инструментов и выберите Внутренняя тень (Inner Shadow).

Внутреннее свечение (Inner Glow)

Тиснение (Bevel and Emboss)

Наложение градиента (Gradient Overlay):

Кликните по цветовой панели, чтобы вызвать Редактор градиента (Gradient Editor) установите цвета, как показано. Нажмите Ок, чтобы закрыть Редактор градиента (Gradient Editor).

Мы получили следующий результат:

Добавьте Маску слоя (Layer Mask), выбрав Добавить маску слоя (Add a layer mask) в нижней части панели слоев и выберите круглую мягкую кисть (установите Непрозрачность (Opacity)на 80% в панели настроек).

С помощью этой кисти закрасьте выступающие части фигуры:

Шаг 15

Теперь по уже известной нам методике воспроизведем следующую фигуру.

Нажмите Добавить Стиль слоя (Add Layer Style) в нижней части панели инструментов и выберите Внутренняя тень (Inner Shadow)

Внутреннее свечение (Inner Glow)

Тиснение (Bevel and Emboss)

Глянец (Satin)

Примените Наложение градиента (Gradient Overlay):

Откройте Редактор градиента (Gradient Editor) и установите цвета, как показано на изображении. нажмите Ок, чтобы закрыть диалоговое окно Редактор градиента (Gradient Editor).

Вот, что у нас получилось:

Шаг 16

Создайте копию созданного слоя и выберите Свободную трансформацию (Free Transform) Ctrl+T, поместите ее, как показано на изображении. Удалите Стиль слоя (Layer Style) Тиснение (Bevel and Emboss).

Шаг 17

Создайте новый слой и круглой жесткой кистью нарисуйте маленький круг цвета #60FFC3 (установите Непрозрачность (Opacity)на 20% в панели настроек).

Вот, что получается:

Шаг 18

Создайте копию последнего созданного слоя и примените следующий фильтр: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur> Gaussian Blur). Поместите этот слой под предыдущим. Чтобы лучше было видно эффект, спрячьте верхний слой.

Вот, что у нас получилось:

Снова сделайте видимым верхний слой:

Затем растрируйте ранее созданный слой. Создайте над ним новый слой, выделите оба эти слоя в панели слоев и нажмите Ctrl+E, чтобы объединить их. Создайте копию растрированного слоя и выберите инструмент Свободная Трансформация (Free Transform), чтобы сделать слой поменьше размером, разместив его, как показано ниже:

Шаг 19

Теперь создайте маленький овал с помощью инструмента Эллипс (Ellipse) (U).

Кликните по иконке Добавить Стиль слоя (Layer Style) в нижней части панели слоев и выберите Внутренняя тень (Inner Shadow).

Внутреннее свечение (Inner Glow):

Тиснение (Bevel and Emboss)

Примените Наложение градиента (Gradient Overlay)

Кликните по цветовой панели для вызова Редактора градиента (Gradient Editor) и установите цвета, как показано. Нажмите Ок, чтобы закрыть Редактор градиента (Gradient Editor).

Вот, что получилось:

Шаг 20

Создайте несколько копий последнего созданного слоя и выберите инструмент Свободная трансформация (Free Transform) (Ctrl+T), чтобы изменить размер копий, помещая их, как показано на изображении ниже:

Шаг 21

На следующем новом слое с помощью кисти Soft Mechanical цвета #FFFF00 закрасьте, как показано на изображении ниже.

Вот, что должно получиться:

Установите Режим смешивания (Blend Mode) для этого слоя на Жесткое смешение (Hard Mix).

Шаг 22

Используя инструмент Эллипс (Ellipse) (U), создайте маленький овал.

Кликните по иконке Добавить стили слоя (Add layer styles) в нижней части панели слоев и выберите Внешнее свечение (Outer Glow).

Примените Наложение градиента (Gradient Overlay):

Кликните по цветовой панели для вызова Редактора градиента (Gradient Editor) и установите цвета, как показано. Кликните Ок, чтобы закрыть диалоговое окно Редактор градиента (Gradient Editor).

Вот, что у нас получилось

Шаг 23

Создайте две копии последнего созданного слоя и примените Свободную трансформацию (Free Transform), чтобы изменить размеры копий. Для выделить копии перейдите в меню Стили слоя (Layer Styes) > Внешнее свечение (Outer Glow).

Вот, что получается

Шаг 24

Теперь нам нужно взять инструмент Эллипс (Ellipse) (U) и Угол (Convert Point), чтобы нарисовать следующую фигуру, похожую на растянутый эллипс.

Непрозрачность Непрозрачность (Opacity)кисти - 15%).

Вот, что у нас получилось:

Кликните по иконке Создать Новый корректирующий слой (Create New adjustment layer) в нижней части панели инструментов, выберите Кривые (Curves), чтобы произвести цветокоррекцию:

Вот, что должно получиться:

Наш векторный абстрактный фон с разноцветными пузырями готов!

Полный размер можно посмотреть .

Скачать бесплатный послойный PSD-файл можно .

Перевод: Анцыперович Александра

чудоюдное чудо чудное а так же чудесно чудноватое чудо /Генма/

Разработка индивидуальных кистей в Фотошоп - это легкий и быстрый
путь для создания различных форм и текстур, особенно если они служат
для многократного использования. Часто применимы для дизайнерских работ.

1. Вступление.

Я использовал версию Adobe Photoshop 7.

2. Создание изображения пузырька.

Начнем с выбора инструмента Brush Tool (B) ,
кисть создавать мы будем в черно-белых тонах, где белая область будет
прозрачной в дальнейшем, а черная будет окрашиваться. Все полутона
серого будут в зависимости от интенсивности цвета частично прозрачными.
Вы также можете воспользоваться готовыми кистями, например photoshop -bubble-puzyrki.html" target="_blank">этими.

Мы создадим пузырек на черном фоне светлой мягкой кистью, так нам
будет наглядней, что же мы получим в итоге. Я сделал его несколько
размытым, т.к. не хочу чтобы пузри были слишком отчетливо выражены на
изображении. Когда закончите рисовать, инвертируйте изображение (Ctrl+I ).

Теперь возьмите инструмент Rectangular Marquee tool (M)
и сделайте выделение вокруг пузыря, можете оствить немного белого
вокруг него. Теперь определите содержимое выделения как кисть, для
этого идем в Edit > Define Brush Preset и сохраняем под именем Bubbles .

3. Настройки кисти.

Теперь перейдем на панель настроек Кистей, она находится справа вверху Вашего экрана. Выберите инструмент Кисть (Brush Tool (B) ) иначе панель настроек будет неактивна.

Кликните по пункту Brush Tip Shape и выберите созданную нами кисть Bubbles . Установите диаметр кисти, размер моей кисти был 40px , как Вы видите на скриншоте, я увеличил диаметр до 136px , но Вы можете сейчас оставить этот параметр и вернуться к нему позже.

4. Scattering

Пузырьки не должны находится на одной линии, для достижения этого эффекта перейдите в Scattering на панели настройки кистей, поиграйте с настройками. Я установил галочку рядом с Both Axes , чтобы рассеивание происходила в обоих направлениях. Параметр Count я выставил в 1 , чтобы пузырей было не слишком много.

Выглядит уже гораздо лучше

5. Shape Dynamics.

Нам необходимо сделать чтобы размер и форма кисти были различными, кликните по Shape Dinamics на панели настроек кистей, сейчас будет самое интересное.

Я выставил Size Jitter в 100% и Minimum Diametr в 1%, таким образом я задал минимальный диаметр для кисти в 1%. Если у Вас есть планшет, то установите параметр Control в Pen Pressure
(выпадающее меню), таким образом Вы получите дополнительную возможность
в управлении размером кисти, в зависимости от силы нажатия пером на
планшет Вы получите различные диаметры пузырьков, чем сильнее нажмете -
тем бо льшие пузырьки Вы получите.

Теперь поработаем над формой пузырьков, она слишком однородная, поэтому развернем их немного и приплюснем с помощью параметров Angle Jitter и Roundness Jitter . Для Angle Jitter
зададим небольшое значение, т.к. задав слишком большее, кисть будет
сильно повернута вокруг своей оси и блики будут уже не на месте, думаю 7% будет как раз. Перейдем к параметру Roundness Jitter , его установим в 100% , так пузырьки будут выглядеть более сплюснутыми, но чтобы они не были через чур плоскими, увеличим значение для Minimum Roundness до 66%.

Уже выглядит хорошо, но есть еще один параметр, который нужно отрегулировать!

6. Other Dynamics.

Вкладка Other Dynamics служит для задания динамичной прозрачности кисти, зададим параметру Opacity Jitter значение по больше, я взял 98% , чтобы было больше вариантов прозрачности. Увеличим параметр Flow Jitter до 55% и параметр Control установим в Pen Pressure , чтобы при изменении размера кисти, динамика прозрачности менялась в соответствии.

Вот и все, наша кисть говотова к использованию! Хотите увидеть кисть в действии?