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

Обновлено: 07.07.2024

Этот образец файла является ресурсом Adobe Stock, который вы можете использовать для отработки того, что вы узнали из этого руководства. Если вы хотите использовать образец файла помимо этого руководства, вы можете приобрести лицензию на Adobe Stock. Ознакомьтесь с файлом ReadMe в папке, чтобы узнать об условиях, применимых к использованию вами этого примера файла.

Что вы узнали: используйте слои Shape для создания векторных объектов на изображении для социальных сетей

Создать всплывающую подсказку

Выберите инструмент "Пользовательская фигура" на панели инструментов.
На панели параметров щелкните поле "Форма", чтобы открыть окно выбора формы.
В средстве выбора фигур нажмите значок шестеренки, выберите категорию Talk Bubbles и выберите фигуру.

Примечание. В Photoshop 2020 фигуры Talk Bubble расположены в прежних фигурах и не только. Чтобы отобразить их:

• Перейдите в меню «Окно» и нажмите «Фигуры», чтобы открыть панель «Фигуры».
• Нажмите значок с тремя линиями в правом верхнем углу панели «Фигуры» и выберите «Устаревшие фигуры и другое».
• Прокрутите панель «Фигуры» до конца и разверните папку «Устаревшие фигуры и другое». Затем разверните папку All Legacy Default Shapes. Затем прокрутите вниз и разверните папку Talk Bubbles. Здесь вы можете выбрать форму всплывающего окна.

Создать еще один текстовый пузырек

На панели «Слои» щелкните правой кнопкой мыши или щелкните, удерживая клавишу Control (MacOS), слой «Фигура» и выберите «Дублировать слой».
Выбрав на панели «Слои» второй слой «Фигура», выберите инструмент «Перемещение» на панели инструментов. На изображении перетащите второй текстовый пузырек, чтобы переместить его.
Снова выберите инструмент "Пользовательская фигура" на панели инструментов, щелкните поле "Заливка" и выберите цвет для второго текстового облачка.
Выберите «Правка» > «Свободный путь преобразования» или нажмите Command+T (MacOS) или Control+T (Windows). На изображении перетащите опорные точки на втором текстовом пузыре, чтобы изменить его размер. Щелкните за пределами текстового пузыря, чтобы зафиксировать изменение.

Совет. Объекты, которые вы создаете с помощью инструментов "Фигура", являются векторными объектами, поэтому их края гладкие, и вы можете изменять их размер и преобразовывать столько раз, сколько хотите, без потери качества изображения.

Сделать рамку вокруг части изображения

Выберите инструмент «Прямоугольник» на панели инструментов.
Перетащите изображение, чтобы создать прямоугольную форму.
На панели «Свойства» щелкните поле «Цвет» и выберите значок без заливки. Щелкните поле «Обводка» и выберите цвет. Перетащите ползунок «Размер», чтобы задать размер обводки. Обводка вокруг пустого объекта выглядит как рамка вокруг части изображения
Выберите «Правка» > «Свободное преобразование» или нажмите Command+T (MacOS) или Control+T (Windows). На изображении перетащите опорные точки на объекте, чтобы изменить его размер. Нажмите Enter или Return, чтобы зафиксировать это изменение.

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

Сохраните свою работу

Выберите «Файл» > «Сохранить как», чтобы сохранить копию фотографии в формате PSD с нетронутыми слоями, чтобы при необходимости их можно было отредактировать в будущем.
Выберите «Файл» > «Сохранить как еще раз», чтобы сохранить копию изображения в формате JPEG или PNG для публикации в социальных сетях.

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

Как создать пузыри в Photoshop? Это просто! Следуйте приведенному ниже руководству и узнайте, как создать собственную пузырьковую кисть. Начнем!

Следуйте приведенным ниже инструкциям и посмотрите обучающее видео.

Примечание. В этом видео, как и в уроке на моей веб-странице, я работал в Photoshop CS6 (это мой первый видеоурок, поэтому, пожалуйста, поддержите меня).

Шаг 2. Нарисуйте форму пузыря.

Выберите инструмент Elliptical Marquee Tool. Перетащите выделение на панель, которое станет нашей основной формой пузыря.

Совет. Удерживая клавишу Shift, мыльный пузырь будет идеально круглой формы.

Шаг 3. Создайте новый слой.

В меню «Слой» в верхней части экрана выберите «Создать», а затем выберите «Слой через копирование».

На панели слоев щелкните правой кнопкой мыши по нашему новому слою и выберите Параметры наложения.

