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

Как сделать градиент в Фотошопе

Тема нашей новой статьи: «Как сделать градиент в Фотошопе», в частности как создать новый градиент и как его использовать в Фотошопе. Градиенты довольно часто применяются при работе в Фотошопе, так как они могут помочь нам создать достаточно красивые эффекты. Давайте разберёмся, как с ними работать.

• Желаете скачать просто и удобно отличные градиенты для Фотошопа?

Часто дизайнеры используют градиент для создания сглаживающего эффекта или, например, для придания глубины каким-либо объектам. Но об этом позже, а пока начнём с самого начала.

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

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

Получился подобный эффект? Отлично. А теперь давайте попробуем сделать новый градиент в Фотошопе. Для этого кликните по градиенту в панеле меню (указано красной галочкой).

В открывшемся «Редакторе градиентов» кликните в месте, указанном галочкой.

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

А Вы заметили, что между ползунками появились маленькие ромбики? Попробуйте их подвигать влево-вправо. Изменяется диапазон наложения одного из цветов? Замечательно. Если Вам необходимо удалить один из ползунков, зажмите на нём левую кнопку мыши и перетащите ползунок за пределы окна, либо, выделив ненужный ползунок, нажмите кнопку «Удалить». Ну, а если захотите сохранить новый градиент, задайте ему имя и нажмите кнопку «Новый».

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

А в конце давайте рассмотрим типы градиентов: линейный, радиальный, конусообразный, зеркальный, и ромбовидный. Переключаться между ними можно в меню настроек градиента. Итак, этот у нас радиальный (направление разлива задаётся от центра к краю).

Этот ромбовидный, а остальные типы градиентов попробуйте самостоятельно и Вы всё поймёте.

Желаю Вам удачи и творческих успехов.

Также интересное по теме:

Инструмент Кисть в Фотошопе

Как установить кисти в Фотошоп

Создание градиента в Фотошопе

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

Adobe Photoshop дает дизайнеру очень много возможностей

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

Стандартный процесс применения градиента

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

Виды градиента

В Фотошопе имеется коллекция готовых градиентов, представленная пятью популярными разновидностями.

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

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

Красиво смотрится градиентная заливка, сопровождаемая цветовым переходом по спирали. Такой вид называется конусообразным.

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

Ромбовидная разновидность сопровождается отображением цветового перехода от центра ромба ко всем его диагоналям.

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

Прежде всего, следует активировать на панели инструмент «Градиент», сопровождающийся пиктограммой, имеющей форму прямоугольника с неравномерной заливкой.

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

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

В практической деятельности случается так, что желаемый градиент в предлагаемом перечне отсутствует. В этом случае следует уточнить, как установить градиенты в Фотошоп, после чего закачать его на компьютер в формате grd и переместить в папку Gradients, которая размещается внутри корневой папки Adobe Photoshop, чаще всего находящейся на системном диске.

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

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

Дополнительные режимы

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

Процесс применения дополнительных инструментов

Безусловно, даже начинающие дизайнеры, желая постепенно развивать своё творческое мастерство, стремятся первоначально уяснить для себя, как наложить градиент в Фотошопе или как сделать уникальный его вариант?

Используя поле «Непрозрачность», можно варьировать визуальное отображение основного фона, устанавливая параметры прозрачности от 1 до 100%. Следует помнить, что выбрав максимальный показатель, выбранная область после заливки станет полностью непрозрачной.

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

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

Как создать стиль, узор, градиент в Фотошопе

Часто приходится искать и скачивать из интернета что-нибудь интересное и необычное из исходников – узоры, стили… А их так много.

Иногда нужно что-то определенное, искать нужное долго и не факт, что вообще найдешь.

Но зная способ создания узоров, стилей и градиентов все становится намного проще. А делается это на самом деле очень просто.

В этом уроке мы рассмотрим как можно создать свои собственные узоры, стили, градиенты в Фотошопе.

Допустим, есть фоновый рисунок цветного стекла и хочется сделать из него стиль, чтобы всегда был под рукой (в примерах используется Photoshop CS2, русская версия).

Открываем в Фотошоп наш фоновый рисунок, берем инструмент Rectangular Marquee Tool (Инструмент «Прямоугольная область» / Клавиша «M») с заданными пропорциями 1:1 выделяем квадрат (или при нажатии клавиши Shift – автоматически выделяется квадрат). Переходим через меню Edit — Define Pattern (Редактирование — Определить узор).

В появившемся окне вводим имя узора – допустим «Цветное стекло» – и теперь он сохранен в галерее узоров.

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

Теперь, зайдя в «Preset Manager» (Управлении библиотеками / Управление наборами) (Меню — Редактирование — Управление библиотеками / Photoshop CS2) и выбрав вкладку «Petterns» (Узоры) мы увидим свой узор. Мы можем его так же сохранить в любую папку, нажав на кнопку «Save» (Сохранить). Как правило, в Фотошоп все сохраненные узоры (паттерны) хранятся в папке «путь к программе../Photoshop CS2/PresetsPatterns».

По той же технике создается стиль.

Применим данный узор к тексту

Создадим новый документ с белой заливкой 300 х 300 px. Выберем инструмент Type Tool (Инструмент «Горизонтальный текст» / Клавиша «T») и напишем букву «S» – шрифт можете выбрать любой, так же и как размер, но в данном случае использован «Jill Sans Ultra Bold» и размер 200 (достаточно объемный шрифт для наглядности заливки стилем).

Щелкаем правой кнопкой на слое с текстом и выбираем параметры наложения (или два раза щелкаем мышкой по слою с текстом, только не на названии слоя, иначе включится функция переименование слоя и не на миниатюре слоя – выделится текст на изображении).

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

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

Допустим, у нас может получиться такое (сильно не мудрила, лишь для примера):

Теперь сохраняем стиль — находясь в настройках стиля слоя, жмем на «New Style» (Новый стиль):

Задаем название стиля и теперь в «Preset Manager» (Управлении библиотеками / Управление наборами), в закладке «Styles» (Стили) будет и наш стиль, который мы можем применять в любой, необходимой для нас ситуации. Например, залить фигуру нашим стилем (выбираем инструмент Custom Shape Tool (Инструмент «Произвольная фигура» / Клавиша «U»), из библиотеки фигур выбираем нужную фигуру и из библиотеки стилей – наш стиль) и получится:

И воспользуемся еще одной возможностью – созданием своих кистей — букву S мы можем сохранить как кисть: заходим через меню Edit — Define Brush Preset (Редактирование — Определить кисть), задаем имя и вот уже в библиотеке кистей есть наша буква.

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

Можно только менять настройки кисти.

Ну и наконец – градиент. Можно взять любой существующий градиент и отредактировать его по своему вкусу.

Берем инструмент Gradient Tool (Инструмент «Градиент» / Клавиша «G»), выбираем тот, который бы хотели отредактировать (в принципе, редактирование может полностью изменить первоначальный вариант, все зависит от желания), щелкаем два раза «ЛК мышки» на окошке с миниатюрой градиента для вызова редактора и после делаем с ним, что хотим.

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

