Как в фотошопе залить фигуру цветом: Заполнение областей с похожим цветом основным цветом

Диалоговое окно «Новое» в Photoshop CS6.

Смотрите видео и оставляйте комментарии на нашем канале YouTube!

Шаг 2. Выберите инструмент Custom Shape Tool

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

Выберите инструмент Custom Shape Tool на панели инструментов. По умолчанию инструмент «Произвольная фигура» расположен за инструментом «Прямоугольник». Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на инструменте «Прямоугольник», затем выберите инструмент «Пользовательская форма» в меню:

Выбор инструмента Custom Shape Tool на панели инструментов.

Шаг 3. Установите для режима инструмента значение «Форма»

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

Photoshop называет векторные фигуры просто «фигурами». Выбрав инструмент Custom Shape Tool, убедитесь, что для параметра Tool Mode на панели параметров установлено значение Shape :

.

Установка режима инструмента на «Форма» на панели параметров.

Шаг 4: Установите черный цвет формы

Чтобы мы могли видеть нашу форму на белом фоне, мы установим цвет заливки формы на черный . Вы найдете образец цвета Fill на панели параметров (непосредственно рядом с параметром «Режим инструмента»).

По умолчанию цвет уже будет черным. Если это не так, нажмите на клавиатуре букву D . Это сбросит ваши цвета переднего плана и фона на значения по умолчанию, сделав цвет переднего плана (и цвет заливки фигуры) черным:

Образец цвета заливки на панели параметров.Убедитесь, что он черный.

Шаг 5. Загрузите пользовательские формы

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

Миниатюра формы на панели параметров отображает текущую выбранную форму. Нажмите на миниатюру, чтобы выбрать другую форму:

Щелкните эскиз фигуры на панели параметров.

Откроется окно выбора формы Custom с эскизами всех фигур, из которых мы можем выбрать. Как я уже упоминал, по умолчанию отображается только несколько фигур. Давайте загрузим все формы, чтобы у нас было больше выбора.

Щелкните значок меню (значок шестеренки) в правом верхнем углу окна выбора пользовательской формы:

Щелкните значок меню «Выбор произвольной формы».

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

Загрузка всех наборов пользовательских фигур в Photoshop.

Photoshop спросит, хотите ли вы заменить текущие фигуры новыми. Поскольку фигуры по умолчанию включены в различные наборы фигур, мы ничего не потеряем, заменив их, поэтому нажмите ОК :

Щелкните OK, чтобы заменить текущие формы новыми.

Шаг 6. Выберите нестандартную форму

Вернувшись в Custom Shape Picker, теперь у нас есть гораздо больше фигур на выбор. Прокрутите миниатюры, пока не найдете тот, который хотите использовать. Форма сердца (которая на самом деле является частью фигур по умолчанию) — популярный выбор. Но для чего-то другого я выберу форму бабочки .

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

Выбор нестандартной формы бабочки.

Шаг 7: Нарисуйте форму

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

Когда вы рисуете фигуру, вы увидите только контур контура того, как она будет выглядеть:

Щелкните в верхнем левом углу, удерживая Shift, перетащите в нижний правый угол.

Чтобы завершить форму, отпустите кнопку мыши, затем отпустите клавишу Shift. Убедитесь, что вы сначала отпустили кнопку мыши, затем , затем клавишу Shift, иначе соотношение сторон фигуры может измениться. Photoshop рисует фигуру, заполняя ее черным:

Photoshop рисует форму, когда вы отпускаете кнопку мыши.

Если мы посмотрим на панель «Слои», мы увидим фигуру, сидящую на собственном слое Фигуры над белым фоновым слоем:

Панель «Слои», на которой отображается слой «Форма» над фоновым слоем.

Шаг 8: переместите фигуру в центр

Чтобы переместить форму в центр документа, выберите инструмент Photoshop Move Tool на панели инструментов:

Выбор инструмента «Перемещение».

Затем нажмите на фигуру и перетащите ее в центр. Он должен встать на место, когда вы приблизитесь к середине:

Перемещение формы на место.

Шаг 9. Откройте изображение

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

Изображение, которое я помещу внутрь фигуры. Фото: Adobe Stock.

