Рис. Панель инструментов Монтажный стол



страница1/3
Дата27.01.2019
Размер0.57 Mb.
ТипЛекции
  1   2   3













http://www.intuit.ru/img/empty.gif

Лекции intuit.ru




http://www.intuit.ru/img/empty.gif

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

Панель "Инструменты"

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

Для удобства работы панель инструментов разделена на четыре части (рис. 1.2):



  • Инструменты выбора и инструменты рисования;

  • Cредства управления просмотром изображения: "Рука" - при выборе этого инструмента рабочую область можно перемещать в любом направлении с помощью мыши; "Масштаб" - щелчок на кнопке включает режим быстрого масштабирования изображения в рабочей области;

  • Инструменты выбора цвета контура и цвета заливки объектов;

  • Параметры или дополнительные опции - элементы установки дополнительных параметров выбранного инструмента.

При необходимости панель инструментов может быть перенесена в любую часть экрана.

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


Рис. 1.2. Панель инструментов

Монтажный стол

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

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

Временная шкала

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

Панель свойств

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

На рис. 1.3 показана панель свойств для документа (фильма) в целом.

панель инспектора свойств документа


увеличить изображение
Рис. 1.3. Панель инспектора свойств документа

В этом случае на панели свойств можно отредактировать следующие элементы:



  • кнопка "Размер" показывает текущий размер стола (то есть размер кадра фильма). Нажатие на кнопку открывает дополнительное диалоговое окно "Свойства документа", которое позволяет изменить размеры стола, а также скорректировать значения других параметров документа (рис. 1.4);

  • кнопка "Фон" позволяет выбрать фон фильма (то есть цвета стола);

  • поле "Частота кадров" позволяет задать частоту смены кадров анимации. Об этом параметре мы поговорим позже. Пока его лучше не менять.

Справа от рабочей области находятся дополнительные панели, помогающие в работе. Любую панель можно переместить, свернуть, закрыть, - а потом вновь открыть, найдя ее название в пункте меню Window ("Окно").

окно свойств документа


Рис. 1.4. Окно свойств документа

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



выбор панели в меню


увеличить изображение
Рис. 1.5. Выбор панели в меню "Окно"

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

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

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

(Мы рассматриваем только основные функции инструментов, которые используют учащиеся для рисования и редактирования объектов. За более подробными инструкциями следует обратиться к Инструкциям разработчика.)

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

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

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


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

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



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

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

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

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

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

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

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

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



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


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

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

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

фигуры, нарисованные с помощью инструмента


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

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

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

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

Очистим наш монтажный стол (Стоп, стоп! Вы уже заметили на панели инструментов "Ластик", но для этой задачи он нам не понадобится). Для этого "нарисуем" Черной стрелкой прямоугольник так, чтобы внутрь этого прямоугольника попали все объекты, и нажмем клавишу Del.

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

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

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


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

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

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


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

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

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

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

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

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

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

дополнительные настройки для инструмента


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

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



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

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

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

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

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



меню режимов работы


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

Для него имеются три режима работы (рис. 1.11).

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


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

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

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

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

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



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

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



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

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

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

меню режимов использования инструмента


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

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

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

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

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

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

  • Закраска

  • Внутренняя

позади объекта закраска

эффект применения различных режимов инструмента


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

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



редактирование контуров объектов, нарисованных


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

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



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

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

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

меню режимов использования инструмента


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

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



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

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

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

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

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

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

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

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


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

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

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

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

один объект обрезает второй (рис. 1.16).

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



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


увеличить изображение
Рис. 1.16. Создание объекта вычитанием области

создание объекта наложением области


увеличить изображение
Рис. 1.17. Создание объекта наложением области

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

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

a)

http://www.intuit.ru/department/school/adobeflashcs3p/class/free/1/01_18a.gif


b)

редактирование объекта


Рис. 1.18. Редактирование объекта

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

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

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

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

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



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

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



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

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

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

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

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

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


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

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

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

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

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

рисование кривых с помощью


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

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

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

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



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

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



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

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

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

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

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

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

изменение формы объекта инструментом


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

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

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


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

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

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

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

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

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

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

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

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


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

  • поворот

  • наклон

  • искажение

  • изгиб

возможности инструмента


увеличить изображение
Рис. 1.21. Возможности инструмента "Свободное преобразование"