Автор: sns;

Источник;

⇐ • Как сделать свою кисть (предыдущая страница учебника)

• Как установить новый узор (следующая страница учебника) ⇒

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

Для большинства базовых операций редактирования изображений вполне достаточно функций, заложенных в распространяемом вместе с ОС Windows графическом редакторе Paint. Неудобно лишь отсутствие в нем возможности размещать одновременно несколько картинок на разных слоях. Такая опция есть в редакторе Adobe Photoshop, поэтому многие манипуляции с изображениями в нем осуществлять проще. Например, это относится к заливке фона готового изображения другим цветом.

Вам понадобится

• — Графический редактор Adobe Photoshop.

Инструкция

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

Заливка – инструмент, присутствующий даже в самых простых графических редакторах (Paint), и в профессиональных программах для рисования и редактирования (Paint Tool SAI, Adobe Photoshop). Она меняет оттенок или прозрачность выбранной площади на виртуальном холсте. Отличие от кисти в автоматизации действия, однородности и равномерности покрытия.

Заливки бывают четырех типов:

Как сделать заливку

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

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

Также для заливки можно использовать горячие клавиши:

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

Заливка цветом

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

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

В некоторых версиях Adobe Photoshop заливка и вектор имеют собственные иконки. В других же они объединены в одну и предоставляют выбор при непосредственном нажатии на них. Обычно изображаются они значком градиента.

Градиент

Для работы с градиентом, сначала на уже упомянутой панели тонов выбирается два нужных . Вектор будет идти от первого (верхнего) ко второму. Нажимается значок градиента . Зажимая левую кнопку мыши на выбранной области ведется линия, задающая его траекторию. После того, как кнопку отжимают, появляется градиент с указанным направлением, от первого цвета ко второму.

Переход одного цвета в другой будет происходить лишь по длине заданной линии. Чем короче линия, тем более резок переход, и наоборот. В Adobe Photoshop есть готовые заданные наборы тонов для градиента. Открыть панель с ними можно, щелкнув по палитре градиентов . Она находится приблизительно под кнопкой редактирования. Рядом с палитрой градиентов можно выбрать его тип : линейный, конусовидный, ромбовидный, зеркальный, радиальный. Левее от меню с типами градиента можно установить непрозрачность от нуля до ста процентов.

Узор

Использование текстуры не сильно отличается от заливки основным цветом. Выбирается нужный инструмент. В верхнем меню можно выбрать, чем заливать выбранную область холста. Это может быть основной оттенок (цвет в верхнем квадрате выбора тонов) и регулярный . Для заливки слоя текстурой понадобится регулярный цвет. После выбора становится доступным меню с текстурами. Оно находится правее экрана установки оттенка, в верхней линии.

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

Как залить выделенную область

Выделить область в Adobe Photoshop можно с помощью пары кликов мышью. В панели инструментов , вверху, находится инструмент выделение. При нажатии на него можно выбрать либо «Быстрое выделение » либо «Волшебную палочку ».

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

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

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

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

Для этого после выделения нужно перейти в «Редактирование » — «Выполнить заливку выделенной области ». В окне «Залить слой » в списке «Использовать » указать «С учетом содержимого ».

Инструменты заливки — это инструменты, которые позволяют заполнить цветом (залить, закрасить) выбранный объект, часть изображения или слой.
В Adobe Photoshop для заливки предусмотрены инструменты Paint Bucket/Заливка и Gradient/Градиент .

Инструменты Paint Bucket/Заливка и Gradient/Градиент на панели инструментов занимают одну ячейку, отображается же всегда пиктограмма последнего выбранного инструмента. Для того чтобы выбрать другой инструмент, необходимо нажать правой кнопкой мыши на стрелке рядом с данной пиктограммой и выбрать нужный инструмент из всплывающего меню. Так же всплывающее меню может быть вызвано на экран, если нажать на пиктограмму и удерживать ее нажатой некоторое время.

Инструмент Paint Bucket/Заливка используется для заполнения основным цветом или выбранным узором области с цветами, близкими (в пределах допуска) к цвету пикселя, по которому пришелся щелчок. Например, если необходимо заменить все красные пикселы изображения на синие, то требуется в качестве основного цвета задать синий, а затем щелкнуть мышью на одном из красных пикселей изображения.

Параметры для инструмента Paint Bucket/Заливка задаются на панели Options.

Fill . В данном параметре указывается, чем будет заполняться предполагаемая область: основным цветом (Foreground) или узором (Pattern).

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

Mode . Данный параметр определяет режим наложения заливки. Например, если выбрать режим Darken, то инструмент Paint Bucket/Заливка будет закрашивать только те пиксели, цвет которых светлее, чем цвет основного цвета.

Opacity . Параметр задает степень непрозрачности заливки.

Tolerance . Данный параметр задает степень близости цветов пикселей, подлежащих заливке. Параметр может принимать значения от 0 до 255. Чем меньше значение параметра Tolerance, тем уже диапазон оттенков смежных пикселей, цвет которых будет изменяться на цвет заливки. С другой стороны, чем больше значение данного параметра, тем большее число пикселей, имеющих сходные цветовые оттенки, будет залито новым цветом.

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

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

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

Также для заливки можно воспользоваться командой Fill в меню Edit . Для этого сначала необходимо выделить область закрашивания с помощью любого из инструментов выделения, а затем выбрать команду Edit — Fill . Если же необходимо залить слой целиком, то выделение создавать не надо. После выбора команды Fill на экран выводится диалоговое окно данной команды, в котором можно задать те же параметры, что задаются для инструмента Paint Bucket/Заливка на панели Options.

Инструмент Gradient/Градиент позволяет создавать градиентную заливку, т.е. заливку, которая представляет собой постепенный переход одного цвета в другой.

Для того чтобы задать градиентную заливку, необходимо:

• Шаг 1. Выделить область, которую необходимо залить градиентом. Если необходимо залить слой целиком, то выделение создавать не надо.
• Шаг 2. Выбрать на панели инструментов инструмент Gradient/Градиент.
• Шаг 3. Задать основной цвет (начальный цвет градиента) и цвет фона (конечный цвет градиента).
• Шаг 4. Задать на панели Options параметры для инструмента.
• Шаг 5. Переместить курсор мыши внутрь выделенной области.
• Шаг 6. Нажать левую кнопку мыши и, продолжая удерживать кнопку мыши нажатой, провести прямую линию. Точка начала линии определяет положение основного цвета, а точка конца линии определяет положение цвета фона. Длина проведенной линии определяет плавность перехода из одного цвета в другой: чем короче проведенная линия, тем резче переход между цветами.

На панели Options для инструмента Gradient/Градиент задаются следующие параметры.

Для создания сложного градиента (градиента, который содержит переходы между тремя и более цветами) или редактирования существующего типа градиента используется редактор градиентов Gradient Editor , для открытия которого необходимо щелкнуть в поле просмотра параметра Gradient.

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

Для того, чтобы сделать слой полностью одним цветом, я насчитал 5 возможных способов.

Способы заливки слоя цветом

Способ 1

