Создание анимации в программе Macromedia Flash (стр. 2 )

•  Подведите курсор к иконке рядом с изображением карандаша

•  Кликните на стрелочку внизу иконки.

•  Выберете один из цветов в появившемся окне.

Таким же образом настраивается цвет заливки, только используется при этом инструмент Fill Color (группа Colors на панели инструментов).

Инструменты Oval (овал) и Rectangle (прямоугольник) –
позволяют рисовать прямоугольники и эллипсы – фигуры, состоящие из контура и заливки. Работа с ними достаточно проста.

Чтобы нарисовать объект овальной или круглой формы:

•  выберете пиктограмму Овал (Oval) в панели инструментов;

•  настройте цвет контура и цвет заливки с помощью инструментов Stroke Color и Fill Color.

•  Если вы хотите нарисовать окружность – нажмите кнопку No Color (Нет Цвета) при выбранном инструменте Fill Color (Цвет заливки), если же вам нужен закрашенный круг без контура, нажмите кнопку No Color (нет цвета) при нажатом инструменте Stroke Color (Цвет контура). Далее:

•  подведите курсор к тому месту, где будет расположен левый верхний угол прямоугольника, описанного вокруг вашего будущего круга;

•  прижмите левую кнопку мыши и двигайте курсор. Для рисования правильных окружностей нужно нажать и не отпускать клавишу Shift.

Чтобы нарисовать объект прямоугольной формы:

•  выберете пиктограмму Прямоугольник (Rectangle) в панели инструментов;

•  настройте цвет контура и цвет заливки, так же, как при использовании инструмента Овал (Oval).

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

•  прижмите левую кнопку мыши и двигайте курсор. Для рисования квадратов нужно нажать и не отпускать клавишу Shift.

Этот инструмент может также работать в режиме многоугольника (PolyStar), с его помощью можно получить изображения правильных многоугольников или звезд. Чтобы воспользоваться режимом Многоугольник, подведите указатель мыши к черному треугольнику в левом нижнем углу пиктограммы, обозначающей инструмент Прямоугольник. В появившемся списке выберите PolyStar. В инспекторе свойств появится кнопка Options, которая позволит настроить свойства многоугольника или звезды, которую вы собираетесь рисовать.

Инструмент Brush (кисть).

Этот инструмент имеет 5 режимов закрашивания:

А) Paint normal – обычное.

Б) Paint fills – закрашивание заливок объекта.

В) Paint behind – закрашивает фон позади объекта.

Г) Paint selection – закрашивает внутри выделения.

Д) Paint inside – закрашивает внутри контура. В этом случае имеется в виду контур той области, в которой мы начали закрашивание.

Можно менять размер и форму кисти – параметры Brush Size и Brush Shape.

Кисть создает заливку, к которой инструментом Ink Bottle (Чернильница) можно добавить контур.

Инструмент Paint Bucket (Заливка) – позволяет закрашивать ограниченные контуром области сплошными или градиентными цветами, или использовать в качестве заливки растровый рисунок. Этот инструмент имеет параметр Gap Size (Размер Зазора).

Рис.7 Возможные значения параметра Gap Size (Размер Зазора)

Чтобы использовать инструмент Paint Bucket (Заливка):

•  выберете Paint Bucket в панели инструментов;

•  подведите курсор к объекту, который хотите окрасить;

•  кликните мышкой. Объект будет окрашен в выбранный цвет.

Выбрать цвет заливки можно с помощью инструмента Fill Color (Цвет Заливки) на панели инструментов. Кликните по прямоугольнику со стрелочкой и выберите в появившемся окне нужный цвет.

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

Практическая работа «Создание простых векторных рисунков»

Задание: при помощи инструментов рисования Bruch (Кисть), Pensil (Карандаш), Paint Bucket (Заливка), Rectangle (Прямоугольник), Oval (Овал) нарисуйте картинки, изображенные на рисунках 8, 8а.

а) Букет цветов	б) Стрелки	в) Геометрический узор
Рис. 8. Векторные рисунки

г) Кленовый лист.	д) Дом.
Рис. 8а. Векторные рисунки

Букет цветов.

Цветы нарисованы с помощью инструмента Oval (Овал), чтобы создать ощущение «пушистости», установите в инспекторе свойств значения стиля контура, как показано на рис. 2.

Чтобы цветы, стебель и листья не «смешивались» друг с другом, используйте операцию группировки (меню Modify – Group) или режим рисования Objekt Drawing для цветов, треугольников, составляющих стебель, листьев. Чтобы расположить части рисунка в правильном порядке (цветы лежат поверх стебля и листьев), используйте меню Modify – Arrange.

Рис.9. Стиль контура для рисования контура цветка.

Стрелки