Шаг 4. Внутреннее свечение.

Появились стили слоев. В диалоговом окне стилей слоев выберите параметр «Внутреннее свечение» и измените режим наложения на «Умножение». Нажмите на образец цвета ниже и измените цвет на черный в палитре цветов. Установите размер элемента около 40 пикселей.

Шаг 5. Наложение градиента

Добавить наложение градиента. Нажмите на панель предварительного просмотра градиента и выберите градиент от черного к белому (3-й в строке). Измените стиль на Радиальный и нажмите на черную точку, а затем перетащите ее в левый верхний угол. Нажмите "ОК".

Шаг 6. Выберите кисть

Установите мягкую круглую кисть (первая кисть) и размер около 100 пикселей. Создайте новый слой и сделайте точку. Перейдите в меню «Фильтр» и выберите «Искажение», а затем «Вращение». Установите угол и нажмите «ОК». Настройте новую форму по своему усмотрению.

Шаг 7. Почти готово!

В меню «Правка» выберите «Определить набор кистей» и дайте ему имя… и вуаля! Вы можете использовать новую пузырьковую кисть.

Совет. Перейдите на панель «Окно» и откройте панель «Кисть». Вы можете настроить форму или положение пузырьков. Меняем цвет кисти на белый и начинаем рисовать 🙂

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

Предварительный просмотр

Вот финальное изображение, которое мы собираемся сделать.

Бесплатная загрузка PSD-файла

Файл PSD этого руководства находится в свободном доступе в PSD Vault. Вы можете скачать его здесь.

Ресурсы

В этом руководстве мы будем использовать следующий ресурс

Шаг 0

Перед началом обучения я хочу, чтобы вы щелкнули «Окно» > «Рабочее пространство» > «Основные» (по умолчанию), «Окно» > «Рабочее пространство» > «Сброс основных параметров», а затем «Окно» > «Рабочее пространство» > «Заблокировать рабочее пространство». Первые две команды гарантируют, что у нас обоих будет одинаковый интерфейс Photoshop, а последняя предотвратит изменение интерфейса, что может привести к путанице.

Шаг 1

Начните с создания нового файла. Существует несколько способов создания нового файла. Вы можете использовать кнопку на домашней странице или щелкнуть меню «Файл»> «Создать». Вы также можете нажать клавиатуру, Ctrl + N. Клавиатура намного быстрее, чем мышь, поэтому будет удобно, если вы помните сочетания клавиш для часто используемых команд, таких как эта.

Шаг 2

Откроется диалоговое окно для нового документа. В этом диалоговом окне вас попросят указать размер нового изображения. Я предлагаю вам сделать новое изображение шириной и высотой не менее 1000 пикселей. Вы можете просто игнорировать разрешение для этого проекта. Любое разрешение подойдет. Заполнив поля «Ширина и высота», нажмите кнопку «Создать», чтобы создать новое изображение.

Шаг 3

Все новые изображения начинаются со слоя Фон. Перейдите на панель слоев и щелкните значок плюса, чтобы добавить новый слой. Другой способ создать новый слой — использовать сочетание клавиш Ctrl + Shift + Alt + N.

Шаг 4

Активируйте инструмент Elliptical Marquee Tool на панели инструментов. Слот занят несколькими инструментами выделения. Если вы не можете найти инструмент Elliptical Marquee Tool на панели инструментов, вам нужно нажать и удерживать некоторое время, чтобы выбрать инструмент.

Шаг 5

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

Шаг 6

Нам нужно сохранить этот выбор, потому что он понадобится нам позже. Чтобы сохранить его, откройте панель каналов, она находится там же, где и панель слоев. Если вы не можете найти его, нажмите «Окно» > «Каналы». Щелкните второй значок в нижней части панели каналов. Выбор будет сохранен как новый канал с именем Alpha 1.

Шаг 7

Нажмите «Правка» > «Обводка». Команда Stroke добавит линию на край выделения.

Шаг 8

Появится диалоговое окно. Установите Ширину обводки на 5 пикселей и ее положение внутри. Измените цвет обводки, щелкнув поле его цвета.

Шаг 9

В диалоговом окне "Палитра цветов" выберите черный цвет, расположенный в углу предварительного просмотра цвета. Вы также можете ввести номер цвета: R: 0, G: 0 и B: 0. После выбора цвета нажмите кнопку OK.

Шаг 10

Вы вернетесь в диалоговое окно «Обводка». Нажмите OK, чтобы начать добавление строки.

