как залить форму в фотошопе
Как сделать заливку фигуры в Photoshop
Всем привет. Сегодня – мы хотим рассмотреть то, как делать заливку фигур в Photoshop. Более того – всю работу мы покажем вам на сложном примере, когда помимо области с фигурой, которую нам нужно залить – на картинке будут изображены и другие объекты. Первое, что пришло нам в голову – это взять для примера фотографию со спортсменами. На примере одной из них – мы и покажем вам, что и как делается.
Как сделать заливку фигуры
Как видите, на фотографии с Марком Спитцем, вверху – есть черный прямоугольник. Его-то нам и нужно залить.
Итак, изначально создаем обтравочную маску, чтобы фотография спортсмена легла ниже расположенного слоя. Этим и объясняется появление черной полосы сверху. Картинка с Марком – ложится в общую рамку к остальным спортсменам, но она «ниже», чем другие, поэтому нужно ее выровнять. В этом нам и поможет заливка.
Конечно, чтобы не париться – можно взять инструмент штамп, на левой рабочей панели, зажать ALT, чтобы захватить текстуру, которой нужно закрашивать, а после – вручную закрашивать нашу черную полосу (ну или что вам надо).
Но это – слишком долгий и трудоемкий процесс. Это на нашем примере – только одна полоска, у вас же – может быть все, что угодно, поэтому покажем вам более профессиональный способ.
На той же левой панели – выбираем инструмент «прямоугольная область» (если у вас другая фигура – выбирайте ту, что надо, либо же выделяйте фигуру, в свободном режиме).
Кликаем по выделенной области и выбираем пункт «выполнить заливку».
Там, где цвет (в табличке) – выбираем с учетом содержимого. Это то, что мы захватили под черной областью, на скрине выше. Остальное – оставляем так, как предлагает фотошоп.
Собственно, программа немного подумает, после чего зальет нужную область максимально качественно и четко, да так, что и не скажешь, что там что-то не так.
Отменяем выделение, кликнув правой кнопкой мышки по области и выбрав соответствующую функцию, а после – смотрим финальный результат.
Как видите – получилось идеально.
Спасибо, что воспользовались нашим уроком. Удачи и до новых встреч.
Как сделать заливку в Фотошопе
Заливка в Фотошопе
Для нанесения цвета в графическом редакторе действует две функции, отвечающие нашим требованиям — «Градиент» и «Заливка». Эти функции в Фотошопе можно отыскать, кликнув на «Ведерко с каплей». Если необходимо выбрать одну из заливок, нужно правой кнопкой мыши кликнуть по пиктограмме. После этого появится окно, в котором и располагаются инструменты для нанесения цвета.
«Заливка» отлично подойдет для нанесения колера на изображение, а также для добавления узоров или геометрических фигур. Так, данный инструмент можно применять при закраске фона, предметов, а также при нанесении замысловатых рисунков или абстракций.
«Градиент» используется, когда необходимо выполнить заливку с двумя или несколькими цветами, причем эти цвета плавно переходят из одного к другому. Благодаря данному инструменту граница между цветами становится незаметной. Еще «Градиент» применяют для подчеркивания цветовых переходов и обрисовки границ.
Параметры заливок можно с лёгкостью настроить, что дает возможность подобрать необходимый режим при заливке изображения или находящихся на нем предметов.
Настройка и применение инструментов
Работая с цветом в Фотошопе, важно принимать во внимание используемый вид заливки. Чтобы добиться желаемого результата, нужно правильно выбрать заливку и оптимально отрегулировать ее настройки.
«Заливка»
Сам процесс заливки производится кликом инструмента по слою или выделенной области и мы не будем его описывать, а вот с настройками инструмента стоит разобраться. Применяя «Заливку», можно отрегулировать следующие параметры:
Чтобы найти подходящий узор для нанесения на картинку, нужно воспользоваться параметром Узор.
«Градиент»
Для настройки и применения инструмента «Градиент» в Фотошопе, нужно:
Степень цветового перехода будет зависеть от длины линии: чем она длиннее, тем меньше видно цветовой переход.
При работе с цветовыми инструментами, используя разные виды заливки, можно достичь оригинального результата и очень качественной картинки. Заливку используют практически в каждой профессиональной обработке изображений, вне зависимости от поставленных вопросов и целей. Вместе с этим, предлагаем использовать при работе с изображениями редактор Фотошоп.
Помимо этой статьи, на сайте еще 12394 инструкций.
Добавьте сайт Lumpics.ru в закладки (CTRL+D) и мы точно еще пригодимся вам.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Заливка и обводка выделенных областей, слоев и контуров
Вы можете залить внутреннюю часть выделенной области, контура или слоя, используя цвет или узор. Можно также наложить цвет на внешнюю границу выделенной области или контура, что именуется обводкой.
Инструмент «Заливка» позволяет выполнять заливку смежных пикселов, имеющих значение цвета, подобное тем пикселам, на которых выполнен щелчок.
Инструмент «Заливка» не может использоваться с изображениями в битовом режиме.
Инструмент «Быстрая заливка» объединен с инструментом «Градиент» в панели инструментов. Если не удается найти инструмент «Быстрая заливка», нажмите и удерживайте в нажатом положении инструмент «Градиент», чтобы получить к нему доступ.
Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)
Допуск определяет, насколько подобным по цвету должен быть пиксел (по отношению к пикселу, на котором выполнен щелчок), чтобы к нему была применена заливка. Допустимые значения находятся в диапазоне от 0 до 255. При низком допуске происходит заливка пикселов цветами в диапазоне значений цветов, весьма подобных пикселу, на котором выполнен щелчок. При высоком допуске происходит заливка пикселов цветами в более широком диапазоне.
Если при работе с некоторым слоем необходимо избежать заливки прозрачных областей, то следует обязательно заблокировать прозрачность этого слоя на панели «Слои». (См. раздел Закрепление слоев.)
Заливка выделенной области или слоя цветом
«Основной цвет», «Фоновый цвет», «Черный», «50 % серого» или «Белый»
Выполняется заливка выделенной области указанным цветом.
Если происходит заливка изображения CMYK с использованием параметра «Черный», то Photoshop выполняет заливку всех каналов полностью черным цветом. Это может вызвать необходимость в применении большего количества краски по сравнению с допустимым по условиям эксплуатации принтера. Для достижения лучших результатов при заливке изображения CMYK используйте параметр «Основной цвет» с указанием в качестве основного цвета соответствующего значения черного цвета.
Выполняется заливка цветом, выбранным в окне «Палитра цветов».
Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)
Чтобы применить заливку основным цветом только к областям, которые содержат пикселы, нажимайте клавиши «Alt» + «Shift» + «Backspace» (Windows) или «Option» + «Shift» + «Delete» (Mac OS). В результате этого сохранится прозрачность слоя. Чтобы применить заливку фоновым цветом только к областям, которые содержат пикселы, нажимайте клавиши «Ctrl» + «Shift» + «Backspace» (Windows) или «Command» + «Shift» + «Delete» (Mac OS).
Использование заливки с учетом содержимого, заливки узором и заливки от истории
На слое фона нажмите клавишу Delete или Backspace, чтобы быстро получить доступ к диалоговому окну «Заливка».
С учетом содержимого
Заполняет выделенную область схожим содержимым изображения, расположенным в непосредственной близости. Для оптимального результата выделение должно немного захватывать область, которая будет воспроизводиться. (Как правило, применения обычного лассо или выделенной области для этого достаточно.)
Заливка с учетом содержимого совмещает подобные элементы изображения на случайной основе. Если результат вас не устраивает, выберите «Редактирование» > «Отменить», а затем примените другую заливку с учетом содержимого.
(Включено по умолчанию) Алгоритмически смешивает цвет заливки с окружающим цветом
Нажмите на инвертированную стрелку рядом с образцом узора и выберите узор из всплывающей панели. Дополнительные узоры могут быть загружены с помощью всплывающего меню панели. Выберите имя библиотеки узоров или запустите команду «Загрузить узоры» и перейдите в папку, содержащие узоры, которые вы хотите использовать.
Можно также применить один из прилагаемых узоров на основе сценариев, чтобы с легкостью создавать различные геометрические узоры заливки. Выберите «Узоры на основе сценариев» в нижней части диалогового окна заливки, а затем выберите узор заливки во всплывающем меню «Сценарий».
Если узор затемнен, сначала необходимо загрузить библиотеку узоров и только потом делать выбор. (См. раздел Управление библиотеками узоров и наборами.)
Восстанавливает исходное состояние выделенной области или снимок экрана, выбранный на панели «История».
A. Выделенная область должна немного захватывать область, которая будет воспроизводиться.. B. Замените выделенную область заливкой с учетом содержимого.
Заливка рабочего холста
Рабочий холст вокруг области изображения. Холст можно заполнить другим цветом для контраста с данным изображением.
Щелкните правой кнопкой по рабочему холсту и выберите «Серый», «Черный» или «Заказной». (Чтобы определить заказной цвет, выберите «Выбор иного цвета».)
Обводка выделенной области или слоя цветом
Чтобы нарисовать цветную рамку вокруг выделенной области, контура или слоя, можно использовать команду «Выполнить обводку». Если вы создадите таким образом границу, она станет растеризованной частью текущего слоя.
Для создания рамки формы или слоя, которая может быть включена или выключена подобно перекрытиям и сглажена в целях создания более мягко скругленных углов и краев, используйте слоевой эффект «Обводка» вместо команды «Выполнить обводку». См. раздел Слоевые эффекты и стили.
Как рисовать векторные фигуры в Photoshop, опции Заливка и Обводка
Большинство пользователей позиционируют Photoshop как программу для редактирования фотографий, а если вы попросите рекомендовать хорошую программу для рисования эскизов, макетов и иллюстраций, вам, как правило, посоветуют Adobe Illustrator. Действительно, возможности рисования иллюстраций у программы Illustrator выходят далеко за пределы в Photoshop, но и Photoshop имеет достаточно широкие возможности для выполнения этих задач, как можно было бы ожидать от редактора изображений на основе пикселей. Это достигается в значительной степени благодаря векторным инструментам Photoshop, о которых и пойдёт речь в этом уроке.
Начиная с версии Photoshop CS6, в векторные инструменты внесли значительные обновления. Это добавление обводки, пунктира, типов заливки, изменение радиуса углов и т.п.
Инструменты форм
Adobe Photoshop имеет шесть инструментов формы, это «Прямоугольник» (The Rectangle Tool), «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), «Линия» (Line Tool) и инструмент «Произвольная фигура» (Custom Shape Tool). Все они вложены в одном месте в панели инструментов. По умолчанию, на инструментальной панели отображён инструмент «Прямоугольник», но если вы нажмёте на него правой клавишей мыши, то откроется выпадающий список с остальными инструментами:
Я выберу первый инструмент в списке, это «Прямоугольник» (Rectangle Tool).
Фигура, Контур или Пиксели
Прежде, начинать создавать какие-либо формы, в первую очередь необходимо указать Photoshop, какой тип формы мы хотим нарисовать. Это необходимо потому, что на самом деле Photoshop позволяет нам создать три абсолютно разных вида форм. Это «Фигура» (Shape), «Контур» (Path) и «Пиксели» (Pixel Shapes).
Установка опции режима инструмента «Фигура» (Shape)
В абсолютном большинстве случаев вы будете рисовать векторные фигуры. В отличие от пиксельных форм, векторные фигуры являются гибкими, масштабируемыми и не зависят от разрешения изображения, что означает, что мы можем задать им любой желаемый размер, редактировать и масштабировать их столько, сколько нам потребуется, не теряя качества и даже распечатать их в любом размере также без потери качества!
Вне зависимости от того, показаны они фигуры на экране или в печати, края векторных фигур всегда остаются четкими и резкими.
Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию «Фигура» (Shape) из видов режимов инструмента в панели параметров:
Выбор опции «Фигура» (Shape) на панели параметров
Заливка формы цветом
Следующее действие, которое мы, как правило, выполняем после выбора опции «Фигура», это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю «Заливка» (Fill) в панели параметров:
Клик по кнопке в панели параметров для открытия диалогового окна свойств заливки фигуры.
Это действие открывает окно, которое позволяет нам выбрать один из четырех различных способов заполнения формы, каждый из которых представлен одним из четырех значков, расположенных вдоль верхней части окна. Назначение значков, начиная с левого края:
Различные методы заливки формы
Нет цвета (No Color)
Как следует из названия, выбор этой опции оставит форму без заливки, с пустыми пикселями внутри. Для чего это нужно? Ну, в некоторых случаях может понадобится только сам контур. Также, часто нужна только обводка с прозрачными пикселями внутри.
Фигура «Прямоугольник» без заливки и обводки.
Чистый цвет (Solid Color)
Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию «Чистый цвет» (Solid Color) вторая иконка слева:
Опция «Чистый цвет» (Solid Color) для заливки фигуры сплошным однотонным цветом
При активной опции, выберите цвет для фигуры, нажав на один из цветовых образцов. Цвета, которые при работе в Photoshop вы недавно использовали, будут отображены выше основных образцов:
Выбор цвета нажатием на образец.
Если нужного вам цвета нет среди представленных образцов,нажмите на значок «Палитра цветов» (Color Picker), расположенный в правом верхнем углу окна:
Клик на значок Color Picker для выбора собственного цвета.
Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.
Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:
Фигура, залитая цветом.
Заливка градиентом
Чтобы заполнить вашу форму градиентом, выберите опцию «Градиент» (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.
Выбор готового или создание собственного градиента для заливки фигуры.
Вот тот же форма, только теперь она заполнена градиентом:
Форма, заполненная одним из предустановленных градиентов Photoshop.
Заливка узором (Patterns)
Наконец, опция заливки узором позволяет нам заполнить форму одним из предустановленных узоров Photoshop.
Нажмите на одну из миниатюр для выбора узора. Заранее в Photoshop установлено не так много вариантов узоров, выбор, загрузка и установка узора для заливки подробно описаны здесь.
Ниже показана та же форма, на этот раз заполненная узором:
Та же форма, только на этот раз залитая стандартным узором Photoshop.
Если вы не пока уверены, какой цвет, градиент или узор, нужен вашей фигуры, не волнуйтесь. Как мы увидим далее, вы всегда сможете вернуться к редактированию фигуры позже и изменить вид заливки.
Добавление обводки к векторной фигуре
Эта опция появилась в Photoshop, начиная с версии CS6. По умолчанию, Photoshop не будет добавляет обводку к краям фигуры, но добавить её так же просто, как и заливку цветом.
Для добавления обводки, нажмите на соответствующую опцию в панели параметров:
Опция добавления обводки.
Это открывает окно с параметрами, где мы можем выбрать цвет обводки, а также, задать многие другие параметры.
В верхней части окна у нас есть те же самые четыре иконы для выбора типа заливки линии обводки, это «Нет цвета» (No Color), «Чистый цвет» (Solid Color), Градиент (Gradient) и «Узор» (Pattern). По умолчанию выбран вариант «Нет цвета». Я выберу тип «Чистый цвет» (Solid Color). Выбирать и назначать цвет обводки точно таким же образом, как и цвет заливки, о чем рассказано выше.
Изменение толщины обводки
Чтобы изменить толщину обводки, используйте соответствующее поле ввода, расположенное непосредственно справа от прямоугольника образца цвета в панели параметров. По умолчанию, толщина установлена в 3 пт (пункта). Но вы можете задать другие единицы измерения, если нажмёте на это поле ввода правой клавишей мыши, откроется выпадающий список единиц измерения. Я, практически всегда, выбираю пиксели:
Изменение ширины и единиц измерения обводки.
Опция выравнивания краёв (Align Edges)
Правее всех других, в панели параметров расположена опция «Выровнять края». При включении этой функции (она включена по умолчанию) Photoshop приведёт в соответствие положение краёв обводки с пиксельной сеткой, что сделает изображение чётче.
Опция будет активна только при единицах измерения обводки пиксели.
Дополнительные параметры обводки
По умолчанию, Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку «Задать тип штриха фигуры» (Stroke Options ) на панели параметров:
Это открывает окно «Параметры обводки» (Stroke Options). В этом окне мы можем изменить тип линии со сплошной на пунктирную или состоящую из точек. Кроме этого, имеется три дополнительные опции обводки:
Диалоговое окно дополнительных параметров обводки
Опция «Выровнять» (Align) позволяет нам выбрать, будет ли обводка расположена внутри контура, снаружи или посередине.
Следующая опция «Концы» (Caps) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.
«Углы» (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.
Нажатие на кнопку внизу окна «Другие параметры. » (More Options. ) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:
Удаляйте объекты с фотографий с помощью функции «Заливка с учетом содержимого»
Научитесь использовать рабочую среду «Заливка с учетом содержимого» для быстрой заливки выделенных фрагментов изображения содержимым, взятым из других областей
Рабочая среда «Заливка с учетом содержимого» обеспечивает возможность интерактивного редактирования для управления изображениями. Используйте динамический режим предварительного просмотра в высоком разрешении при уточнении области пробы, которую использует среда «Заливка с учетом содержимого», и настройке параметров для достижения превосходных результатов.
Прочитайте рассуждения Джулианны Кост об инновациях Photoshop в сфере создания выделений и улучшениях рабочей среды «Заливка с учетом содержимого»: Улучшения ИИ в Photoshop
Быстрое удаление объектов с помощью среды «Заливка с учетом содержимого»
Узнайте, как удалять объекты с помощью рабочей среды Заливка с учетом содержимого за четыре простых действия
Откройте рабочую среду Заливка с учетом содержимого
Уточнение выделенной области
С легкостью расширяйте края выделенной области вокруг объекта, выбрав инструмент Лассо на панели инструментов слева и нажав кнопку Расширить один или несколько раз на панели параметров вверху. Если вы слишком сильно расширили выделенную область, используйте кнопку Сжать или «Отменить», чтобы сузить края выделенной области.
Если результат вас устраивает, нажмите кнопку «OK»
Точная настройка областей пробы и заливки с помощью инструментов
Инструмент «Кисть для проб»
Рисуйте с помощью инструмента «Кисть для проб» в окне документа, чтобы добавить или удалить на изображении области пробы, используемые для заливки выделенной области.
Инструменты для уточнения выделенной области
Используйте инструмент «Лассо» или «Прямолинейное лассо», чтобы изменить исходную выделенную область (область заливки) в окне документов.
При изменении выделенной области область пробы сбрасывается, но предыдущие штрихи кистью сохраняются. Выделенная область обновляется в документе также при выходе из рабочей среды «Заливка с учетом содержимого» после подтверждения заливки.
Инструменты навигации
Чтобы изменить масштаб просмотра на панели «Просмотр», перетащите ползунок масштаба в нижней части панели или вручную введите процентное значение в текстовом поле.
Изменение настроек заливки с учетом содержимого
На панели Заливка с учетом содержимого можно изменить следующие настройки.
Наложение области пробы
Показать область пробы
Выберите этот параметр, чтобы отобразить в окне документов, как область пробы или исключенная область накладывается на изображение.
Определяет степень непрозрачности наложения в окне документов. Чтобы изменить степень непрозрачности, перетащите ползунок или введите нужное значение в процентах в текстовом поле.
Позволяет применить цвет к наложению в окне документов. Щелкните поле выбора цвета и укажите нужный цвет на палитре цветов Adobe.
Параметры области пробы
Определяйте область пробы в изображении, где Photoshop должен искать исходные пиксели для содержимого заливки.
Выберите этот параметр, чтобы использовать содержимое, похожее на содержимое окружающей области заливки.
Выберите этот параметр, чтобы использовать прямоугольную область вокруг области заливки.
Выберите этот параметр, чтобы вручную задать область пробы. Используйте инструмент «Кисть для проб» для добавления элементов в область проб.
Образец всех слоев
Выберите этот параметр для выбора исходных пикселей из всех видимых слоев документа.
Настройки заливки
Выберите этот параметр, чтобы разрешить изменение размера содержимого для лучшего соответствия. Он полезен при заливке содержимого с повторяющимися шаблонами разных размеров и с разными перспективами.
Выберите этот параметр, чтобы разрешить отражение содержимого по горизонтали для лучшего соответствия. Это полезно при обработке изображений с горизонтальной симметрией.
Параметры вывода
Предварительный просмотр изображений в полном разрешении на панели «Просмотр»
После точной настройки областей пробы и заливки, а также параметров заливки на панели Просмотр отобразится изображение со всеми изменениями в полном разрешении.
Сначала Photoshop обрабатывает изменения и создает на панели «Просмотр» предварительную версию изображения в низком разрешении. Сразу после этого создается версия в полном разрешении. В процессе ее создания рядом с вращающимся элементом в правом нижнем углу панели «Просмотр» может появиться значок предупреждения.
Применение нескольких изменений заливки
Добавлено в выпуске Photoshop 21.1 (февраль 2020 г.)
Можно заполнить несколько фрагментов изображения, не выходя из рабочего пространства «Заливка с учетом содержания изображения». Получив желаемый результат на выделенной области изображения, выполните перечисленные ниже действия.