формат панели


Рис. 1.22. Формат панели "Преобразование"

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

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


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

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

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

Выравнивание объектов

Выравнивание объектов позволяет устанавливать расположение двух или более объектов относительно монтажного стола (кадра) или относительно друг друга. Одним из способов является

выравнивание с помощью соответствующей панели "Выровнять". Чтобы ее открыть, следует войти в меню "Окно".



панель


Рис. 1.23. Панель "Выравнивание"

Панель "Выравнивание" (рис. 1.23) дает возможность выровнять выбранные объекты по горизонтальной или вертикальной оси. Вы можете выравнивать объекты вертикально (по правому краю, по центру или по левому краю выбранных объектов) либо горизонтально (по верхнему краю, по центру или нижнему краю выбранных объектов).

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

Кроме этого можно распределить объекты в пространстве на равном расстоянии (группы кнопок "Распределить" и "Промежуток") и выравнять по размеру (группа кнопок "Подоб. Размер") (рис. 1.24).



Выравнивание по левому краю и распределение на равном расстоянии по вертикали

Распределение на равном расстоянии по вертикали и по горизонтали

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

пример выравнивания объектов


увеличить изображение
Рис. 1.24. Пример выравнивания объектов

Примерные вопросы для контроля

  1. Из каких частей состоит панель инструментов?

  2. Для чего служит панель свойств? От чего зависит ее внешний вид?

  3. Как изменить размер кадра (монтажного стола), фоновый цвет, скорость (количество кадров в секунду) анимации?

  4. Какие инструменты используются для выделения? Как выделить весь объект? его часть?

  5. Какие функции выполняет инструмент "Стрелка"?

  6. Для чего служит инструмент "Свободное преобразование"?

  7. Как включается и выключается привязка к объектам?

  8. Какие возможности предоставляет панель "Выравнивание" для точного расположения объектов?

  9. Какие объекты можно нарисовать инструментом "Линия"?

  10. Расскажите об инструменте "Карандаш" и его настройках.

  11. Какие дополнительные настройки имеются у инструмента "Кисть"? Как они влияют на работу этого инструмента?

  12. Какие объекты можно нарисовать инструментами "Овал" и "Прямоугольник"?




Практическая работа: Учимся рисовать

Одно из чудес векторного изображения — простота создания формы. Даже не умеющий рисовать сможет изобразить простейшие фигуры.

Итак: долой каляки-маляки, учимся рисовать!

Что надо знать и уметь, чтобы выполнить задание:знать основы работы с инструментами рисования линий и форм, уметь редактировать векторные объекты (в том числе копирование, трансформирование, выравнивание и распределение объектов).

Задание



Нарисовать любые 6 из предложенных ниже объектов (рисунков), используя инструменты создания и редактирования векторной графики.

Определим, что нам нужно сделать, чтобы выполнить работу

  1. Рассмотрим рисунок. Вам надо максимально приближенно к оригиналу изобразить данные рисунки.

  2. Все 12 (!) рисунков можно разделить на:

    • достаточно простые, состоящие из простейших форм;

    • более сложные — форму объекта придется редактировать;

    • сложной формы.

  3. Найдите в каждом из рисунков простейшие элементы — овал, многоугольник и другие. Если форма объектов сложнее, определите (придумайте) способ создания такого объекта.

  4. При взаимном размещении объектов в рисунке пользуйтесь средствами выравнивания объектов.

  5. Располагайте ваши рисунки на одном монтажном столе.

  6. Сохраните свои изображения.

  7. Оцените свои силы и возможности и… продолжите работу над оставшимися рисунками.

Желаем успеха!

Советы по выполнению

  • Для того чтобы понять, как построен векторный рисунок, его надо зарисовать. Зарисовки помогут на первом этапе понять, из каких простых объектов можно "собрать" данную фигуру.

  • Часто удобнее и быстрее выполнить команду, найдя ее в контекстном меню. Контекстное меню — это меню, которое открывается при щелчке правой кнопкой мыши на объекте, кадре или слое. В контекстном меню имеются только те команды, которые можно выполнить над данным элементом фильма.

http://www.intuit.ru/department/school/adobeflashcs3p/class/free/2/u01_01sm.gif


увеличить изображение

  • Для расположения элементов по окружности перенесите регистрационную точку, воспользуйтесь панелью "Преобразование" и командой "Применить" к копии при определенном угле поворота несколько раз.

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

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

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

  • Еще один способ нарисовать фигуру сложной формы: возьмите кисть с заливкой цветом — и рисуйте на здоровье. Если случайно была включена кнопка "Рисование объектов", выделите все нарисованное и "разбейте", применив команду "Разделить". Если что-то не устраивает, редактируйте средствами команд "Стрелка", "Ластик" и др.

  • В вашем распоряжении мощное средство редактирования: 20 "шагов вглубь" — отмен действий по умолчанию. А можно поставить еще больше. Не бойтесь экспериментировать!

  • При создании объекта (рисунка) не забывайте про всю рабочую область. На ней можно разместить детали, части, копии.

  • У контура (линии) можно выбирать толщину, тип линии и цвет. Иногда это важное свойство игнорируется.

  • При переносе выделенного объекта с нажатой клавишей Ctrl получится копия объекта.

  • Сохраняйте промежуточный результат! Сохраненный файл будет иметь расширение .fla. Всегда есть вероятность какого-то сбоя. Сохранение файла сбережет вам время и нервы.

  • Сохраняйте окончательный результат!

  • Чтобы оставить только результаты нашей работы, законченный файл должен пройти процесс компиляции. Такая компиляция происходит, когда мы нажимаем комбинацию клавиш Ctrl+Enter. При этом создается файл с расширением .swf. Если файл .fla уже был ранее сохранен в какой-нибудь папке, то в той же папке сохраняется и вновь созданный SWF-файл. Его можно открыть для просмотра двойным щелчком в "Проводнике". На любом этапе создания анимации, в том числе и на любом этапе рисования, вы можете посмотреть на свой труд глазами "пользователя". Для этого нужно всего лишь нажать комбинацию клавиш Ctrl+Enter. Закрыв окно тестирования, вы опять вернетесь в среду разработки и сможете продолжить свою работу.

  • Flash, как векторный редактор, позволяет приблизить изображения с изменением масштаба просмотра до 2000%. При сильном увеличении хорошо видны все недочеты рисунка. Можно использовать инструменты просмотра изображения панели инструментов, а можно воспользоваться комбинацией клавиш Ctrl+ и Ctrl-, что гораздо удобнее.

  • Во время рисования увеличьте масштаб до 200% или больше, так, чтобы было удобно добиться большей точности при рисовании.

Подсказки

  • Рисунок 1: один из самых простых. Выберите инструмент "Многоугольник", поменяйте в панели свойств количество сторон на 6, выберите красный цвет заливки и белый цвет контура и нарисуйте шестиугольник. Скопируйте его и поменяйте цвет заливки. Нарисуйте также восьмиугольник. Выровняйте объекты с помощью панели выравнивания (обратите внимание: на этой панели есть средства даже для подгонки фигур под один размер).

  • Рисунки 3, 8: рисуем "Линией" с последующим редактированием, "Карандашом", "Пером" половину контура предмета. С помощью панели "Преобразование" (Наклон — 180 град.) и ее команды "Применить к копии" зеркально отражаем эту половину. Аккуратно придвигаем вторую половину к первой и заливаем цветом.

  • Рисунок 6: "кольца" можно нарисовать так: из одного овала вырезаем другой овал и добавляем белый контур (овал с белым контуром без заливки). А можно применить инструмент "Овал" с опциями кольца.

  • Рисунок 7: один из самых сложных. Инструменты — или "Карандаш", или "Перо".

  • Рисунок 9: прост и красив. Нарисуйте овал без заливки (или удалите заливку). После этого на панели "Преобразование" зададим угол поворота копии 30 градусов. Все. Осталось только два раза нажать кнопку "Применить к копии". Маленький круг в середине завершит картину (его можно выровнять относительно всей фигуры, только предварительно сгруппируйте фигуру из трех овалов).

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

  • Рисунок 12: 1 объект, панель "Преобразование" и 30 копий этого объекта!

Цели и задачи

  • научить учащихся применять различные заливки;

  • показать возможности применения различных заливок;

  • научить редактировать заливки.

Содержание занятия

Черно-белый мир скучен. Возможности рисунка не ограничиваются одними контурами и цветом заливки. Иначе все работы напоминали бы аппликацию и были бы похожи друг на друга. Большие возможности программы по использованию различных типов заливок и их редактированию открывают простор нашей фантазии в создании рисунка.