Чтобы нарисовать треугольник, выберите в выпадающем меню для инструмента Rectangle (Прямоугольник) – Polystar, в инспекторе свойств нажмите кнопку Options, установите Style = Polygon и нарисуйте многоугольник с 3 сторонами. При помощи инструмента Selection (Стрелка) измените форму треугольников.

Геометрический узор

Для создания этого узора используются инструменты Прямоугольник и Линия, Заливка.

Сначала нарисуйте пятиугольник, затем с помощью инструмента Линия соедините попарно все углы.
Теперь проведите линии таким образом, чтобы они проходили через углы внутреннего пятиугольника, соединяя стороны внешнего. Начинайте рисовать линию от угла внутреннего пятиугольника, держа нажатой клавишу Alt, тогда линия будет рисоваться в обе стороны от начальной точки. Если конец линии выйдет за пределы внешнего пятиугольника, используйте инструмент Стрелка, чтобы выделить выступающий конец и удалить его.
Маленькая звездочка в центре фигуры готова. Теперь дорисуем маленькие звезды в углах большого пятиугольника. Для этого в каждом углу проведите линии, которые показаны на рисунке.
Раскрасьте рисунок, используя инструмент Заливка.

Кленовый лист

С помощью инструмента Линия нарисуйте прожилки:
Затем соедините концы линий:
С помощью инструмента Стрелка сделайте линии более плавными:
Раскрасьте листок инструментом Кисть.

Дом

Инструментом Стрелка нарисуйте 2 прямоугольника – большой и маленький.
При помощи инструмента Selection (Стрелка) сдвиньте левый нижний угол маленького прямоугольника немного вправо
Скопируйте полученную фигуру. Выберите для копии команду Modify – Trasform – Flip Horisontal.
Соедините две половинки крыши в одну, крышу пристыкуйте к дому.
Выделите полученный домик и сделайте его копию, используя команды контекстного меню Copy и Paste. На одной из копий нарисуем окна и дверь: инструментом Прямоугольник нарисуйте окошко, скопируйте его в буфер обмена и поместите на рабочее поле 5 дубликатов. Расположите окна поверх домика, как на рисунке. Чтобы добиться точности в расположении, воспользуйтесь линейками и направляющими, либо командами из меню Modify – Align. Нарисуйте дверь.
Теперь поместите часть домика с окнами немного впереди и ниже части домика без окон:
Соедините линиями углы, удалите лишние линии и закрасьте белые участки инструментом Заливка. Можно также изменить цвет окон, крыши и двери, добавить мелкие детали (шторки, трубу и т. д.)

Различные способы трансформирования объектов

Для трансформации объектов используются инструменты:

•  Selection (Стрелка);

•  Subselection (Подвыделение);

•  Free Transform (Свободная трансформация).

•  Инструмент Стрелка (Selection) был описан выше.

Инструмент Subselection (Подвыделение) позволяет трансформировать линии, созданные инструментом Pen (Перо). Для трансформации используются маркеры на линиях.

Инструмент Free Transform (Свободная Трансформация) позволяет произвольно изменять форму объекта. В разделе Options (Опции) вы можете выбрать один из четырех режимов трансформации (рис.10).

Рис.10 Четыре режима трансформации

Во Flash любой элемент фильма - графический объект, символ, группа, текстовый блок - имеют так называемую точку трансформации (transformation point).

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

Визуально эта точка отображается только в режиме трансформации объекта, то есть если объект выбран с помощью инструмента Free Transform. Она представляет собой небольшой незакрашенный кружок. Перемещая точку трансформации, вы можете изменять результат выполнения преобразования объекта. Чтобы изменить положение точки трансформации, необходимо:

1.  Включить инструмент Free Transform и выбрать с его помощью требуемый объект фильма.

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

3.  Не отпуская кнопку мыши, переместить точку трансформации на новую позицию.

Рис. 11 иллюстрирует различие в выполнении операции поворота в зависимости от положения точки трансформации (слева - исходное, в геометрическом центре фигуры, справа - после перемещения точки).

Обратите внимание, что эти же режимы, а также другие команды, преобразующие объект, доступны в пункте Transform (Трансформация) меню Modify (Модифицировать). Кроме того, панель Transform (Трансформация) в меню Window (Окно) позволяет очень точно изменять масштаб, наклонять (Skew) и поворачивать (Rotate) объект при помощи полей ввода. Сжатие измеряется в процентах, наклон и поворот - в градусах.

Рис.11 Результат выполнения поворота при разных положениях точки трансформации

Если вы хотите трансформировать активный объект, введите значения и нажмите Enter. Если же вы хотите использовать как исходный, так и измененный объекты, нажмите пиктограмму Copy and apply transform (Копировать и применить трансформацию).