Команда меню Редактирование — Выполнить заливку (Fill), или нажатие на комбинацию горячих клавиш, дублирующих эту команду:

Комбинация горячих клавиш: Shift+F5

Откроется диалоговое окно Заполнить . В нем, в раскрывающемся списке Использовать выберите Цвет . Сразу же откроется палитра выбора цвета. Определитесь с цветом и нажмите ОК .

Способ 2

С помощью комбинации клавиш Alt+Backspace делается заливка слоя основным цветом, установленном на палитре инструментов — .

Способ 3 Инструмент «Заливка»

На панели инструментов выберите инструмент Заливка . Кликните по слою и он тут же окрасится основным цветом (смотрите пример выше).

Заливка работает, когда на слое нет ничего лишнего. Иначе инструмент закрасит лишь отдельные участки.

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

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

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

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

Способ 5 Слой-заливка

Выполните команду Слой — Новый слой-заливка (New Fill Layer) — Цвет. Можно сразу нажать кнопку ОК. После этого появится палитра выбора цвета заливки. Сделайте выбор.

Доброго всем времечка суток, уважаемые читатели моего блога. Как настроение? Готовы к труду и обороне? Отлично. мы с вами научились, а что если вам надо закрасить какую-то область? Неужели мы будем пыжиться, чтобы аккуратно закрашивать область кистью, пытаясь не задеть границы? Конечно нет.

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

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

Итак, поехали!

Простая заливка

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

Теперь возьмите еще один любой цвет и залейте область пересечения круга. Закрасилась лишь вот эта область пересечения. Но почему? Ведь мы нарисовали 2 разных круга? Да потому что мы нарисовали их на одном слое, поэтому они и считаются единым целым. Вот если бы два круга были были нарисованы на двух рахных слоях, тогда другое дело. Один из кругов (на активном слое) закрасился бы полностью. Но о слоях почитайте лучше .

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

Закрашивание узором

По умолчанию инструмент закрашивает тем цветом, который указан в основном цвете палитры. Но можно также закрашивать области узором. Давайте попробуем.

Допуск

Во многих инструментах есть такое свойство как допуск. И везде этот допуск работает примерно одинаково.

Чем меньше допуск, тем меньше цветовой диапазон закрашиваемой области. Т.е. если допуск 0 и вы хотите закрасить белым цветом на сине-голубом фоне, то заливке подвергнется только лишь тот оттенок, на который вы кликнули изначально, ну и конечно все точно такие же оттенки ни на грамм не отклоняющиеся от нормы. А если допуск будет максимальным (255 ), то заливка закрасит вообще весь холст без исключения.

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

Как видите, чем больше доступ, тем больше он использует диапазон цветов, которые считает родными и тем больше цветов и оттенков закрашивает. Я надеюсь, что суть вы уловили. Уловили? Если нет, то спрашивайте. Я отвечу.

Кстати

Напоследок хочу рассказать про еще один момент. Заливать цветом не обязательно какой либо рисунок. Можно просто залить область.

Для этого выделите какую-нибудь область (я выбрал ) и нарисуйте выделение на белом фоне.

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

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

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

Удачи вам в изучении. Главное не филонить). Увидимся с вами в следующих уроках. Пока-пока!

С уважением, Дмитрий Костин.

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

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

Заливка – инструмент, присутствующий даже в самых простых графических редакторах (Paint), и в профессиональных программах для рисования и редактирования (Paint Tool SAI, Adobe Photoshop). Она меняет оттенок или прозрачность выбранной площади на виртуальном холсте. Отличие от кисти в автоматизации действия, однородности и равномерности покрытия.

Заливки бывают четырех типов:

Как сделать заливку

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

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

Также для заливки можно использовать горячие клавиши:

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

Заливка цветом

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

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

В некоторых версиях Adobe Photoshop заливка и вектор имеют собственные иконки. В других же они объединены в одну и предоставляют выбор при непосредственном нажатии на них. Обычно изображаются они значком градиента.

Градиент

Для работы с градиентом, сначала на уже упомянутой панели тонов выбирается два нужных . Вектор будет идти от первого (верхнего) ко второму. Нажимается значок градиента . Зажимая левую кнопку мыши на выбранной области ведется линия, задающая его траекторию. После того, как кнопку отжимают, появляется градиент с указанным направлением, от первого цвета ко второму.

Переход одного цвета в другой будет происходить лишь по длине заданной линии. Чем короче линия, тем более резок переход, и наоборот. В Adobe Photoshop есть готовые заданные наборы тонов для градиента. Открыть панель с ними можно, щелкнув по палитре градиентов . Она находится приблизительно под кнопкой редактирования. Рядом с палитрой градиентов можно выбрать его тип : линейный, конусовидный, ромбовидный, зеркальный, радиальный. Левее от меню с типами градиента можно установить непрозрачность от нуля до ста процентов.

Узор

Использование текстуры не сильно отличается от заливки основным цветом. Выбирается нужный инструмент. В верхнем меню можно выбрать, чем заливать выбранную область холста. Это может быть основной оттенок (цвет в верхнем квадрате выбора тонов) и регулярный . Для заливки слоя текстурой понадобится регулярный цвет. После выбора становится доступным меню с текстурами. Оно находится правее экрана установки оттенка, в верхней линии.

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

Как залить выделенную область

Выделить область в Adobe Photoshop можно с помощью пары кликов мышью. В панели инструментов , вверху, находится инструмент выделение. При нажатии на него можно выбрать либо «Быстрое выделение » либо «Волшебную палочку ».

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

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

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

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

Для этого после выделения нужно перейти в «Редактирование » — «Выполнить заливку выделенной области ». В окне «Залить слой » в списке «Использовать » указать «С учетом содержимого ».

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

• сплошной равномерный цвет;
  
• градиент;
  
• узор.
  

Выполнение заливки

1. Для того, чтобы выполнить простую заливку цветом выделите область, которая будет заполнена цветом, активируйте инструмент «Заливка» (Paint Bucket Tool) в основной панели инструментов, выберите основной цвет и сделайте щелчок левой кнопкой мышки внутри выделенной области. В результате указанного действия она будет залита выбранным основным цветом.
   
2. Чтобы выполнить градиентную заливку также выделите заполняемую область на изображении. После этого активируйте инструмент «Градиент» (Gradient Tool) в панели инструментов, выберите один из предустановленных наборов используемой градиентной заливки. При необходимости выполните точную настройку параметров выбранного набора. Укажите форму и режим градиента, после чего укажите внутри выделенной области направление вектора градиента. Для этого установите курсор в начальную точку, зажмите левую кнопку мыши, перевидите курсор в выбранном направлении и отпустите левую кнопку. В результате данного действия выделенная область заполнится градиентной заливкой в соответствии с выполненными вами предварительными настройками.
   
