ВЕКТОРНЫЕ КОНТУРЫ И ФИГУРЫ

Основы рисования контуров и фигур

И нструмент Реп

Инструмент Freeform Pen

Рисование специальными инструментами

Редактирование контуров

Работа с контурами и фигурами

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

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

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

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

Основы рисования контуров и фигур

Начнем с основных терминов, главный из которых контур. Во всех векторных редакторах контур это одна редактируемая геометрическая фигура или линия. В программе Photoshop принята несколько иная терминология. Отдельная линия или фигура называется здесь компонентой контура, а контур это фигура или область, полученная с помощью логических операций сложения, вычитания и пересечения отдельных линий. (Вообще говоря, в векторных редакторах это называется составным контуром.) Во избежание недоразумений по­ясню, что, если это не оговорено специально, под словом «контур» в этом уроке будет иметься в виду контур, состоящий из одной линии.

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

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

При рисовании контуров используется техника кривых Безье. Если вы работали с такими векторными графическими редакторами, как Adobe Illustrator, CorelDraw или Free Hand, вы знаете, что это такое. Для тех. кто не знаком с подобной техникой рисования, следует дать некоторые пояснения

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

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

Чем рисовать?

Для рисования кривых Безье, как правило, используется инструмент Реп (Перо), с помощью которого вы сами расставляете точки Безье и регулируете в них кривизну линии с помощью манипулятора кривизны (см далее).

Для создания контуров очень сложной формы можно воспользоваться инструментом Freeform Pen «Свободное перо), позволяющим рисовать «от руки». Затем программа сама преобразует нарисованную линию в кривые Безье.

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

Что рисуем: контуры или фигуры

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

Щелкните на кнопке Create new work path (Создать новый рабочий контур) на

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

Соседняя кнопка Create new shape layer (Создать новый слой фигур) создает новый слой заливки с текущим основным цветом, на котором вы будете рисовать фигуры. Прежде чем рисовать, можно задать для слоя на панели управления значение Opacity (Непрозрачность), чтобы нижележащие объекты просвечивали сквозь фигуру, а в свитке Mode (Режим) выбрать режим смешивания красок. Кроме того, в свитке Layer Style (Стиль слоя) можно выбрать один из готовых стилей для слоя заливки, чтобы сразу получить фигуры с тенями, ореолами, градиентами, узорными заливками и т. д. По умолчанию стиль у слоя отсутствует.

При работе со специальными инструментами рядом есть и третья кнопка:

Create filled region (Создать область с заливкой), которая создает цветную растровую фигуру, залитую основным цветом.

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

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

Векторные цветные фигуры имеют довольно сложное устройство. Как уже говорилось ранее, при создании новой цветной фигуры для нее создается специальный растровый слой нужного цвета слой заливки Все, что он содержит, это заливку в размер холста. Фигуры, которые вы нарисуете для этого слоя, будут храниться в палитре Paths (Контуры) как контур фигурной обрезки для слоя. Его можно представить себе в виде лекала, сквозь прорези которого виден цветной слой. Однако поскольку прорези в этом лекале запоминаются в векторном виде, то редактировать их очень легко. Увеличив или повернув прорезь, вы увеличите или повернете цветную фигуру. Можно также добавлять к фигуре новые области или удалять их.

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

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

Упражнение 1. Рисование контуров и фигур

1. Создайте новый документ размером 500x300 пикселов в палитре RGB. Откройте палитры контуров и слоев и расположите их так, чтобы документ их не заслонял.

2. Выберите инструмент Custom Shape Пользовательская Фигура).

3. Щелкните на кнопке Create new work path (Создать новый рабочий контур) на панели управления, чтобы нарисовать невидимый контур.

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

5. Щелкните в окне документа и ведите указатель по диагонали вниз Когда контур будет нужных размеров отпустите кнопку мыши. Взгляните на палитру контуров. В ней появилась строка Work Path (Рабочий контур), а в ней миниатюрное изображения нового контура. Сейчас лот контур активен (строка в палитре выделена подсветкой).

