В этом материале мы рассмотрим инструмент для создания сложных векторных фигур произвольной формы с настройками, задаваемыми пользователями, например, контуры сердечек, звёзд, снежинок, фигуры людей и животных, формы листьев и цветов и даже фирменные логотипы.
В программе Adobe Photoshop такие сложные векторные фигуры называются "Пользовательскими фигурами" (Custom Shapes) и создаются с помощью инструмента "Произвольная фигура" (Custom Shape Tool).
Расположен этот инструмент в инструментальной панели в группе векторных фигур:
Выбор пользовательской формы
При активированном инструменте "Произвольная фигура" мы можем выбрать форму фигуры из палитры выбора, которая открывается по клику по соответствующему значку в Панели параметров:
Для выбора желаемой формы нужно кликнуть по соответствующей миниатюре.
Но, в большинстве случаев, используется первый тип, "Фигура" (Shape Layers).
Выбор цвета и типа заливки произвольной фигуры
После того, как Вы выбрали желаемую форму, Вы можете выбрать цвет её заливки, а в Photoshop CS6 еще и тип заливки - сплошной цвет, градиент или узор. Для того, чтобы приступить к настройкам заливки, следует кликнуть по цветному квадратику в панели параметров (кстати, по умолчанию, он чёрный):
Выбор цвета и типа обводки произвольной фигуры
Эта опция появилась только в версии Photoshop CS6. С помощью данной опции можно выбрать обводку фигуры, подробнее про создание обводки рассказывается в статье "Пунктирная рамка и линия в Photoship CS6"
Рисование векторных форм
Чтобы приступить к отрисовке векторной фигуры, нажмите левой клавишей мыши в документе, этим Вы установите отправную точку, затем, удерживая клавишу зажатой, протащите курсор до конечной точки. При перетаскивании курсора Photoshop схематично отображает форму. Когда Вы дотащите курсор до конечной точки, отпустите клавишу, и Phoptoshop заполнит фигуру выбранным цветом:
В Photoshop по умолчанию встроено большое количество различных форм, сейчас мы видим только стартовый набор, отображающийся по умолчанию. Для примера, я выберу форму сердечка:
Выбор режима фигуры
Photoshop позволяет создавать нам три совершенно разных вида фигур. Мы можем создать "Векторную фигуру" (Vector Shapes), не зависящую от разрешения и масштабируемую без потери качества изображения (как программе Illustrator). Мы можем создать тип "Контур" (Path), который является только контуром фигур. И мы можем создать пиксельную форму, в которой Photoshop заполнит форму цветными пикселями.
Рисование форм с правильными пропорциями
Заметьте, однако, что форма моего сердечка выглядит несколько плоской. Неправильная форма была сделана потому, что, по умолчанию, Photoshop не задаёт правильные пропорции и соотношения сторон формы при создании. Я нажму комбинацию Ctrl+Z для отмены шага по созданию формы и попробую создать сердечко еще раз.
Чтобы нарисовать произвольную фигуру с правильными пропорциями, повторите описанные выше действия по созданию формы, но, на этот раз, нажмите и удерживайте клавишу Shift сразу после начала перетаскивания курсора. Как только вы зажмёте Shift, вы увидите, как форма изменила свои очертания на геометрически правильные.
Тут есть один важный нюанс - как только Вы закончите протаскивать курсор, отпустите сначала левую клавишу мыши, а уже после клавиши мыши отпустите клавишу Shift, после чего Phoptoshop также заполнит фигуру выбранным цветом.
Теперь сердечко получилось более симпатичным:
Изменение цвета готовой фигуры
Но что делать, если вам вдруг понадобилось изменить цвет уже готовой векторной фигуры? Нет ничего проще. Для этого Вам достаточно лишь дважды кликнуть по соответствующему значку в Панели слоёв. В CS6 отображение слой-фигуры в Панели слоёв отличается от более ранних версий, на скриншоте ниже я привёл два варианта панелей: слева - в CS6, справа в CS5 и более ранних версиях, кликнуть следует по обведённому жёлтой рамкой значку:
После колика отобразится цветовая палитра, гды Вы сможете подобрать нужный цвет, после чего нажать ОК.
Если Вы пользуетесь CS6 и заполнили площадь фигуры градиентом или узором, то в последствии Вы можете изменить и их. Для этого Вам также потребуется кликнуть по значку слой-фигура в Панели слоёв. На рисунке я показал изменение градиентной заливки:
Загрузка дополнительных форм
Как я уже упоминал, Photoshop поставляется с большим набором пользовательских форм. Чтобы их выбрать, нажмите на иконку палитры выбора в панели параметров, а затем на значок в правом верхнем формы выбора:
Вы можете выбрать любую строчку из группы, обведённой красной рамкой. А кликнув по строке "Загрузить фигуры" (Load Shapes), Вы сможете загрузить собственные готовые наборы фигур, например, скачанные с интернета. Файлы с наборами фигур имеют расширение csh.
В следующем материале мы рассмотрим, как создавать свои собственные формы, а также, как их сохранять и использовать Вашу собственную коллекцию пользовательских форм.
Помощь сайту
Понравился сайт? Уроки оказались полезными? Мы будем благодарны, если Вы окажете небольшую помощь в развитии проекта (на кофе и сервер).
Райфайзен банк прямой перевод на карту
QIWI кошелёк: ссылка для пополнения на никнейм NOSTROM
Сбербанк, номер карты для прямого перевода: 4274 3200 5092 4219
PayPal ссылка для перевода
WebMoney, рублёвый кошелёк R250684729036, долларовый кошелёк: Z170567175694
Яндекс.Деньги, форма для пополнения:
Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!
Похожие материалы:
В пилотном материале о векторных фигурах Photoshop я рассказал, как в этой программе выбирать различные векторные инструменты формы на панели...
|
Для начала выясним, что же такое фигура (Shape). В Фотошопе основными изображениями являются растровые, т.е состоящие из отдельных пикселей. В...
|
Ранее я рассказал о следующих векторных фигурах Photoshop:
● Прямоугольник (Rectangle Tool)
● Прямоугольник со скруглёнными углами (Rounded...
|
Сорок семь векторных фигур (Shapes, файлы CSH) снежинок, кроме того, каждая снежинка имеется на изображении в фале PNG размером 1000 на 1000 пикселей...
|