3. При возникновении необходимости выполнения заливки узором из главного меню перейдите по следующему пути «Слои»-«Новый слой-заливка»-«Узор» («Layer»-«New Fill Layer»-«Pattern»). Нажмите кнопку «Ок» в появившемся окне. В результате данного действия выбранная область будет заполнена последней созданной вами заливкой-узором. Если такую заливку вы еще не создавали, то предварительно вам необходимо выполнить следующее.
   Создайте новый документ. Желательно, чтобы при этой его изображение имело квадратную форму с одинаковыми значениями высоты и ширины. Это обеспечит в последующем при их использовании как узоров равномерное заполнение исходных изображений. Создайте задуманный узор или скопируйте его на изображений из других источников. Выделите область изображения с помощью инструмента «Прямоугольная область выделения» (Rectangular Marquee Tool). Из главного меню перейдите по пути «Редактирование»-«Определить узор» (Edit-Define Pattern). В открывшемся окне присвойте имя новому узору и нажмите кнопку «Ок». Заливка-узор создана и готова к работе.
   

Приветствую вас в блоге Start-Luck. Сегодня мы продолжим изучать Photoshop. Данная тема будет интересна фотографам, дизайнерам, иллюстраторам и всем, кто хочет освоить графический пакет. Мы поговорим о том, как залить слой цветом.

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

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

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

Кстати, если вы начинающий веб-дизайнер, то очень рекомендую обратить внимание на ресурс netology.ru . У этого университета есть курс «Adobe Photoshop: основы для веб-дизайнера ». Чем он хорош: обучение ведут практикующие эксперты, которые знают всё о . Обучение делится на теорию и практику, лекции проходят во второй половине дня. Это особенно удобно, если вы работаете и учитесь. Процесс подачи знаний разделён на этапы, с азов и до создания макета веб-сайта.

За короткий период обучения вы получите навыки, которые помогут вам . Если бы вы учились самостоятельно, первые плоды вашего труда появились бы гораздо позднее. Я – человек, работающий на результата. Размытые перспективы, что я когда-нибудь научусь чему-нибудь, меня не радуют. Полагаю, вас тоже, а курсы помогут вам достичь конечной цели в сжатые сроки. Вы сможете работать и получать за это деньги.

Инструменты для работы

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

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

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

Выделили – отлично! После этого, в верхней строке выбираем выделение. В выпадающем меню ищем «Уточнить край».

У нас появилось окно, нам нужен .

Теперь внимательно смотрим на скриншот и делаем всё, так как на нём указано. Затем выводим на .

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

Покраска

А сейчас мы можем переходить непосредственно к заливке. Берём ковшик («Заливка») на панели инструментов, выбираем цвет. У нас, как вы помните розовый, можно залить чёрным или белым, только если зальёте белым, результат от исходника ничем отличаться не будет.

Панель с настройками должна выглядеть так. Сочетание клавиш Shift + Backspace поможет вызвать настройки заливки.

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

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

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

Графика – это важно!

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

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

Я знаю множество сайтов, которые могут похвастаться отличной бизнес-идеей. Но у них отталкивающий дизайн, он блеклый, неудобный и совершенно не выполняет свои первостепенные функции. А если над ним поработать, даже просто правильно подобрав фон (рекомендую к прочтению — ), информация будет бросаться в глаза, а пользователь не упустит то, что может предложить данный ресурс.

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

Успехов вам в любых начинаниях!

Здравствуйте, читатели.

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

Инструмент «Заливка»

Начнем обучение со специально созданного для нашей цели инструмента с соответствующим названием.

Он занимает одну ячейку с другим — «Градиент», о котором мы поговорим позже.

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

Данный инструмент используется для заполнения одним цветом или узорами. Как с ним работать?

• Откройте изображение и продублируйте слой, используя горячие клавиши Ctrl+J.

Вы знаете, как выделить область? Используйте для этого инструменты «Прямоугольник» или «Магнитное лассо».

• Внизу на панели инструментов находятся 2 квадрата один за другим. Первый — означает основной цвет. Нажмите на него, чтобы выбрать тот, который вам нужен.
• Поднесите ведерко к выделенной области и щелкните один раз левой кнопкой мыши. Она зальется выбранным цветом. Хотите заполнить часть изображения узором? Отличная идея, которая воплощается так:
• На верхней панели, под главным меню Photoshop, располагаются настройки взятого вами инструмента. Найдите небольшое окошко с орнаментом. Нажмите на стрелочку рядом с ним и выберите понравившийся.

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

Инструмент «Градиент»

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

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

• Расположенные рядом несколько значков определяют его форму: она может быть радиальной, угловой, линейной, ромбовидной и т. д.
• Попробуйте разные эффекты из раздела «Режим», среди которых есть затухание, мягкий свет, затемнение основы и пр.
• Хотите, чтобы под градиентом виднелась исходная картинка? Поиграйте с непрозрачностью.

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

Заливка или кисть?

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

О том как это сделать я писал в этой заметке:

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

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

Вот что было до:

Вот что стало после нажатия OK:

Остались не закрашенные места? Подкорректируйте их точечной восстанавливающей кистью малого диаметра.

Обводка

Вы хотите сделать рамку фотографии? Фотошоп предлагает простой вариант:

• «Прямоугольником» обведите фото, немного отступив от каждой стороны.
• Зайдите во вкладку «Редактирование» и выберите команду «Выполнить обводку».

• В появившемся окне укажите необходимый цвет, ширину и режим наложения.
• Нажмите «ОК».

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

http://o.cscore.ru/

Вдохновения вам, друзья.

Возвращайтесь ко мне за новой порцией полезных знаний по фотошопу и не только.

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

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

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

Заливка выделенной области в фотошоп:

Чтобы выделить область выберите инструмент «Лассо» (для этого нажмите на английской раскладки клавишу «L») или инструмент «Прямоугольная область» (клавиша «M»).

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

Затем в новом окошке вам нужно выбрать цвет заливки, для этого в раскрывающемся меню возле пункта «Использовать» нужно выбрать основной, фоновый или цвет на выбор:

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

Заливка всей области или выделенной с помощью инструмента «Заливка»

Сперва нужно активировать инструмент «Заливка», для этого нажмите на клавиатуре клавишу «G», если станет активент инструмент «Градиент», вместо «Заливка», то нажмите сочетание горячих клавиш Shift+G.

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

Заливка фона фотошопа:

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

Как нарисовать фигуры в Фотошопе

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

Создание фигур

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

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

Как видим, инструментов довольно много. Поговорим обо всех кратко.

1. Прямоугольник.
   C помощью данного инструмента мы можем нарисовать прямоугольник или квадрат (с зажатой клавишей SHIFT).

   Урок: Рисуем прямоугольники в Фотошопе

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

   Радиус скругления предварительно настраивается на панели параметров.

3. Эллипс.
   При помощи инструмента «Эллипс» создаются круги и овалы.

   Урок: Как нарисовать круг в Фотошопе

4. Многоугольник.
   Инструмент «Многоугольник» позволяет нам рисовать многоугольники с заданным количеством углов.

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

   Урок: Рисуем треугольник в Фотошопе

5. Линия.
   С помощью данного инструмента мы можем провести прямую линию в любом направлении. Клавиша SHIFT в данном случае позволяет проводить линии под 90 или 45 градусов относительно холста.

   Толщина линии настраивается все там же – на панели параметров.

   Урок: Рисуем прямую линию в Фотошопе

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

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

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

Общие настройки инструментов

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

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

2. Цвет заливки фигуры. Данный параметр работает, только если активирован инструмент из группы «Фигура», и мы находимся на слое с созданной фигурой. Здесь (слева направо) мы можем: выключить заливку полностью; залить фигуру сплошным цветом; залить градиентом; замостить узором.

3. Следующим в списке настроек идет «Штрих». Здесь имеется в виду обводка контура фигуры. Для штриха можно настроить (или отключить) цвет, причем задав тип заливки,

   и его толщину.

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

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

Манипуляции с фигурами

Данные манипуляции возможны, только если на холсте (слое) уже присутствует хотя бы одна фигура. Ниже станет понятно, почему так происходит.

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

2. Объединение фигур.

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

3. Вычитание фигур.

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

4. Пересечение фигур.

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

5. Исключение фигур.

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

6. Объединение компонентов фигур.

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

Практика

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

Итак, практика.

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

2. Затем выберем инструмент «Эллипс» и пункт настроек «Вычесть переднюю фигуру». Сейчас мы будем вырезать круг в нашем квадрате.

3. Кликаем один раз по любому месту на холсте и, в открывшемся диалоговом окне, пропишем размеры будущего «отверстия», а также поставим галку напротив пункта «От центра». Круг будет создан точно в центре холста.

4. Нажимаем ОК и видим следующее:

Отверстие готово.

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

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

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

7. Зададим обводку. Для этого взглянем на блок «Штрих» на панели параметров. Здесь выберем тип обводки «Пунктир» и ползунком изменим ее размер.

8. Цвет пунктира зададим с помощью клика по соседнему цветовому окошку.

9. Теперь, если полностью отключить заливку фигуры,

То можно увидеть следующую картину:

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

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

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

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

Помогла ли вам эта статья?

Создание кнопок в Photoshop

Рисование кнопки

. Определение формы кнопки.

Перед тем, как рисовать фигуру, обратитесь к панели настроек инструмента. В поле Radius (радиус) вы можете указать степень скругления углов. А чтобы потом превратить фигуру в выделение, должна быть нажата кнопка Path (Контур). После этого можно рисовать фигуру. Чтобы превратить созданный контур в выделение, щелкните на нем правой кнопкой мыши и выберите пункт Make Selection (Сделать выделение).

. Заливка созданной фигуры кнопки.

Теперь нужно залить кнопку либо цветом, либо градиентом. Но прежде, чем перейти к заливке, откройте палитру Layers (Слои), выполнив команду Windows — Layers (Окно — Слои). На этой палитре нужно создать новый слой, на котором будет находиться кнопка.

СОВЕТ

Вообще рекомендую каждый графический элемент размещать на отдельном слое — это намного упрощает работу с объектами на изображении.

После того, как слой создан, возьмите инструмент заливки [pic], с помощью индикатора цвета выберите подходящий цвет и закрасьте созданное выделение. У вас получится обычный квадрат, залитый выбранным цветом, но никак не кнопка. Поэтому я рекомендую для заливки использовать градиентную заливку, с помощью которой можно сымитировать объем, блики и т.д.

Обратите внимание на панель настроек данного инструмента.

Далее следуют кнопки, с помощью которых можно определить тип градиента.

Angle Gradient (Угловой градиент). Переход цветов осуществляется от центральной точки во все стороны по линии, описывающей периметр окружности.
Reflected Gradient (Отраженный градиент). Цвета, как и в первом случае, распределяются вдоль прямой, однако происходит зеркальное отражение градиента относительно начальной точки.

Diamond Gradient (Ромбовидный градиент). Цвета распределяются от начальной точки во все стороны в виде ромба.

Кроме использования уже имеющихся в программе Photoshop, вы можете создавать свои градиенты или редактировать созданные разработчиками. Для этого вам нужно открыть редактор градиентов. Щелкните левой кнопкой мыши на изображении градиента на панели параметров инструмента Gradient (Градиент). На экране появится диалоговое окно Gradient Editor (Редактор градиента).

Для начала нужно выбрать образец градиента в области Presets (Предустановки). Затем, перемещая ползунки на цветовой полоске, определите содержание каждого цвета в градиенте. Кроме того, вы можете добавлять в градиент новые цвета или изменять уже имеющиеся.

. Для изменения цвета щелкните два раза левой кнопкой мыши по ползунку. Перед вами появится диалоговое окно Color Picker (Выбор цвета). Выберите любой цвет и нажмите кнопку ОК. Ползунок изменит цвет на выбранный вами, а вместе с ним изменится и цветовая составляющая
градиента.

. Для добавления цвета в градиент щелкните один раз левой кнопкой мыши рядом с любым ползунком. Под цветовой полосой появится еще один квадратик. Для того, чтобы изменить добавленный цвет, щелкните в окошке Color (Цвет) и в появившемся окне выберите необходимый цвет.
Вы можете определить прозрачность цветов вашего градиента. За прозрачность отвечают маркеры, которые расположены над цветовой полосой. Щелкните по любому из них и в поле Opacity (Непрозрачность) введите подходящее значение. Добавляются маркеры непрозрачности так же, как и цветовые. Чтобы удалить ненужный цветовой маркер или маркер прозрачности, достаточно его выделить, щелкнув на нем левой кнопкой мыши, и нажать клавишу Delete на клавиатуре. Чтобы залить выделенную область градиентом, щелкните мышью внутри выделенной области и, не отпуская кнопку мыши, протяните указатель, а затем отпустите.

Объем кнопки

Изменяя параметры Size (Размер) и Soften (Мягкость), можно добиться объемности кнопки.

Отражение

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

2. Теперь возьмите инструмент перемещения и переместите копию кнопки вниз.

3. Осталось удалить часть копии кнопки и растушевать границы, а также сделать отражение полупрозрачным. Возьмите инструмент прямоугольного выделения и выделите нижнюю часть копии кнопки.

4. Растушуйте край выделения, выполнив команду Select — Modify — Feather (Выделение — Изменение — Растушевка). В появившемся окне укажите количество пикселей, на которое нужно растушевать край выделения.

6. Чтобы сделать отражение полупрозрачным, на палитре Layers (Слои), измените значение Opacity (Непрозрачность) для слоя с отражением кнопки.

Вот полученный результат:

Елена Динман, Центр компьютерного образования FreeDom

Компьютерная газета. Статья была опубликована в номере 01 за 2009 год в рубрике soft

Как сделать градиент в Photoshop (с изображениями)

Об этой статье

Написано:

Технический специалист

Соавторы: 10

Обновлено: 15 июля 2021 г.

Просмотры: 351,705