Шаг 11

Вот что мы имеем. Черная линия шириной 5 пикселей вдоль края выделения.

Шаг 12

Нам нужно создать мягкий шар как основу пузыря, а не круг. Для этого нам нужно смягчить линию с помощью фильтра размытия. Нажмите «Фильтр» > «Размытие» > «Размытие по Гауссу».

Шаг 13

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

Шаг 14

На данный момент нам не нужен выбор. Чтобы удалить выделение, а не содержимое выделения, нажмите Ctrl + D или нажмите «Выделение» > «Отменить выделение». Мы собираемся нарисовать некоторые блики внутри пузыря. Активируйте инструмент «Кисть» на панели инструментов и уменьшите его непрозрачность до 40%. Более низкая непрозрачность означает, что краска, полученная с помощью инструмента «Кисть», будет прозрачной.

Шаг 15

Щелкните правой кнопкой мыши внутри холста и измените размер кисти примерно на 100 пикселей. Не забудьте также установить для параметра Жесткость значение 0 %, чтобы рисунок оставался мягким.

Шаг 16

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

Шаг 17

Мы поместим новую картину в отдельный слой для облегчения управления. Создайте новый слой, щелкнув значок «Добавить новый слой» на панели «Слои».

Шаг 18

С помощью инструмента "Кисть" нарисуйте кривую в левом верхнем углу пузыря.

Шаг 19

Нарисуйте еще одну кривую поверх существующей, на этот раз короче.

Шаг 20

И снова нарисуйте верхнюю часть кривой. Взгляните на изображение ниже для справки. У нас должна быть более темная область в центре кривой и более светлая область на ее краю.

Шаг 21

Повторите тот же шаг, но на этот раз меньшего размера и с противоположной стороны. Чтобы изменить размер кисти, мы можем щелкнуть правой кнопкой мыши и изменить параметр «Размер». Но есть более быстрый способ. Используйте сочетание клавиш [ или ], чтобы уменьшить или увеличить размер кисти.

Шаг 22

Высветление, которое мы только что нарисовали, очень грубое. Ничего страшного, мы легко это исправим. Просто нажмите «Фильтр» > «Размытие» > «Размытие по Гауссу». Используйте достаточно большой радиус, пока блики не станут мягче.

Шаг 23

Размытие по Гауссу, которое мы только что применили ранее, растянет пиксели, и некоторые из них могут оказаться за пределами пузыря. Мы этого не делаем. Мы должны удалить все пиксели за пределами пузыря. Вот почему мы сохранили выделение, сформировавшее пузырек, в канал. Теперь нам нужно загрузить его обратно. Откройте панель каналов и выберите канал. Нажмите Загрузить канал как значок выделения, чтобы преобразовать его в выделение.

Шаг 24

Нам нужно вернуться к исходному изображению. На панели слоев активируйте слой, на котором мы рисуем блик. Текущий выбор — это выбор внутри пузыря. Поскольку мы намерены удалить пиксели за пределами пузыря, мы инвертируем выделение. Нажмите Select > Inverse или нажмите Shift + Ctrl + I. С помощью этой команды теперь выделяются области за пределами пузырька. Теперь нажмите клавишу Delete, чтобы удалить все пиксели за пределами пузыря. Мы больше не выделяем, нажмите Ctrl + D, чтобы удалить его.

Шаг 25

Мы закончили создание пузыря. Следующий шаг — сохранить его как кисть, которая позволит нам нарисовать кучу пузырей одним мазком. Но сначала нам нужно избавиться от фона. Щелкните значок глаза слоя Фон, чтобы скрыть его. Вы получите клетчатый узор, который представляет прозрачность.

Шаг 26

Чтобы сохранить изображение пузырька как кисть, нажмите «Правка» > «Определить набор кистей».

Шаг 27

В диалоговом окне "Имя кисти" присвойте кисти подходящее имя. Нажмите OK, чтобы подтвердить это.

Шаг 28

Очевидно, что нам нужно изменить настройки кисти. Но давайте проверим кисть. Подготовьте подходящее изображение для рисования. Активируйте инструмент «Кисть» на панели инструментов. Установите цвет переднего плана на белый. Помните, что цвет переднего плана и фона по умолчанию — черный и белый. Чтобы установить для них цвет по умолчанию, нажмите D. Переключите оба цвета, нажав X.И теперь у нас есть белый цвет переднего плана.

Шаг 29

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

Шаг 30