Шаг 10: Выберите и скопируйте изображение

Давайте скопируем изображение и вставим его в документ фигуры. Поднимитесь в меню Select вверху экрана и выберите All . Вы увидите контур выделения вокруг изображения.

Выбираю> Все.

Выбрав изображение, перейдите в меню Правка и выберите Копировать :

Идем в Edit> Copy.

Шаг 11. Вставьте изображение в документ формы

Вернитесь к документу формы, щелкнув вкладку чуть ниже панели параметров. Если вы не назвали документ при его создании (а мы этого не сделали), он, скорее всего, называется «Без названия-1»:

.

Щелкните вкладку документа формы.

Затем вернитесь в меню Edit и на этот раз выберите Paste :

Идем в Edit> Paste.

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

Изображение было вставлено в документ фигуры.

Шаг 12: Создайте обтравочную маску

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

Панель «Слои», показывающая изображение над фигурой.

Чтобы разместить изображение внутри формы, все, что нам нужно сделать, это создать обтравочную маску. Убедитесь, что у вас выбран слой изображения («Слой 1»). Затем перейдите в меню Layer вверху экрана и выберите Create Clipping Mask :

.

Переходим в Layer> Create Clipping Mask.

Это «обрезает» изображение на «Слое 1» на слое Shape под ним, что означает, что единственная часть изображения, которая остается видимой в документе, — это область, которая находится непосредственно над (или перед) формой.Остальная часть изображения теперь скрыта, создавая иллюзию, что изображение на самом деле находится внутри формы:

Обтравочная маска помещает изображение внутри формы.

И если мы снова посмотрим на панель Layers, мы увидим, что «Layer 1» смещен вправо с маленькой стрелкой, указывающей вниз на слой Shape под ним. Вот как Photoshop сообщает нам, что изображение теперь обрезано по форме:

Панель «Слои», показывающая изображение, обрезанное по слою «Форма».

Шаг 13: Измените размер и положение изображения с помощью Free Transform

Чтобы изменить размер и положение изображения внутри фигуры, снова убедитесь, что у вас выбран «Слой 1». Затем перейдите в меню Edit и выберите Free Transform :

Идем в Edit> Free Transform.

При этом поле «Свободное преобразование» и ручки (маленькие квадраты) будут окружать фактические размеры вашего изображения, включая область за пределами видимого холста. Если вы не видите все свои дескрипторы Free Transform, потому что ваше изображение слишком велико для того, чтобы полностью поместиться на экране, перейдите в меню View и выберите Fit on Screen :

Перехожу в «Просмотр»> «По размеру экрана».

Photoshop автоматически настроит уровень масштабирования так, чтобы было видно все поле «Свободное преобразование». Здесь мы видим мой блок Free Transform, простирающийся справа от холста:

Рамка «Свободное преобразование» появляется вокруг всего изображения.

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

Чтобы переместить изображение внутри формы, щелкните в любом месте внутри поля «Свободное преобразование» и перетащите изображение на место.

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

Использование свободного преобразования для изменения размера и перемещения изображения внутри фигуры.

Когда будете готовы, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы зафиксировать изменение и закрыть команду Free Transform:

Изображение теперь лучше вписывается в форму.

Шаг 14: Измените цвет фона

На этом основной эффект «изображение в форме» готов! Конечно, мы всегда можем сделать больше, чтобы настроить его и сделать еще лучше. Единственное, что мы можем сделать, это изменить цвет фона.

Самый простой способ изменить цвет фона — использовать один из слоев заливки Solid Color в Photoshop. Нам потребуется, чтобы слой заливки сплошным цветом появился между фоновым слоем и слоем формы, поэтому сначала нажмите на фоновый слой на панели слоев, чтобы выбрать его:

Выбор фонового слоя.

Затем щелкните значок New Fill или Adjustment Layer в нижней части панели Layers:

Щелкните значок «Новая заливка или корректирующий слой».

Выберите Solid Color из верхней части списка:

Добавление сплошного слоя заливки.

Photoshop открывает палитру цветов , где мы можем выбрать новый цвет. Черный — популярный выбор в качестве цвета фона для этого эффекта, поэтому давайте посмотрим, как он выглядит:

Выбор черного в палитре цветов.