Чтобы создать градиент в Photoshop, щелкните инструмент градиента на панели инструментов.Этот инструмент имеет квадратный значок с серым градиентом и имеет ту же кнопку, что и инструмент «Ведро с краской». Если вы не видите инструмент градиента, нажмите и удерживайте ведро с краской, пока меню не развернется, а затем нажмите «« Инструмент градиента »». На панели вверху Photoshop появятся различные инструменты градиента. Щелкните раскрывающееся меню, которое выглядит как широкий градиент, чтобы открыть редактор градиентов. Выберите одну из предустановок, чтобы открыть градиент для редактирования — панель градиента внизу отобразит предварительный просмотр. Чтобы использовать предустановленный градиент, нажмите «ОК», а затем щелкните и перетащите по области, которую вы хотите заполнить градиентом.Когда вы поднимаете мышь, это добавит градиент к той части изображения, на которой вы разместили линию. Вы также можете использовать цвета, отличные от тех, что вы видите в подарках. Для этого щелкните раскрывающееся меню «Градиент», чтобы вернуться в редактор градиентов, и выберите для запуска «Основные градиенты». Вы увидите квадрат в каждом углу панели предварительного просмотра. Ползунки внизу называются «стопами», и они определяют, где цвета появляются на градиенте. Щелкните нижний левый упор, а затем выберите цвет из раскрывающегося списка «Цвет».Затем выберите конечный цвет, щелкнув нижнюю правую границу и выбрав другой оттенок. Теперь перетащите упоры в нужные места, пока цвета градиента не появятся так, как вы хотите. Когда вы это сделаете, посередине появится еще одна остановка, которая регулирует место смешивания цветов. Если вы хотите добавить больше цветов, нажмите под градиентом, где вы хотите добавить цвет, чтобы создать еще одну остановку, а затем выберите нужный цвет. Чтобы удалить остановку, просто выберите ее и нажмите «Удалить».»» Ограничения в двух верхних углах — это остановки непрозрачности, которые определяют, насколько твердым или полупрозрачным будет цвет в определенной области. Вы также можете использовать меню «Гладкость», чтобы настроить плавность градиента там, где он меняет цвет. Когда вы закончите, нажмите «ОК», а затем нарисуйте линию, чтобы разместить градиент.

• Печать
• Отправить письмо поклонника авторам

Как создавать градиенты вокруг объектов неправильной формы в Photoshop | Small Business

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

Откройте файл изображения, содержащий ваш объект.

Щелкните правой кнопкой мыши слой, содержащий объект, на панели «Слои» и выберите «Слой из фона».«Введите имя слоя в появившемся диалоговом окне« Новый слой »и нажмите« ОК », чтобы преобразовать слой из заблокированного фона в разблокированный.

Щелкните значок страницы в нижней части панели« Слои », чтобы создать новый слой для градиент. Он появится над слоем объекта на панели «Слои» и выделится автоматически.

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

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

Выберите тип градиента на панели параметров. Например, выберите «Радиальный градиент», чтобы создать круговой узор.

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

Перетащите слой градиента на панель «Слои» так, чтобы он находился под слоем, содержащим объект.

Щелкните слой, содержащий объект. Выберите инструмент «Волшебная палочка» на панели инструментов и щелкните в области фона вашего объекта, чтобы выбрать его. Лучше всего это работает с однотонным фоном, который хорошо контрастирует с объектом.

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

Ссылки

Советы

• Для точной настройки выбора Magic Wand нажмите кнопку «Уточнить край» на панели параметров.Щелкните «Smart Radius» в разделе «Обнаружение краев». При необходимости отрегулируйте радиус, наблюдая за тем, как он влияет на выбор изображения. Вы можете поиграть с этими настройками, чтобы получить нужное вам качество. Например, переместите ползунок «Smooth» в разделе «Adjust Edge», чтобы получить более плавное выделение. Нажмите «OK», чтобы закрыть окно «Refine Edge».

Писатель Биография

Уилла Данн пишет с 1970 года. Она написала контент для веб-сайтов, а также техническую документацию, стихи и художественную литературу.Она специализируется на изделиях, связанных с садоводством и технологиями. Данн учился в Технологическом институте Иллинойса и Иллинойсском университете, изучая фотографию и информатику. Она увлекается домашним садоводством.

2 простых способа сделать прозрачный градиент в Photoshop

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

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

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

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

2 быстрых метода создания прозрачного градиента в Photoshop

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

Примечание. Снимки экрана взяты из версии Adobe Photoshop CC 2021 для Mac. Windows или другие версии могут выглядеть немного иначе.

Метод 1: Инструмент «Градиент»

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

Шаг 1: Откройте изображение в Photoshop.

Шаг 2: Выберите цвет с помощью палитры цветов.

Шаг 3: Выберите инструмент Gradient Tool (M) , перейдите в верхнее меню и нажмите на «Редактор градиента».

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

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

Шаг 4: Щелкните изображение и перетащите его в направлении, в котором должен отображаться градиент.Например, я собираюсь щелкнуть край фотографии и перетащить ее к центру.

Видите ли, я применил прозрачный градиент только к нижней части.

Советы: вы также можете создать слой градиента, но это не дает вам гибкости в выборе области градиента.

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

Метод 2: маска слоя

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

Шаг 1: Откройте изображение в Photoshop.

Шаг 2: Создайте новый слой Solid Color и выберите цвет. Например, я выбрал темно-серый цвет.

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

Шаг 3: Выберите новый слой и перетащите его под изображение. Таким образом, слой изображения заката находится над слоем цветного фона. (Как показано на скриншоте ниже в шаге 4).

Шаг 4: Выберите слой изображения и добавьте маску слоя.

Шаг 5: Выберите инструмент «Градиент» и при необходимости отредактируйте его в редакторе градиентов.

Шаг 6: Щелкните и перетащите область, для которой требуется эффект прозрачного градиента, на маске слоя. Я снова нажимаю на нижнюю часть изображения и перетаскиваю его к центру.

Примечание: вы должны добавить градиент на маску слоя.

Заключение

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

Ханна работает дизайнером веб-сайтов в цифровом агентстве, базирующемся в Великобритании. Она имеет более чем 15-летний опыт использования Photoshop и использует его ежедневно с 2005 года.

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

Прозрачный градиент в Photoshop очень полезен для фотографов и графических дизайнеров.

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

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

Как создать прозрачный градиент в Photoshop

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

Шаг 1. Добавьте новый слой

Откройте фотографию, которую хотите использовать в Photoshop.

Щелкните значок «Создать новый слой» на панели «Слои».

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

Дважды щелкните фоновый слой, чтобы разблокировать его. Щелкните ОК. Теперь щелкните и перетащите новый слой полностью вниз, чтобы он стал фоном.

Шаг 2: Добавьте маску слоя

Выберите слой, содержащий фотографию.

Щелкните значок «Добавить маску слоя» на панели «Слои».

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

Нарисуйте белым, и они снова появятся.

Шаг 3. Добавьте прозрачный градиент

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

Выберите инструмент градиента на панели инструментов слева.

В верхнем меню выберите черно-белый градиент.

Убедитесь, что эскиз маски выбран.

Щелкните любую сторону фотографии и перетащите курсор на фотографию ближе к центру. Отпустите половину фотографии.

Часть фото становится прозрачной. Если вам не нравится результат, нажмите Cmd + Z (Ctrl + Z для окон), чтобы отменить и повторно применить градиент.Вы также можете просто снова залить маску слоя белым цветом.

Шаг 4: Заливка фонового слоя

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

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

И это очень простой способ превратить фотографию в фон в Photoshop.

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

Как настроить прозрачный градиент в Photoshop

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

Убедитесь, что выбрали миниатюру маски слоя. Выберите инструмент «Кисть» и установите черный цвет.

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

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

Заключение

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

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

Хотите больше? Попробуйте наш курс творческой обработки в Photoshop

Это 30-дневный творческий фотографический проект, которым вы можете заниматься дома с базовым оборудованием.

Здесь показано, как делать фотографии, которые заставляют людей говорить «Вау! Как вы это восприняли? ».

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

Как использовать инструмент «Градиент» в Photoshop — Брендан Уильямс. Креатив

Инструмент «Градиент» — это мощный инструмент, с помощью которого можно размыть края фотографий, применить цвета или даже настроить маски слоев. Хотя инструмент градиента относительно прост в использовании, «под капотом» инструмента градиента скрывается гораздо больше, чем вы можете себе представить.Лучшее понимание инструмента градиента поможет вам лучше контролировать, как выглядят ваши градиенты и на какие части фотографии они будут влиять.

Чтобы создать новый градиент в Photoshop, откройте инструмент «Градиент» (G) и щелкните редактор градиента. Здесь вы можете выбрать предустановленный градиент или создать свой собственный. Выбрав градиент, щелкните и растяните холст, чтобы создать новый градиент. В зависимости от того, как далеко вы перетащите курсор, вы можете изменить, насколько «мягким» или «жестким» будет край вашего градиента.

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

Что такое «градиент» в Photoshop?

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

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

Сочетание клавиш для доступа к инструменту «Градиент»

Простое сочетание клавиш, которое можно использовать для доступа к инструменту «Градиент» в Photoshop, — это нажатие G на клавиатуре.Нажатие G выберет инструмент «Градиент», так что вы сможете сразу же приступить к настройке параметров и созданию градиентов по своему желанию.

Как создать новый градиент с помощью инструмента «Градиент»

Давайте рассмотрим основы создания нового градиента в Photoshop. Чтобы начать, нажмите G или нажмите на инструмент «Градиент» на панели инструментов.

Редактор градиента

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

— Окно предустановок

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

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

— Градиентная полоса

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

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

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

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

При плавности 100% будет очень мягкий переход между каждым цветом. Однако при гладкости 0% переход между цветами будет немного более резким. Для общего использования вполне подойдет установка ползунка плавности на 100%.

— Цвета градиента

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

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

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

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

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

— Средние точки градиента

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

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

После того, как вы просмотрели свой редактор градиентов и выбрали все необходимые настройки для нового градиента, нажмите OK , чтобы выйти из редактора градиента.

Типы градиентов

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

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

1. Линейный градиент

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

2. Радиальный градиент

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

3. Угловой градиент

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

Этот тип градиента гораздо более специализирован по сравнению с некоторыми другими типами градиента в Photoshop. Скорее всего, вы не будете так часто использовать эту опцию.

4. Отраженный градиент

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

5. Алмазный градиент

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

— Объяснение настроек инструмента «Градиент»

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

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

Затем ваш параметр непрозрачности изменит видимость ваших настроек градиента.Чтобы ваш градиент был полностью виден, я бы рекомендовал установить непрозрачность на 100%. В конце концов, вы всегда можете настроить непрозрачность слоя позже, когда примените градиент к новому слою. В этом смысле параметр непрозрачности становится немного лишним.

Наконец, вы увидите три флажка: реверс, дизеринг и прозрачность .

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

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

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

Создание нового градиента на холсте

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

— Применение градиентов к слою

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

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

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

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

— Создание слоя градиентной заливки

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

Чтобы создать новый слой с градиентной заливкой, выберите Layer> New Fill Layer> Gradient.

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

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

Если вы согласны с настройками, нажмите OK.

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

Как создать собственный градиент в Photoshop

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

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

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

Итак, вы создали свой собственный градиент, готовый к использованию!

Сохранение пользовательских градиентов в качестве предустановки градиента

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

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

Затем нажмите кнопку «Новый» , чтобы сохранить градиент.

Теперь ваш собственный градиент появится в виде собственной предустановки в нижней части окна ваших предустановок!

Создание прозрачных градиентов

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

Чтобы создать прозрачный градиент, выберите инструмент градиента ( G ) и откройте редактор градиента.

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

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

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

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

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

Теперь вы успешно создали прозрачный градиент!

Подробнее: Полное руководство по прозрачным градиентам в Photoshop

Создание градиентного фона в Photoshop

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

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

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

А что, если у вас нет фонового слоя?

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

Как изменить цвет градиента

На этом этапе вы знаете, как изменить цвет градиента, прежде чем создавать его. Итак, как вы можете изменить цвета уже существующего градиента? Ну, все зависит от типа созданного вами градиента. Если вы применили разноцветный градиент к слою, вы не сможете изменить цвет, не переделав его полностью.

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

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

Как вы узнали выше, новый слой градиентной заливки создается путем перехода к Layer> New Fill Layer> Gradient.

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

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

Поскольку у вас всегда есть доступ к этим настройкам градиента при использовании слоев градиентной заливки, вы можете изменить цвет в любое время без особых хлопот!

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

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

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

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

Дважды щелкнув значок слоя градиентной заливки, вы получите доступ к настройкам градиента. В этом диалоговом окне вы найдете вариант угла, а также флажок «перевернуть».

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

Если вы хотите инвертировать цвета градиента, отметьте опцию «реверс».Это переключит, с какой стороны градиента исходят ваши цвета. Нет ничего проще!

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

Удачного редактирования!

— Брендан 🙂

Photoshop Elements 15 инструментов для применения заливок и обводок

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

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

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

Панель слоев

Первое, что вам понадобится при работе со слоями, — это панель «Слои». Чтобы просмотреть панель «Слои», выберите «Окна»> «Слои».

Панель «Слои» появится в подборке панелей.

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

Это фоновый слой.

Фоновый слой — это изображение, которое вы изначально открывали в рабочей области.

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

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

Создание слоев

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

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

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

Слои имен

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

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

Создание слоя заливки

Слой, который мы создали выше, был прозрачным. Однако Photoshop Elements дает вам возможность создавать несколько различных типов слоев.Например, вы можете создать слой заливки из узора.

Чтобы создать слой заливки, перейдите в Слой> Новый слой заливки> Узор.

После этого вы увидите диалоговое окно «Новый слой».

В поле «Имя» введите имя слоя. Вы также можете выбрать цвет и режим наложения.

Щелкните кнопку ОК.

Затем выберите узорную заливку для слоя.

Щелкните кнопку ОК.

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

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

ПРИМЕЧАНИЕ. Вы также можете создать слой заливки, перейдя на панель «Слои» и нажав кнопку «Создать новый слой заливки или корректирующий слой», а затем выбрав тип слоя, который вы хотите создать. Кнопка выглядит так:.

Регулировка непрозрачности слоя

Взгляните еще раз на наше изображение из последнего раздела.

Как видите, новый слой заливки полностью покрывает слой над ним. Мы не можем видеть слой над ним.

Слой над новым слоем заливки изображен на панели «Слои» ниже.

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

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

Затем перейдите в раскрывающийся список «Непрозрачность» и уменьшите непрозрачность с помощью ползунка. Уменьшение непрозрачности делает выбранный слой более прозрачным.

Мы уменьшили слой заливки до 50%. Теперь вы можете увидеть все слои.

Удаление слоя

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

Вы увидите это диалоговое окно подтверждения.

Нажмите кнопку «Да», чтобы удалить слой.

Создание корректирующих слоев

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

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

Чтобы добавить слой, перейдите в Слой> Новый корректирующий слой> Яркость / Контрастность.

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

Пока не нужно беспокоиться о панели Adjustments.А пока давайте сосредоточимся на диалоговом окне «Новый слой».

В поле «Имя» введите имя для нового слоя. Вы также можете выбрать цвет и режим наложения.

Щелкните кнопку ОК.

Теперь, если вы посмотрите на панель Adjustments, вы можете настроить яркость и контраст для нового слоя.

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

Вы можете увидеть новый слой на панели «Слои».

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

ПРИМЕЧАНИЕ. Вы также можете создать слой заливки, перейдя на панель «Слои» и нажав кнопку «Создать новый слой заливки или корректирующий слой», а затем выбрав тип слоя, который вы хотите создать. Кнопка выглядит так:.

Создание слоя изображения

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

Для этого откройте два изображения, которые вы хотите объединить, как показано ниже в подборке фотографий.

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

После выбора изображения выберите «Правка»> «Копировать».

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

Перейдите в меню «Правка»> «Вставить».

Теперь скопированное изображение будет помещено поверх фонового изображения.

С помощью панели «Слои» отрегулируйте непрозрачность вставляемого слоя.

Подвижные слои

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

Мы можем исправить это, переместив верхний слой.

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

Чтобы переместить слой, перейдите к инструменту «Перемещение» на панели «Инструменты». Выглядит это так:.

Щелкните изображение. Вы можете переместить выбранный слой, перетащив его.

Создание слоя из выделенного фрагмента

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

Чтобы создать выделение, вы воспользуетесь инструментами выделения на панели «Инструменты».

Выберите, какой инструмент выделения вы хотите использовать (Прямоугольная область, Лассо и т. Д.).), затем выберите часть изображения, которую вы хотите использовать в качестве слоя.

Мы собираемся использовать Магнитное лассо, чтобы выбрать мяч на изображении ниже.

Как вы можете видеть ниже, мяч выбран.

Теперь мы скопируем выделение, чтобы вставить его как слой в другое изображение. Для этого переходим в Edit> Copy.

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

Для этого мы создаем новый слой для изображения выше.

Затем мы переходим в меню «Правка»> «Вставить».

Новый слой теперь отображается на панели слоев.

Регулировка размера слоя

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

Чтобы изменить размер слоя, выберите его, затем выберите «Изображение»> «Изменить размер» и выберите нужный вариант.

Мы выбрали «Масштаб», чтобы можно было масштабировать слой с бейсбольным мячом на изображении ниже.

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

Слои группировки

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

Чтобы сгруппировать слои вместе, сначала выберите слои, которые вы хотите сгруппировать, нажав CTRL + щелчок, чтобы выбрать слои.

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

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

Слои цветового кодирования

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

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

Выберите цвет в контекстном меню.

Выбранный цвет будет отображаться вместе со слоем на панели «Слои».

Мы выбрали красный.

Объединение слоев

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

Для объединения слоев:

инструментов заливки в Adobe Photoshop

Инструменты заливки в Adobe Photoshop

Инструменты заливки — эти инструменты заполняют выбранный объект, область или слой цветом.
В Adobe Photoshop это делается с помощью Paint Bucket и Gradient .

Инструменты Paint Bucket и Gradient занимают одну ячейку на панели инструментов и представлены значком последнего использованного инструмента. Чтобы выбрать другой инструмент, щелкните правой кнопкой мыши треугольник рядом с инструментом и выберите нужный инструмент в появившемся меню. В это меню также можно попасть, если нажать на значок инструмента и подождать несколько секунд.

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

Параметры для ведра с краской устанавливаются на панели «Параметры».

Заполн. Этот параметр определяет, каким образом Paint Bucket заполнит область: цветом (передний план) или узором (узор).

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

Режим. Этот параметр устанавливает режим заливки области. Например, если выбран режим затемнения, Paint Bucket заменит только пиксели светлее основного цвета.

Непрозрачность. Этот параметр устанавливает непрозрачность заливки.

Допуск. Этот параметр устанавливает степень влияния заливки на цвета пикселей. Он может принимать значения от 0 до 255. При меньших значениях параметра Tolerance диапазон цветов, на которые воздействует инструмент, будет уменьшаться. По мере увеличения значения инструмент влияет на большее количество пикселей с одинаковыми цветовыми оттенками.

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

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

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

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

Инструмент «Градиент» используется для заливки градиентом, то есть заполняется одним цветом, который постепенно меняется на другой.

Чтобы сделать градиентную заливку:

• Шаг 1. Выберите область для заливки градиентом. Если будет заполнен весь слой, то делать выбор не нужно.
• Шаг 2. Выберите инструмент «Градиент» на панели инструментов.
• Шаг 3. Установите основной цвет (первый цвет градиента) и цвет фона (последний цвет градиента).
• Шаг 4. Задайте параметры инструмента на Панели настроек.
• Шаг 5. Переместите курсор внутри выделенной области.
• Шаг 6. Нажмите левую кнопку мыши и, удерживая ее, двигайтесь по прямой линии. Начальная точка определяет, где будет начинаться основной цвет, конечная точка определяет, где будет цвет фона. Длина линии определяет степень перехода от одного цвета к другому: чем короче линия, тем резче переход между цветами.

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

Градиент. Параметр Gradient отображает типы градиента, из которых можно выбрать. Чтобы выбрать другой тип градиента, нажмите треугольную кнопку, чтобы открыть палитру, в которой можно выбрать другой градиент, затем выберите узор градиента.

Стиль градиента. Стиль градиента можно установить с помощью одной из следующих кнопок:
линейный, Радиальный, Угол, Отраженный,
Бриллиант.

Режим. Этот параметр устанавливает режим, в котором применяется цвет.

Непрозрачность. Этот параметр устанавливает уровень непрозрачности градиента. Чем ниже значение параметра «Непрозрачность», тем более непрозрачными будут цвета.

Реверс. Если установлен флажок «Обратный», градиент начинается с цвета фона и заканчивается основным цветом.

Дизеринг. При применении градиента с множеством цветовых переходов переходы между цветами будут видны в виде полос. Чтобы сгладить эти переходы, установите флажок «Дизеринг».

Прозрачность.К градиенту можно добавить прозрачность. Чтобы добавить прозрачности градиенту, установите флажок «Прозрачность».

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

Facebook

Твиттер

Pinterest