Практическая работа «Создание рисунков с использованием
различных преобразований графических объектов»

Задание: создайте изображения, показанные на рис. 12.

а) Снежинка	б) Звездная дорожка
в) Улица	г) Радуга
Рис. 12 Задания для практической работы №3.

Рекомендации к выполнению:

Снежинки

Нарисуйте звезду с 7 лучами (выберите в выпадающем меню для инструмента Rectangle (прямоугольник) – инструмент Polystar, в инспекторе свойств нажмите кнопку Options, установите Style = Star, с помощью инструмента Selection (Стрелка) получите один из лучей снежинки. С помощью инструмента Ink Bottle (Чернильница) измените стиль контура (кнопка Custom в инспекторе свойств) как показано на рис.13.

Рис. 13. Стиль контура для рисования луча снежинки

Переместите центр фигуры на острие луча. На панели Transform задайте угол поворота 45 градусов. Щелкайте по кнопке Copy and Apply Transform, пока не получится снежинка. Все сгруппируйте.

Другие варианты снежинок:

а) Снежинка, нарисованная с помощью инструмента Кисть; Справа - один из лучей снежинки.	б) Снежинка, нарисованная с помощью инструмента Овал	в) Снежинка, нарисованная при помощи инструмента Овал, с применением инструмента Transform (модификатор Envelope)
Рис. 14. Снежинки

Звездная дорожка

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

Улица

Можно воспользоваться изображением дома, которое мы получили при выполнении Практической работы по теме «Создание простых векторных рисунков»

При помощи инструмента Free Transform (модификатор Distort) можно изменить ориентацию домика в пространстве:

Рис. 15. Улица

Радуга

Разноцветные полоски, из которых состоит радуга, можно нарисовать инструментами Line (линия), Brush (кисть) или Rectangle (прямоугольник), и затем изогнуть их при помощи инструмента Free Transform (модификатор Envelope) .

Управление цветом

Выбор и настройка цветов производится с помощью панелей Colors (Цвета), Color Mixer (Цветовой миксер) и Color Swatches (Цветовые образцы). Кроме того, вы можете использовать панель Инспектора Свойств.

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

Градиент – это многоцветная заливка с плавным переходом между 2 или более (до 16-ти) цветов. Любой цвет в градиенте может также включать степень прозрачности.

Для изменения параметров градиентных и растровых заливок используется инструмент Gradient Transform.

а) Colors (Цвета)	б) Color Mixer (Цветовой миксер)	в) Color Swatches (Цветовые образцы)
Рис.16 Панели для работы с цветом

Панель Colors (Цвета) позволяет выбрать цвета контура и заливки. Для этого:

•  подведите курсор к одной из пиктограмм с цветом;

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

•  выберете один из цветов в появившемся окне.

Или введите шестнадцатеричный код желаемого цвета. Например, #FF0000 для красного. Здесь же вы можете установить прозрачность
(Alpha) в процентах или при помощи бегунка.

Крайняя справа пиктограмма открывает еще одно диалоговое окно, где пользователь может создавать новые цветовые образцы. По сути, базовый диалог представляет собой панель Color Swatches (Цветовые образцы), а расширенный – Color Mixer (Цветовой миксер). Однако есть небольшие различия. Важной функцией панели Color Mixer является возможность выбора типа заливки:

•  Solid (Однородная) – заливка одним цветом поверхности объекта.

•  Linear (Линейная) – заливка градиентом слева направо.

•  Radial (Радиальная) – заливка градиентом от центра объекта.

•  Bitmap (Растровая) – заливка растровым изображением.

Когда пользователь выбирает тот или иной вариант, панель Color Mixer изменяется соответствующим образом.

Создание и редактирование градиента

Палитра Color Mixer позволяет создавать собственные или редактировать выбранные градиенты. Градиент может быть линейным (Linear) или радиальным (Radial). Использование в работе градиентных заливок позволяет имитировать свечение, создавать ощущение объёма.

Выберите в палитре Color Mixer тип заливки - Linear или Radial.

Чтобы создать или отредактировать градиент вам необходимо выделить, кликнув мышкой, тот или иной указатель цвета, изменить его цвет по своему желанию и сдвинуть, для того чтобы обозначить место, где согласно вашему замыслу начнётся переход цвета. Можно добавить ещё один, а может быть и несколько указателей - для этого достаточно щёлкнуть левой кнопкой мыши по полоске градиента (когда указатель мыши оказывается над полоской, рядом появляется знак «+»). Если вы хотите удалить указатель, захватите его левой кнопкой мыши и потяните вниз.

Рис. 17 Вид панели Color Mixer для градиентной заливки

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

Инструмент Gradient Transform (преобразование заливки) -

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