Нажмите и перетащите, чтобы нарисовать линию из пузырьков. Мы знаем, что это не идеально, но, по крайней мере, кисть работает. Очевидно, нам нужно настроить параметры кисти. Нажмите Ctrl + Z, чтобы отменить мазок кисти.

Шаг 31

Во-первых, убедитесь, что непрозрачность кисти установлена на 100%. Для этого можно использовать ярлык. Нажмите 1 для 10%, 2 для 20%, 3 и затем 5 для 35% и 0 для 100%.

Шаг 32

Нажмите F5, чтобы открыть панель настроек кисти. Во-первых, мы хотим установить параметр Size. Размер пузырьков должен соответствовать изображению.

Шаг 33

Давайте протестируем кисть. Проведите один раз, чтобы увидеть результат. Я думаю, что это намного лучше. Нажмите Ctrl + Z, чтобы отменить мазок кисти.

Шаг 34

Мы вернемся к панели настроек кисти. Активируйте раздел «Динамика формы». Увеличьте дрожание размера до 85%. Колебание размера позволит произвольно изменять размер кисти.

Шаг 35

Протестируйте кисть. Размер пузырьков теперь разнообразен. Повторите мазок кистью, нажав Ctrl + Z.

Шаг 36

Немного увеличьте дрожание угла и дрожание округлости. Колебание угла добавит кисти случайное вращение, а дрожание округлости добавит случайное искажение форме пузырька.

Шаг 37

Далее активируйте Рассеивание. Рассеивание растянет пузырь и сделает результат совершенно случайным. Увеличьте размер разброса. Пузыри больше не выстраиваются в линию, а растекаются.

Шаг 38

Увеличьте значение Count до 3, чтобы удвоить количество движений кисти при каждом мазке.

Шаг 39

Создайте новый слой, щелкнув значок "Добавить новый слой" на панели "Слои". Всегда полезно рисовать в другом слое, а не прямо на изображении. Таким образом, если вам не нравится результат, вы можете просто удалить слой и начать все сначала. Оригинал будет защищен от любых изменений.

Шаг 40

Нажмите и перетащите, чтобы добавить пузыри, исходящие от дайвера.

Шаг 41

Уменьшите размер кисти, несколько раз нажав клавишу [. Нарисуйте еще пузыри.

Заключение

Не стесняйтесь добавлять к изображению больше. Я надеюсь, вам понравится результат и, что более важно, вы ощутите силу пользовательской кисти. Помните, что вы всегда можете использовать другое изображение, а не только пузырь. Например, вы можете создать собственную кисть, которая рисует случайную траву, листья или звезды.

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

В начале я хотел бы найти картинку, на которой мы будем создавать эффект мыльных пузырей. Думаю, этот будет хорош. Откройте изображение и создайте новый слой поверх холста. Затем создайте круглое выделение с помощью Elliptical Marquee Tool и залейте его белым цветом.

После этого используйте Select > Modify > Contract и сожмите выделенную область примерно на 1 пиксель, затем нажмите кнопку Delete, чтобы снять выделение.

Хорошо, затем создайте новый слой и примените Edit > Stroke со следующими пресетами:

Теперь у вас есть что-то вроде этого:

Снимите выделение с помощью Ctrl+D и примените Фильтр > Размытие > Размытие по Гауссу, используя настройки, подобные этим:

После этого нажмите Ctrl+T и уменьшите размер текущего слоя примерно на 93 % по горизонтали и вертикали.

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

После этого примените Filter > Pixelate > Color Halftone и установите следующие значения.

Теперь у нас есть что-то вроде того, что вы видите ниже:

Применить размытие > Фильтр > Сферизация:

Почувствуйте разницу прямо сейчас:

После этого используйте еще один Фильтр > Размытие > Размытие по Гауссу и настройте следующие параметры.

Результат должен быть следующим:

Хорошо, теперь поиграем с режимом слоя и непрозрачностью/заливкой. Я попробовал Overlay с заливкой 20%. После этого создайте новый слой и немного залейте его градиентом от белого до прозрачного!

Снимите выделение с помощью Ctrl+D и объедините все слои с мыльными пузырями в один. Затем немного размойте новый слой с помощью Фильтр > Размытие > Размытие по Гауссу:

Снова установите режим слоя как «Наложение». Хорошо, теперь используйте Ctrl+T, чтобы уменьшить пузырек настолько, насколько хотите.

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

Извините, но на данный момент мы закончили. Наслаждайтесь своими настоящими красивыми мыльными пузырями!

Читайте также: