Векторный инструмент Photosop: Произвольная Фигура

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

В программе Adobe Photoshop такие сложные векторные фигуры называются "Пользовательскими фигурами" (Custom Shapes) и создаются с помощью инструмента "Произвольная фигура" (Custom Shape Tool).

Расположен этот инструмент в инструментальной панели в группе векторных фигур:

p

Выбор пользовательской формы

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

p

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

Но, в большинстве случаев, используется первый тип, "Фигура" (Shape Layers).

Выбор цвета и типа заливки произвольной фигуры

После того, как Вы выбрали желаемую форму, Вы можете выбрать цвет её заливки, а в Photoshop CS6 еще и тип заливки - сплошной цвет, градиент или узор. Для того, чтобы приступить к настройкам заливки, следует кликнуть по цветному квадратику в панели параметров (кстати, по умолчанию, он чёрный):

p

Выбор цвета и типа обводки произвольной фигуры

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

Рисование векторных форм

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

Векторный инструмент Photosop: Произвольная Фигура

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

форма

Выбор режима фигуры

Photoshop позволяет создавать нам три совершенно разных вида фигур. Мы можем создать "Векторную фигуру" (Vector Shapes), не зависящую от разрешения и масштабируемую без потери качества изображения (как программе Illustrator). Мы можем создать тип "Контур" (Path), который является только контуром фигур. И мы можем создать пиксельную форму, в которой Photoshop заполнит форму цветными пикселями.

Рисование форм с правильными пропорциями

Заметьте, однако, что форма моего сердечка выглядит несколько плоской. Неправильная форма была сделана потому, что, по умолчанию, Photoshop не задаёт правильные пропорции и соотношения сторон формы при создании. Я нажму комбинацию Ctrl+Z для отмены шага по созданию формы и попробую создать сердечко еще раз.

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

Теперь сердечко получилось более симпатичным:

p

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

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

p

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

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

p

Загрузка дополнительных форм

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

p

Вы можете выбрать любую строчку из группы, обведённой красной рамкой. А кликнув по строке "Загрузить фигуры" (Load Shapes), Вы сможете загрузить собственные готовые наборы фигур, например, скачанные с интернета. Файлы с наборами фигур имеют расширение csh.

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

Помощь сайту

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

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

Прямолинейное лассо (Polygonal Lasso Tool)
Прямолинейное лассо, оно же Полигональное, оно же Polygonal Lasso Tool - еще один из основных инструментов выделения Photoshop, немного похож на...
shapes
Тридцать четыре векторные фигуры, представляющие из себя контуры людей. Образцы показаны на рисунке: Все фигуры: Скачать векторные фигуры: Скачать...
овальная область - инструмент выделения Photoshop
В предыдущем уроке мы узнали, как работает инструмент Photoshop "Прямоугольная область" (Rectangular Marquee Tool), с помощью которого можно быстро...
Волшебная палочка (Magic Wand Tool) - инструмент выделения Photoshop
"Волшебная палочка", или Magic Wand Tool является одним из старейших инструментов выделения в Photoshop. В отличие от других инструментов выделения...