6. Щелкните на пустом месте палитры. Тем самым данный контур переслал бык, активным на палитре, и в документе он пропал. Снова щелкните на этой строке след появился, так как вы сделали рабочий контур опять активным.

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

8. Теперь нарисуем цветную фигуру. Выберите какой-нибудь яркий основной цвет.

9. Щелкните на пустом месте палитры контуров, чтобы снять активность рабочего слоя. Щелкните на кнопке Create new shape Layer (Создать новый слой фигур) на панели управления. Выберите в палитре новую фигуру или тот же след ноги. Нарисуйте его в окне документа.

10. Посмотрите на палитру контуров. Там появилась строка Shape I Clipping Path (Фигура 1 Контур фигурной обрезки). В палитре слоев появилась строка, похожая на строку маски слоя. Слева миниатюра слоя заливки - цветной прямоугольник, справа миниатюра векторного слоя контуров фигурной обрезки для этого слоя. Она называется так же, как и новая строка в палитре контуров Shape 1. Между ними знак связи

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

12. Нарисуйте поверх следа другую фигуру на этом же слое, например эллипс. Перед тем как рисовать, проверьте, что на панели управления включена кнопка Add to shape area (Добавить к области фигуры) Вы видите, что цветная заливка находится как внутри следа, так и внутри эллипса.

13. Держа нажатой клавишу Ctrl, щелкните внутри эллипса и нажмите клавишу Del,. чтобы удалить его.

14. Снова нарисуйте эллипс на том же месте, но теперь перед рисованием включите кнопку Subtract from shape area (Вычесть из площади фигуры). Заливка следа пропала внутри эллипса.

15. Точно так же пробуйте нарисовать эллипс в двух других режимах наложения фигур. В режиме Intersect shape area (Пересечения областей фигур) заливка остается только в месте пересечения всех компонент контура. В режиме Exclud overlapping shape areas (Исключить области наложения) заливка исчезла в тех местах, где две области накладываются друг на друга. Для ясности нарисуйте еще одну фигуру и подвигайте ее при нажатой клавише Ctrl так, чтобы на одном месте пересекались то две, то три области. Там, где пересекаются три области, заливка снова появляется.

16. Щелкните на пустом месте палитре контуров. Черный контур исчез, но цветная заливка внутри него осталась. Если вы сейчас нарисуете другую фигуру, для нее будет создан новый растровый слой с контуром фигурной обрезки Shape 2. Такая же строка появится в палитре контуров. Вы всегда можете вернутся и отредактировать контур Shape 1, щелкнув на его миниатюре в палитре слоев.

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

Рисование инструментом Реп

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

Прямые и ломаные линии

Выберите инструмент Реп (Перо), На панели управления выберите кнопку Create new work path (Создать новый рабочий контур), чтобы рисовать контуры, а не фигуры. Щелкните в одной точке, затем в другой, в третьей и т. д. Тем самым вы создали несколько опорных точек, а программа автоматически соединит их отрезками прямых.

Обратите внимание, что перед созданием первой точки указатель мыши имел вид пера с крестиком внизу, а после этого значок исчез. Крестик напоминает, что вы начинаете рисовать новый контур.Это отсутствие означает, что продолжается начатый контур. Чтобы завершить контур, щелкните еще раз па кнопке Реп (Перо) или щелкните при нажатой клавише Ctrl так, чтобы ни попасть на контур. При этом рядом снова появится квадратик сигнал, что вы можете начать новый контур.

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

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

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

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

Рисуя попеременно мелкие или крупные детали, вы можете временно переключать указатель мыши в режим работы с лупой. Для этого надо держать нажатыми клавиши Ctrl пробел (увеличение) или Ctrl • Alt • пробел (уменьшение).

Рисование гладких кривых

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