Знакомство с инструментами

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

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

Инструмент "Линия"

Этот инструмент рисует прямые линии - контуры. В панели инструментов можно заранее выбрать цвет линии. Обратите внимание на опцию рисования в нижней части панели инструментов. Кнопка Рисование объектов не должна быть пока включена (к ней мы еще вернемся, и позже разберемся с ее функциями) (рисунок 3.6).

Рисунок 3.6Кнопка режима рисования объекта

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

· Выберем инструмент выделения "Стрелка" и щелкнем по нашей нарисованной линии. Объект подсветился, после чего можно изменить параметры линии-контура в панели свойств: цвет, толщину, тип линии. Можно наш объект перенести на другое место или удалить его клавишей Del.

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

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

Добавим еще один объект - линию: нарисуем ее так, чтобы линии пересекались. Подведем курсор к пересечению для редактирования линии. Поэкспериментируем с формой: в точке пересечения линий они "слиплись" - стали единым объектом.

Инструмент "Прямоугольник"

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

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

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

Рисунок 3.7Раскрывающееся меню инструментов

Инструмент "Овал"

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

Рисунок 3.8Фигуры, нарисованные с помощью инструмента "Овал"

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

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

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

Инструмент "Многоугольник"

Еще один инструмент - "Многоугольник". В панели свойств (Параметры – рисунок 3.9) можно задать количество углов (сторон) и "звездность". Поэкспериментируйте с этим инструментом, рисуя правильный шестиугольник, восьмиугольную звезду, другие фигуры.

Рисунок 3.9Изменение параметров инструмента "Многоугольник"

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

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

· щелкнуть дваждымышью внутри объекта;

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

Выбранный объект отображается покрытым мелкой сеткой, а контур - более толстой линией по сравнению с обычным состоянием.

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

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

Выбор заливки объекта выполняется аналогично: включив инструмент "Стрелка", следует щелкнуть (один раз!) внутри объекта. Заливка будет выделена, а контур - нет.

Чтобы отменить выбор (снять выделение), достаточно щелкнуть мышью в любом свободном месте рабочей области.

Рисунок 3.10Дополнительные настройки для инструмента "Стрелка"

При выборе инструмента "Стрелка" в поле дополнительных параметров панели инструментов отображаются дополнительные настройки работы инструмента (рисунок 3.10):

· Привязка к объектам - если "магнит" включен, то перемещаемый объект "связывается" с другим объектом;

· Сглаживание - контуры предварительно выбранного объекта можно сгладить, выровнять;

· Выпрямление - контуры объекта выпрямляются, уменьшается кривизна линий.

Инструмент "Карандаш"

Инструмент рисует контуры.

Рисунок 3.11Меню режимов работы "Карандаша"

Для него имеются три режима работы:

Попробуем нарисовать одним движением руки овал карандашом, используя различные режимы (начиная с последнего!). Результат объясняет все!

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

· Режим "Сглаживание" является менее "жестким" и позволяет избавиться от некоторых шероховатостей в рисунке.

· Третий режим - "Краска" - оказывает еще меньшее воздействие на исходную линию. Цвет и толщина линии настраиваются с помощью панели свойств инструмента.

Инструмент "Кисть"

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

Для инструмента предусмотрено пять режимов работы. Выбор режима выполняется с помощью кнопки-модификатора (рисунок 3.12).

· Нормальная закраска - "мазок" кисти покрывает все линии и заливки редактируемого изображения, а также любой другой объект или участок стола, оказавшиеся на пути кисти (рисунок 3.13 б);

· Закраска заполнением - обеспечивает закрашивание заливок, не влияя на контуры и пустую область стола (рисунок 3.13 в);

· Закраска позади объекта - "мазок" кисти покрывает расположенную за изображением пустую область стола, оставляя все линии и заливки на редактируемом изображении без изменения (рисунок 3.13 г);

Рисунок 3.12Меню режимов использования инструмента "Кисть"

· Закраска выделения - "мазок" кисти влияет только на предварительно выбранную область;

· Внутренняя закраска - закрашивается только та заливка, с которой операция была начата; другие заливки, контуры и стол остаются без изменения (рисунок 3.13 д); если вы начнете закрашивание в пустой области рабочего стола, то эффект будет тот же, что и в режиме "Закраска" позади объекта.

· исходное изображение

· Нормальная закраска

· Закраска заполнением

· Закраска

· Внутренняя

Рисунок 3.13Эффект применения различных режимов инструмента "Кисть" (работа с кистью начиналась во всех случаях на бежевой заливке)

Также пользователь может выбрать размер, форму, цвет кисти.

Рисунок 3. 14Редактирование контуров объектов, нарисованных "Карандашом" и "Кистью"

Для того чтобы лучше увидеть различия между инструментами "Карандаш" и "Кисть", попробуем отредактировать их контуры инструментом "Черная стрелка" (рисунок 3.14).

Инструмент "Ластик"

Обратите внимание: "Ластик" не просто удаляет часть рисунка - при его частичном применении редактируется форма объекта.

Для инструмента предусмотрено шесть режимов работы. Выбор режима выполняется с помощью двух кнопок: "Режим стирания" и "Кран" (рисунок 3.15).

Рисунок 3.15Меню режимов использования инструмента "Ластик"

Кнопка "Кран" включает режим, при котором одним щелчком мыши удаляется та часть объекта (контур или заливка), на которой установлен указатель - капелька из водопроводного крана. Включение режима "Кран" отменяет любой из пяти других режимов, и наоборот. С помощью кнопки "Режим стирания" может быть установлен один из следующих режимов:

· Нормальная очистка - ластик удаляет все "попавшееся под руку";

· Очистка заполнением - стирание заливок, не затрагивая контуры;

· Очистка линий - ластик удаляет контуры, оставляя заливки на изображении без изменения;

· Очистка выделения - ластик удаляет только предварительно выбранные заливки;

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

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

Все объекты, которые мы изображали до настоящего момента, были просты по форме. Как же нарисовать достаточно сложный объект? Один из способов - просто добавить или вычесть объекты.

Нарисуем объект в виде полумесяца. Для этого:

1. выберем инструмент "Овал";

2. проверим, что не включена кнопка "Рисование объектов" (рисунок 3.6);

3. нарисуем закрашенный круг и нарисуем второй круг с частичным наложением на первый;

4. выделим второй круг инструментом выделения "Стрелка" и удалим его клавишей Del. В программе нарисованные таким образом объекты модифицируются - в данном случае один объект обрезает второй (рисунок 3.16).

Попробуем другой вариант. Нам надо нарисовать "крест". Воспользуемся инструментом "Прямоугольник", изобразив два узких прямоугольника так, чтобы получилось изображение креста. А теперь выделим двойным щелчком (или с клавишей Shift) весь контур и удалим его. Получился единый объект (рисунок 3.16). В данном случае объекты объединились в один.

Рисунок 3.16Создание объекта вычитанием области

Рисунок 3.17Создание объекта наложением области

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

Но! Иногда нам этот прием будет мешать! Не всегда нужны сложные объекты. В этом случае нам и пригодится кнопка "Рисование объектов" (рисунок 3.6). Если включить эту кнопку, наши нарисованные объекты станут единым элементом. При включенной кнопке каждый нарисованный объект ограничивается подсветкой в виде синего контура, что говорит нам о его "единости". Чтобы отредактировать такой объект, надо щелкнуть мышкой на нем два раза. Мы попадем в окно редактирования этого объекта (все остальные рисунки будут слабо окрашены) (рисунок 3.18). После "стандартного" изменения объекта двойной щелчок на свободном месте стола вернет нас в "кадр".

a)

b)

Рисунок 3.18Редактирование объекта

Похожим действием является группирование объектов для соединения нескольких объектов в единую группу для выбора и редактирования. Операция группирования выполняется с помощью команды "Группировать", входящей в меню "Изменить" основного окна.

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

Допускается вложение одной группы в другую. Например: в группу "человечек" вложены группы "рука", "рука", "нога", "нога", "тело", "голова", а в группу "голова", в свою очередь, - группы "лицо" и "волосы".

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

Рассмотрим еще один инструмент для создания сложных по форме объектов.

Инструмент "Перо"

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

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

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

Чтобы нарисовать прямую линию, необходимо указать первую и последнюю точки отрезка. Точка создается щелчком на столе. Например, чтобы получить ломаную, состоящую из трех отрезков, требуется четыре точки.

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

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

Чтобы нарисовать сегмент кривой, необходимо выполнить следующие действия:

1. Создать первую базовую точку - узел, щелкнув мышью на столе.

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

3. Не отпуская кнопку, переместить указатель в сторону, противоположную требуемому направлению изгиба; при перемещении указателя на экране появится направляющая, размер и направление которой определяют глубину и угол изгиба (рисунок 3.19).

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

5. Чтобы добавить еще один сегмент к созданному ранее, требуется повторить шаги 2, 3, 4 описанной выше процедуры.

Рисунок 3.19Рисование кривых с помощью "Пера"

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

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

Инструмент "Спецвыделение" ("Белая стрелка")

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

Инструмент "Спецвыделение" отличается двумя свойствами:

· во-первых, при выборе объекта с его помощью объект рассматривается как единое целое, без разделения на контур и заливку;

· во-вторых, его работа основана на редактировании кривых Безье.

С помощью этого инструмента объект можно выбрать одним из двух способов:

· заключить объект в прямоугольную область (как при использовании инструмента "Стрелка");

· щелкнуть на контуре объекта.

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

Рисунок 3.20Изменение формы объекта инструментом "Спецвыделение"

Инструмент "Свободное преобразование" и панель "Преобразование"

Практически все операции по трансформированию (преобразованию) объекта могут быть выполнены с помощью инструмента "Свободное преобразование". С выбранным объектом (или несколькими) можно проделать следующее:

· изменение положения точки трансформации;

· масштабирование;

· поворот и вращение;

· трансформацию.

При включении инструмента "Свободное преобразование" становятся доступны четыре кнопки-модификатора.

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

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

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

Панель "Преобразование" не отображается на экране в первоначальном интерфейсе - выберите ее в меню "Окно" или нажмите комбинацию клавиш Ctrl+Т.

· исходный объект

· поворот

· наклон

· искажение

· изгиб

Рисунок 3.21Возможности инструмента "Свободное преобразование"

Рисунок 3.22Формат панели "Преобразование"

Формат панели "Преобразование" показан на рисунок 3.22. Он достаточно прост. Лишь некоторые особенности: чтобы зеркально отобразить объект или его часть, надо в режиме "Перекос" задать 180 градусов.

В нижнем правом углу панели:

· Кнопка "Сброс", которая предназначена для восстановления исходных параметров объекта;

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

Во Flash любой элемент имеет так называемую точку трансформации. Точка трансформации - это некоторая точка объекта, относительно которой Flash выполняет позиционирование и преобразование объекта (поворот, наклон и т. д.). По умолчанию точка трансформации совпадает с геометрическим центром объекта. Визуально эта точка отображается только в режиме преобразования объекта, то есть если объект выбран с помощью инструмента "Свободное преобразование".