Черный определенно подчеркивает детали формы, но в качестве цвета фона для бабочки я не уверен, что он работает:

Результат после изменения цвета фона на черный.

Я мог бы выбрать другой цвет из самой палитры цветов. Или я мог бы взять образец цвета прямо из изображения внутри фигуры, что часто работает лучше.

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

Выбор цвета для фона.

Как только я щелкаю, выбранный цвет становится новым цветом фона. Мне больше нравится этот новый цвет, поэтому я нажимаю ОК, чтобы закрыть палитру цветов:

Выбранный цвет теперь является цветом фона.

Если мы посмотрим на панель «Слои», мы увидим наш слой заливки сплошным цветом с названием «Цветовая заливка 1», расположенный между фоновым слоем и слоем формы, как раз там, где нам это было нужно:

Панель «Слои», показывающая новый слой заливки сплошным цветом.

Шаг 15: Добавьте обводку

Наконец, давайте закончим эффект, добавив обводку вокруг формы. Щелкните слой Shape на панели слоев, чтобы выбрать его:

Выбор слоя Shape.

Затем щелкните значок Layer Styles (значок « fx ») в нижней части панели «Слои»:

Щелкните значок «Стили слоя».

Выберите Ход из списка:

Выбор стиля слоя «Обводка».

Откроется диалоговое окно «Стиль слоя» Photoshop, в котором в среднем столбце указаны параметры «Обводка». Чтобы изменить цвет обводки, щелкните образец цвета :

Щелкнув образец цвета.

Это снова открывает палитру цветов. Я выберу белый в качестве цвета обводки, затем нажму OK, чтобы закрыть палитру цветов:

Выбор белого в палитре цветов.

Вернувшись в диалоговое окно Layer Style, я устанавливаю Position обводки на Outside , чтобы она отображалась снаружи формы. Затем я увеличу значение Size , чтобы настроить толщину штриха. Я думаю, что для этого изображения подойдет размер около 12 пикселей :

Установите положение «Снаружи» и размер 12 пикселей.

Щелкните OK, чтобы закрыть диалоговое окно «Стиль слоя». И с этим мы закончили! Вот мой последний эффект «изображение в форме» после изменения цвета фона и добавления обводки вокруг бабочки:

Окончательный результат.

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

.

Рисование фигур с помощью инструментов формы в Photoshop

Сплошной цвет: Заливает или обводит слой-фигуру текущим цветом переднего плана. Используйте палитру цветов или предустановки цвета, чтобы выбрать другой цвет.

Градиент: Выберите предустановку градиента или щелкните градиент, чтобы открыть диалоговое окно «Редактор градиента». Установить дополнительные параметры градиента:

• Угол определяет угол, под которым применяется градиент.
  
• Reverse — переворачивает ориентацию цветов градиента.
  
• Стиль определяет форму градиента.
• Scale изменяет размер градиента.
• «Выровнять по слою» использует ограничивающую рамку слоя для вычисления градиентной заливки. Вы можете перетащить в окно изображения, чтобы переместить центр градиента.

Узор: Начиная с Photoshop 21.2, вы также можете установить угол, чтобы повернуть заливку и узор обводки фигуры и легко изменить ее ориентацию. Выберите узор во всплывающем меню и установите дополнительные параметры узора:

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

.

Скрытие или удаление объектов с помощью Content-Aware Fill

Что вы узнали: Используйте Content-Aware Fill для удаления объектов и людей

Когда использовать Content-Aware Fill

Content-Aware Fill анализирует изображение, чтобы найти лучшие детали для разумной замены выбранной области, и дает вам элементы управления для точной настройки результата. Это делает его отличным методом для удаления крупных объектов и людей даже на сложном фоне.

Начните с выбора

Работа с Content-Aware Fill всегда начинается с выбора.Вы можете использовать любой из инструментов выделения, чтобы создать начальное выделение. Инструмент «Выбор объекта» — хороший выбор для выбора одного объекта, когда в сцене есть несколько объектов.

