Статьи » Обучающие статьи » Adobe Photoshop


Нюансы Adobe Photoshop. Часть IV. Вектора


Автор статьи: Koxae

Добавлено: 08 Февраля 2012 в 06:45 | Обновлено:
Просмотров: 4149 | Комментарии: 5

Понравилось: 27 пользователям




Хотела я продолжить тему работы со слоями, но, по некоторым причинам, решила поведать вам о векторных путях в Adobe Photoshop.

В Photoshop мы имеем дело с растровой графикой, представляющей из себя набор пикселей. Пиксели мы видим на экране мониторов, пиксели печатают растровые принтеры. Но, помимо растровой, существует векторная графика. Я не буду сильно углубляться в дебри понятий, скажу лишь, что векторная графика основана на принципе кривых Безье и не содержит объекты как таковые, лишь координаты контрольных (опорных) точек и типы отрезков, между ними, плюс свойства объекта, описанного подобным образом. Благодаря этому алгоритму, векторная графика является 100% масштабируемой, в этом и состоит её главное преимущество. И, да, шрифты - это вектора.


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

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

Давайте взглянем на векторные отрезки поподробнее. Их существует всего 2 типа: прямой отрезок и кривая. Если с прямым отрезком всё просто (точка с координатами х и у, отрезок и так далее), то для построения кривой нужно указать три контрольных точки, две из которых не лежат на самой кривой и являются концами векторов. Например, квадрат строится по 4м опорным точкам, а круг - по 12и. Сложно? На самом деле, только на первый взгляд. Визуализация редактирования кривых в графических редакторах предельно упрощает построение векторных фигур.


У этих кривых разница только в координатах второй контрольной точки.

Редактор векторных путей в Adobe Photoshop - сильно урезанный вариант возможностей Adobe Illustrator и не предназначен для создания сложной векторной графики. Но, тем не менее, обладает некоторыми дополнительными возможностями, не использующимися в Adobe Illustrator, поскольку последний в них попросту не нуждается.
Всеми векторными путями можно управлять из панели Paths.
В Adobe Photoshop векторные пути используются как самостоятельные вспомогательные элементы, которые, в неактивном состоянии, не видны на изображении и, при сохранении в форматы, кроме PSD и TIFF, теряются, так и как маски для специальных слоёв. Последний вариант наиболее востребован, поэтому, после ознакомления с инструментами, рассмотрим его подробнее.

Итак, давайте познакомимся с инструментами Adobe Photoshop для редактирования векторных путей.

Для выделения и перемещения контрольных точек векторных путей в Фотошопе есть 2 инструмента:


Path Selection Tool выделяет весь путь целиком, а Direct Selection Tool позволяет выделять отдельные контрольные точки. Менять их между собой можно с помощью Ctrl+ЛКМ.
Path Selection Tool имеет ряд опций:


Включение\выключение Bounding Box - Контейнера трансформаций, позволяющего двигать и трансформировать путь или группу путей:


Далее следуют процедуры комбинирования путей, схожие с режимами взаимодействия выделения с другими выделениями, которые мы рассматривали в уроке "Нюансы Adobe Photoshop II". Некоторые режимы, для реализации, требуют подтверждения, для этого прилагается кнопка Combine.
Как и любые объекты, векторные пути можно выравнивать, поэтому завершают список опции выравнивания.
Direct Selection Tool не имеет дополнительных опций, но с его помощью можно выделять и передвигать отдельные контрольные точки и отрезки пути (смотря куда им тыкнуть). Помимо прочего, им можно быстро выделить весь путь, достаточно зажать Alt (рядом с курсором появится плюс) и, зажав вместо Alt Shift, снять выделение с одной или нескольких контрольных точек или отрезков пути (контрольные точки векторов в этом действии не участвуют).

Создавать и редактировать контрольные точки, а, так же, "вытягивать" из них вектора умеет Pen Tool (Перо). Непосредственно перо работает только с контрольными точками, лежащими на векторном отрезке.


Создавая контрольную точку для прямого отрезка, достаточно тыкнуть в нужное место, для создания кривой нужно тыкнуть и, не отпуская кнопку мыши, передвинуть её, "вытягивая" из опорной точки вектор.
Freedom Pen Tool, как видно из пиктограммы инструмента, можно создать векторную кривую от руки. Add и Delete Anchor Poin Tool умеют, соответственно, добавлять и удалять контрольные точки на отрезке или кривой.