Для заливки может быть применен базовый (однотонный) цвет, градиент (плавный переход между цветами) или растровое изображение.

Для работы с цветом предназначены следующие средства:



  • "Чернильница",

  • "Ведро с краской",

  • "Инструмент преобразования градиента" (под кнопкой "Свободное преобразование"),

  • "Пипетка",

  • кнопка "Цвет обводки",

  • кнопка "Цвет заливки",

  • кнопка цветов "Черно-белый" обеспечивает замену цветовой схемы на используемую по умолчанию: черный контур и белая заливка,

  • кнопка "Нет цвета" предназначена для создания объектов с прозрачной заливкой (без заливки) или с прозрачным контуром (без контура),

  • кнопка "Смена цветов" позволяет быстро (одним щелчком) поменять местами цвета заливки и контура выбранного объекта,

  • панели "Цвет" и "Образцы".

Инструмент "Чернильница"

Этот инструмент предназначен для изменения цвета контура объекта (мы не забываем о том, что линии, нарисованные инструментами "Линия" и "Карандаш", по сути те же контуры). Кроме того, с его помощью можно изменять толщину и стиль контура.

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

Инструмент "Ведро с краской"

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

Инструмент "Ведро с краской" имеет дополнительные параметры.

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

кнопки-модификаторы инструмента


Рис. 3.1. Кнопки-модификаторы инструмента "Ведро с краской"

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

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

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



Панели "Цвет" и "Образцы"

Панель Цвет позволяет выполнять следующие действия:



  • устанавливать цвет заливки для выбранного или вновь создаваемого объекта;

  • создавать новые и редактировать основные цвета палитры Flash;

  • редактировать существующие градиентные заливки;

  • создавать новые градиентные заливки;

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

Формат панели зависит от вида операции, который может быть выбран из раскрывающегося списка:

  • "Сплошной" - установить для заливки один из цветов;

  • "Линейный" - заливка с линейным градиентом;

  • "Радиальный" - заливка с радиальным градиентом;

  • "Растровое изображение" - выбрать растровое изображение для заливки; в данном случае панель дополняется своеобразным списком, в котором отображаются растровые изображения, импортированные в фильм.

Заливка цветом включает в себя дополнительные возможности: если параметр "Альфа" ("Прозрачность") мы выберем меньше 100 процентов, у нашего объекта заливка будет прозрачной. Чем меньше процентов мы выберем, тем прозрачней будет заливка.

Градиентные заливки представляют собой заливку плавным переходом между цветами. Во Flash применяются два вида градиентов: линейные с переходом между цветами по прямой линии и радиальные с переходом цвета от центра к краю окружности по радиусу.

Для создания новой градиентной заливки достаточно просто выбрать в списке режимов панели пункт "Линейный" или "Радиальный".

Ползунковый регулятор, предназначенный для коррекции цветовых переходов, состоит из двух основных компонентов:



  • шкалы градиента, предназначенной для просмотра полученного результата;

  • индикаторов градиента, позволяющих изменять цвет областей градиента и перемещать границы цветовых переходов.

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

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

панель


Рис. 3.2. Панель "Цвет" (формат для создания радиального градиента)

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

Чтобы сохранить новую заливку в базовой палитре Flash, необходимо открыть контекстное меню панели и выбрать в нем команду "Добавить образец".

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



Инструмент преобразования градиента

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

В центре заливки появится точка трансформации, а на выделяющей рамке - три маркера. Первый и второй обеспечивают изменение размера градиента (или растрового изображения), третий - его положение (рис. 3.3).

преобразование радиального градиента




Рис. 3.3. Преобразование радиального градиента

Использование импортированных изображений

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

В меню "Файл" надо выбрать команду "Импорт". Можно импортировать файлы на рабочий стол или в библиотеку. В любом случае импортированный файл будет сохранен в библиотеке. Чтобы просмотреть библиотеку, надо открыть ее панель из меню "Окно". Все, что было импортировано в данную работу, сохраняется в библиотеке до тех пор, пока мы не удалим элемент из библиотеки.

Работа с векторными изображениями проста. Если рисунок нарисован в векторном редакторе (например, Adobe Illustrator) и сохранен в векторном формате (WMF или др.), его можно импортировать во Flash.

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