1. Выберите инструмент «Выбор объекта» на панели инструментов и перетащите свободный прямоугольник или лассо вокруг элемента, который нужно удалить. Инструмент автоматически определяет объект внутри определяемой вами области и сжимает выделение до краев объекта.
2. Инструмент «Выбор объекта» обычно делает жесткое выделение на краях объекта.Включение части области вокруг объекта в выделение поможет заливке с учетом содержимого создать лучшую заливку. Выберите «Выделение»> «Изменить»> «Разобрать» и введите несколько пикселей — ровно столько, чтобы создать тонкую границу между краем объекта и выделением. В данном случае мы ввели 8 пикселей.
3. Выберите «Правка»> «Заливка с учетом содержимого», чтобы открыть рабочее пространство с учетом содержимого. Вид слева отображает наложение зеленого цвета, которое определяет область выборки, которую учитывает Photoshop при выборе исходной детали для создания заливки.Вид справа — это предварительный просмотр заливки в реальном времени, который будет меняться по мере того, как вы уточняете результат с помощью инструментов и элементов управления в этой рабочей области.

Эксперимент с опциями области отбора проб

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

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

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

Изучите другие инструменты и средства управления

Изучите другие варианты для точной настройки результата:

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

Вывод и сохранение работы

• В настройках вывода в правой части рабочей области выберите «Вывод на> Новый слой» для максимальной гибкости. Щелкните OK, чтобы закрыть рабочую область Content-Aware.Ваши изменения появятся на новом слое на панели «Слои».
• Сохраните документ в формате .PSD или .TIFF, чтобы сохранить слой, созданный с помощью Content-Aware Fill.

.

Смотрите также

• Фотошоп как выделить объект и перенести на другой фон
• Как работать с фотошопом уроки для чайников
• Как в фотошопе перевернуть лист горизонтально
• Как наложить градиент на фигуру в фотошопе
• Как размыть границы между слоями в фотошопе
• Как в фотошопе перевернуть лист горизонтально
• Как наложить градиент на фигуру в фотошопе
• Как включить плагин в фотошопе
• Как в фотошопе вращать отдельный слой
• Как в фотошопе отрегулировать баланс белого
• Как в фотошопе сделать надпись внутри круга

Простой способ раскрасить объект в Иллюстраторе. Подробный видео урок.

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

Содержание

• 1 Раскрашивание вручную
• 2 Раскрашивание объекта автоматическим способом
• 3 Добавление теней, бликов и дополнительных деталей.
• 4 Подробнее о раскрашивании в видео уроке:

Раскрашивание вручную

Для ручного метода подойдет инструмент «Кисть-клякса«, который можно сочетать с «Карандашом«, чтобы дорисовывать более мелкие детали. Иногда заливка может выходить за контуры, поэтому, периодически это нужно подправлять «Ластиком». Мой графический планшет позволяет стирать лишнее обратной стороной пера.

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

Раскрашивание объекта автоматическим способом

Но есть более легкий способ заливки цветом. Выделите весь рисунок и возьмите инструмент «Быстрая заливка«. Этот инструмент, распознает пространство ограниченное контурами и заливает его выбранным цветом. Выберите нужный цвет и наведите мышкой, контур области подсвечивается. Если этого не происходит, значит есть слишком большой зазор между контурами, желательно перед раскраской все их замкнуть. Теперь, достаточно нажать по областям, которые вы хотите раскрасить.

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

Например, струны и лады накладываются поверх рисунка и не разграничивают цвета, поэтому я снял с них выделение.

Инструмент «Быстрая заливка» действует как эффект. Поэтому, после завершения раскрашивания рисунок необходимо еще раз «Разобрать…» на объекты. А затем несколько раз разгруппировать.

Теперь можно выставить правильные цвета из палитры или взяв образец «Пипеткой» с фотографии.

Добавление теней, бликов и дополнительных деталей.

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

Берем инструмент «Создание фигур» и удерживая клавишу ALT нажимаем по лишней области. Теперь, новый элемент можно перекрасить в другой цвет.

А вот и готовый векторный рисунок гитары, теперь его можно использовать в макете или продать на микростоке.

Подробнее о раскрашивании в видео уроке:

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

(Visited 45 397 times, 9 visits today)

Как заполнить фигуру цветом в Photoshop (учебник)

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

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