О Convert Point Tool стоит поговорить отдельно. Вектора, исходящие из одной контрольной точки могут быть параллельными (тип Smooth) или независимыми (тип Corner):


В первом случае, изменяя координаты контрольной точки вектора, мы изменяем и координаты смежного с ним, во втором случае контрольные точки смежных векторов двигаются независимо друг от друга. По умолчанию все вектора имеют тип Smooth.
Convert Point Tool, как раз, позволяет менять тип связки смежных векторов. Тип связки можно менять и "на лету", не прибегая к помощи Convert Point Tool: с инструментами Pen Tool и Direct Selection Tool достаточно зажать Alt и потянуть за контрольную точку вектора, этим самым изменив его тип на Corner. Изменить тип обратно на Smooth можно инструментом Pen Tool с зажатым Alt, им надо ткнуть в контрольную точку на отрезке и "вытянуть" из неё новые вектора. А Direct Selection Tool с зажатым Alt позволит синхронно перемещать контрольные точки векторов типа Corner.
Для наглядности, чтоб никто сразу не испугался, я записала эти манипуляции в небольшой ролик. Строго не судите, это мой первый опыт видеозахвата экрана:


Как видите, на практике, это достаточно просто.

Теперь, как я и обещала, разберёмся с векторными масками.

Векторную маску можно создать с помощью инструмента Pen Tool и группы инструментов Sapes:


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


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

Продолжение следует...




Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Всего комментариев: 5


0
№:5 от idelveys
385394
| Гражданин | в 14:03 (25 Мая 2014)
В двух словах: векторная графика основана но основе математических расчетов, растровая на основе пикселей. Программа Adobe Photoshop создана для работы с растровой графикой, для векторной используйте CorelDRAW.
Посмотреть профиль idelveys

0
№:4 от GoldNick
198133
| Проверенный | в 17:17 (10 Июня 2012)
Рука уже устала набивать слово спасибо good
Посмотреть профиль GoldNick

0
№:3 от Sabira
4360
| | в 15:04 (08 Февраля 2012)
Посмотреть профиль Sabira

0
№:2 от Андрей
71185
| Гражданин | в 03:47 (08 Февраля 2012)
Quote (Koxae)
Продолжение следует...

Жду больше чем любой фильм или игру! ^_^
Просто замечательно!, всё как всегда по полочкам и красивенько!
Перо мне пожалуй меньше всего знакомо (хоть Димс уже и пытался вбить в мою (да и не только в мою) пустую (ладно, не совсем полную) голову, как им пользоваться, но я так и не воспользовался теми знаниями).
Обязательно попробую эти хитрости, я думаю, они сильно (очень) пригодятся в работе с малюсенькими картиночками.
А какую Анимашку сделали - Мммм...

В общем на 5 с +ом, огромным таким +сом good
Посмотреть профиль Андрей

0
№:1 от 1nfernall
125885
| Проверенный | в 01:37 (08 Февраля 2012)
мне будет очень полезно good
Посмотреть профиль 1nfernall
Помочь cайту

Набор в команду сайта
Наши конкурсы
Каталог файлов
Skyrim Special Edition [272]
TES V: Skyrim [4097]
TES IV: Oblivion [550]
Fallout: New Vegas [2131]
Fallout 3 [1072]
Fallout 4 [792]
Dragon Age: Origins [622]
Dragon Age 2 [246]
Dragon Age: Inquisition [224]
The Witcher 3: Wild Hunt [108]
GTA SA [95]
GTA 4 [131]
GTA 5 [42]
S.T.A.L.K.E.R. Зов Припяти [70]
S.T.A.L.K.E.R. Чистое Небо [42]
S.T.A.L.K.E.R. Тени Чернобыля [98]
Neverwinter Nights 2 [67]
Другие разделы

Подразделы:


Общая [33]
Adobe Photoshop [16]
Для мододелов [43]


Последние рецензии
Elex
Cuphead. Великое творение безумцев.
Hand of fate
Mass Effect: Andromeda
Crossout – тачки, металлолом и куча стволов
Gwent. Лучший бета-тест на моей памяти.
Anima: Gate of Memories
Tyranny - когда плохим быть не плохо
Следите за нами:





Статистика
Онлайн всего: 113
Гостей: 64
Пользователей: 49




Вверх Вниз