импортированное векторное изображение




увеличить изображение
Рис. 3.4. Импортированное векторное изображение

Рассмотрим работу с растровой (пиксельной) графикой. Технология работы с такими изображениями практически не зависит от формата и аналогична для GIF, JPEG, PNG и BMP. Конечно, сначала надо импортировать рисунок. Растровое изображение на рабочем столе при выделении подсвечивается серой рамкой.

Возможны 3 варианта работы с импортированной растровой графикой.

I вариант.Самое элементарное - ничего с рисунком не делать, кроме изменения масштаба и поворота. Самые интересные растровые форматы - GIF и PSD, они могут содержать изображение с прозрачной областью. Эта прозрачность сохраняется при импортировании. (Существуют специальные библиотеки объектов, а можно создать свое изображение в Adobe Photoshop на прозрачном слое.)

II вариант.Можно создать объект, используя содержание (сам растровый рисунок). При этом рисунок будет являться заливкой этого объекта. Для этого надо:


  1. выбрать изображение на столе;

  2. в меню "Изменить" выбрать команду "Разделить" (или в контекстном меню на правой кнопке мыши).

После выполнения этой команды импортированный рисунок становится прямоугольной формы объектом с заливкой этим рисунком. Далее выполняются любые действия по редактированию формы объекта.

Остановимся на еще одном инструменте выбора и редактирования - "Лассо". Чтобы выбрать объект или произвольную часть объекта с помощью инструмента "Лассо", следует, нажав кнопку мыши, очертить выбираемую часть.



http://www.intuit.ru/department/school/adobeflashcs3p/class/free/3/03_05a.gif
И то же изображение в контурном режиме:

создание нового объекта из растрового изображения




Рис. 3.5. Создание нового объекта из растрового изображения

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

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

Например, если импортирована фотография с головой мальчика на фоне неба, можно получить объект в форме головы мальчика и заливкой в этом объекте этой фотографией (рис. 3.5).



III вариант.Изображение может использоваться для закрашивания заливки объектов. Чтобы использовать растровое изображение в качестве заливки, следует выполнить следующие действия:

  1. Импортировать растровое изображение в библиотеку с помощью команды "Импорт". Если рисунок на монтажном столе - без жалости удалить его со стола (мы помним: все импортированные изображения остаются в библиотеке).

  2. Открыть панель "Цвет" и в списке режимов заливки выбрать пункт "Растровое изображение".

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

  4. Если требуется изменить заливку для ранее созданных объектов, следует включить инструмент "Ведро с краской" и использовать его обычным образом.

использование растровой заливки


увеличить изображение
Рис. 3.6. Использование растровой заливки

  1. При использовании растрового изображения в качестве заливки оно масштабируется (уменьшается) и затем размножается таким образом, чтобы заполнить всю площадь заливки. Очевидно, что придется воспользоваться Инструментом преобразования градиента для задания подходящих параметров - масштаба, поворота, наклона, расположения (рис. 3.6). Существует еще один вариант использования растровой графики… но не будем открывать все секреты сразу.

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

Примерные вопросы для контроля

  1. Какими средствами можно изменить цвет, толщину и стиль нарисованной линии?

  2. Какие четыре типа заливок используются при рисовании?

  3. Как создать градиентную заливку со своими оттенками?

  4. Как создать градиентную заливку, переходящую в прозрачный цвет?

  5. Как создать однотонную полупрозрачную заливку?

  6. Как сохранить созданную заливку для дальнейшего ее использования?

  7. Что такое растровая заливка? Как ее создать?

  8. Каким инструментом и как можно отредактировать центральную точку радиального градиента, его протяженность, сжатость, угол поворота?

  9. Каким инструментом и как можно отредактировать направление линейного градиента, его протяженность, сжатость, угол поворота?

  10. Каким инструментом и как можно отредактировать размер, угол поворота, наклона растровой заливки?

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

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

Что надо знать и уметь, чтобы выполнить задание:знать основы работы с инструментами рисования линий и форм, уметь редактировать векторные объекты (в том числе копирование, трансформирование, выравнивание и распределение объектов).

Задание




Поделитесь с Вашими друзьями:
  1   2   3


База данных защищена авторским правом ©vossta.ru 2019
обратиться к администрации

    Главная страница