Изучение всего этого также может показаться ошеломляющим, поэтому мы разбиваем его на небольшие кусочки здесь, на PhotoshopBuzz.com. Сегодня позвольте мне показать вам, как заполнить фигуру цветом в Photoshop.

Краткое примечание: снимки экрана в приведенном ниже руководстве основаны на Photoshop CC для Windows. Если вы используете Photoshop для Mac или другие версии, они будут выглядеть немного иначе.

Содержание

• Шаг 1. Выберите инструмент «Форма»
• Шаг 2. Разместите фигуру
• Шаг 3. Измените цвет растеризованная форма
• Как раскрасить часть фигуры

Шаг 1: Выберите инструмент Shape Tool

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

Первые четыре довольно простые, поэтому я выберу Custom Shape Tool , чтобы оживить ситуацию.

Шаг 2. Разместите форму

Вы можете выбрать нужную форму из Форма в окне Параметры . Щелкните маленькую стрелку справа, чтобы открыть доступные параметры. Вы также можете загрузить и добавить дополнительные пользовательские формы, если они вам нужны.

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

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

Шаг 3: изменение цвета

Панель свойств появится, когда вы добавите фигуру. На вкладке Appearance обратите внимание на поле Fill . Это цвет заливки.

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

Какой бы цвет вы ни выбрали, он заменит цвет фигуры.

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

Изменение цвета размещенной фигуры

Итак, выбор цвета при размещении фигуры работает, но что произойдет, если вы захотите вернуться и изменить его позже?

Нет проблем! Просто выберите слой формы на панели «Слои».

Посмотрите в строке Options с левой стороны. Вы также увидите коробку Fill . Нажмите на него, и вы получите те же параметры цвета, что и на панели «Свойства». Выберите тот, который вы хотите, и все готово!

Изменение цвета растеризованной фигуры

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

Чтобы изменить цвет этой фигуры, нам понадобится слой Color Fill .

Щелкните значок наполовину заполненного круга Adjustment Layer в нижней части панели «Слои». Выберите Solid Color в верхней части списка.

Откроется палитра цветов, и вы сможете выбрать любой понравившийся цвет. Нажмите ОК.

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

Это ограничит цвет только формой. Узнайте больше об обтравочных масках здесь.

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

Как раскрасить часть фигуры

Что делать, если вы хотите раскрасить только часть фигуры? Так?

Вы можете сделать это с помощью инструмента Paint Bucket Tool . Выберите инструмент «Заливка» под инструментом «Градиент» на панели инструментов.

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

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

Щелкните OK. Нажмите на фигуру еще раз, чтобы заполнить ее цветом.

Что если заполнится вся фигура? Проверьте панель Options , чтобы убедиться, что флажок Contiguous установлен. Это ограничит эффекты ведра с краской только пикселями, которые соприкасаются.

Пока этот флажок установлен, вы можете щелкать отдельные части фигуры, чтобы изменить цвет, не затрагивая другие части.

Я же говорил, что с фигурами весело играть! Дайте нам знать, как ваши эксперименты проходят в комментариях. И посмотрите другие интересные уроки, например, как добавить обводку к тексту в Photoshop!

О Каре Кох

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

Как изменить цвет фигуры в Photoshop — Brendan Williams Creative

После создания фигуры в Photoshop у вас может не оказаться нужного цвета. К счастью, есть множество простых способов изменить цвет любой фигуры, которую вы создаете. От сплошных цветов до градиентов — существует множество вариантов, которые подойдут вашему стилю. Давайте начнем с самого простого способа изменения цвета фигуры в Photoshop.

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

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

Как изменить цвет фигуры в Photoshop

Шаг 1. Создайте новый слой-фигуру

Давайте не будем забегать вперед и начнем менять цвета еще до того, как у вас будет фигура!

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

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

Кроме того, вы можете нажать Shift + U для циклического переключения между различными параметрами инструмента формы.

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

Если вам сложно создать фигуру, как показано выше, убедитесь, что режим инструмента установлен на «Форма» на верхней панели настроек.

Шаг 2. Выберите слой-фигуру на панели слоев

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

Шаг 3. Выберите инструмент «Форма»

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

Шаг 4: Нажмите «Заливка» на верхней панели настроек

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

Чтобы изменить общий цвет вашей фигуры, нажмите на опцию «Заливка».

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

Если вы не видите нужный цвет, нажмите на палитру цветов в правом верхнем углу этой панели.

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

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

Шаг 5. Щелкните параметр «Обводка» на верхней панели настроек.

Параметры обводки определяют цвет контура фигуры. В этом примере мне не нужен контур вокруг моей фигуры. Шаги ниже расскажут, как сделать контур прозрачным. Чтобы узнать, как обрисовать что-либо в Photoshop, ознакомьтесь с этим руководством.

Щелкнув в настройках обводки, выберите белую рамку с красной линией, чтобы сделать контур невидимым. Таким образом, вы будете видеть только цвет заливки вашей фигуры.

Шаг 6. Полюбуйтесь своими фигурами.

С помощью этих простых шагов вы успешно изменили цвет своей фигуры в Photoshop.

Как изменить цвет растеризованной фигуры в Photoshop

Чтобы изменить цвет растеризованной фигуры, создайте новый слой-заливку, выбрав «Слой» > «Новый слой-заливка» > «Сплошной цвет» и установите желаемый цвет. Поместите слой с заливкой над слоем с фигурой и добавьте обтравочную маску к слою с цветовой заливкой, чтобы заполнить фигуру новым цветом.

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

После растеризации формы у вас остается один растеризованный слой формы на панели слоев. Теперь вам нужно создать слой заливки цветом над этой фигурой.

Чтобы создать новый слой-заливку, выберите Layer > New Fill Layer > Solid Color . Из появившихся вариантов переименуйте свой слой, чтобы он оставался организованным, затем выберите цвет, который вы хотите добавить к своей фигуре. Не волнуйся; это можно изменить позже.

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

Теперь щелкните правой кнопкой мыши слой заливки цветом и выберите «Создать обтравочную маску».

Слой цветовой заливки будет ограничен фигурой, к которой он обрезан, и заменит исходный цвет заливки.

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

Это еще один простой способ изменить цвет фигуры в Photoshop, который пригодится при работе с растровыми фигурами!

Как заполнить фигуру градиентом в Photoshop

Чтобы заполнить фигуру градиентом в Photoshop, создайте новый слой заливки градиентом, выбрав «Слой» > «Новый слой заливки» > «Градиент». Как только ваша градиентная заливка будет создана, поместите ее над слоем с фигурой, затем щелкните правой кнопкой мыши на слое с градиентом и выберите «Создать обтравочную маску», чтобы заполнить фигуру градиентом.

Давайте разберем это подробнее.

Сначала создайте слой формы, используя шаги, упомянутые ранее в этой статье, если вы еще этого не сделали. Затем перейдите к Layer > New Fill Layer > Gradient , чтобы создать новый слой градиентной заливки.

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

Сначала нажмите на Редактор градиентов.

Затем откройте папку «Basic» и выберите предустановку градиента «Black, White».

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

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

Поскольку мне нужен градиент, который переходит в линию от одного цвета к другому, я выберу параметр «Линейный градиент». Затем я отрегулирую угол, чтобы изменить источник градиента.

Если вы довольны сделанными настройками, нажмите «ОК», чтобы выйти из параметров градиентной заливки.

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

Теперь градиент будет виден только внутри слоя формы, к которому он обрезан, эффективно заполняя вашу фигуру градиентом в Photoshop!

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

Как сделать цвет фигуры прозрачным в Photoshop

Чтобы сделать цвет заливки фигуры прозрачным в Photoshop, выберите слой фигуры на панели слоев, затем выберите инструмент «Форма» (U). На верхней панели настроек нажмите «Заливка» и выберите образец белого цвета с красной линией через него. Теперь цвет заливки вашей фигуры прозрачный.

Это может быть чрезвычайно полезно, если вам нужен только контур фигуры, а не залитый сплошными цветами.

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

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

Теперь откройте инструмент «Форма», чтобы открыть настройки формы на верхней панели. Из предложенных здесь вариантов нажмите

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

На данный момент ваша фигура полностью прозрачна, но давайте добавим контур, чтобы мы могли использовать эту фигуру для чего-то. Нажав на опцию «Обводка», выберите любой цвет, чтобы обвести прозрачную акцию.