Инструменты Основы работы в Macromedia Flash Основы работы в Macromedia Flash Анимация Слои. - презентация

1 Инструменты Основы работы в Macromedia Flash Основы работы в Macromedia Flash Анимация Слои

2 Технология Flash предназначена для создания анима-ционных роликов и фильмов и основана на применении векторной графики в формате SWF. Векторная графика – это способ представления изображения с помощью совокупности кривых, положение которых на рисунке описывается с помощью математических формул. Благодаря этому векторная графика занимает намного меньше места в памяти компьютера, чем растровая, и позволяет практически неограниченно увеличивать размеры изображения без потери качества. Но в векторной форме трудно представить фото- реалистичные изображения. Поэтому в технологии Flash используется компромиссное решение – возможность работы не только с векторными, но и с растровыми изображениями.

3 Перед вами основное окно Flash MX. Данный текст размещён в рабочей области основного окна, где и создаются слайды и ролики с помощью программы Flash MX. В верхней части основного окна находится панель меню, предназначенная для выбора режима работы. Слева расположена панель инструментов рисования. Справа размещается цветовой микшер, назначением которого является выбор цвета элементов слайда. Над рабочей областью расположен монтажный стол, на котором организуется движение объектов ролика. Под рабочей областью находится «инспектор свойств», позволяющий изменять свойства объектов и инструментов

4

5 Для изменения параметров линии её необходимо сначала выделить инструментами а затем выбрать новые параметры линии. Также производится изменение параметров и других рисованных изображений или лассо. рисует прямые и ломанные линии Инструмент Линия (bine Tool) –

6 Рисует прямоугольники, в том числе и с закруглёнными краями Прямоугольник состоит из контура и заливки, которые могут редактироваться отдельно. Инструмент прямоугольник (Rectangle Tool)

7 Овал (Oval Tool) – инструмент, предназначенный для рисования эллипсов и кругов Нарисованный круг или эллипс состоит из контура и заливки, которые можно редактировать отдельно Для рисования круга необходимо удерживать клавишу Shift Выбор цвета заливки и свойств контура производится также, как при работе с инструментом «Прямоугольник»

8 Карандаш (Pencil Tool) – рисует произвольные линии, но при соответствующей настройке «распознаёт» нарисованные фигуры и автоматически их преобразует в стандартные геометрические фигуры Цвет и свойства линий выбираются также, как при работе инструментом «Линия» В этом режиме работы происходит «распознавание» и автоматическое преобразование фигур. Например, фигура 1 была «распознана» как окружность (фигура 2)

9 Перо (Pen Tool) – рисует прямые и сглаженные кривые с высокой точностью на основе механизма кривых Безье Чтобы нарисовать ломанную линию, нужно указать щелчками все её узловые точки Перо позволяет соединить две точки плавной кривой. Для этого нужно указать щелчком 1-ю точку, затем 2-ю, и, не отпуская кнопки мыши, перемещать указатель мыши до получения требуемой кривой. После отпускания кнопки останется только нужная кривая. Параметры линий выбираются также, как при работе с инструментом «Линия»

10 Кисть (Brush Tool) – рисует линии, напоминающие мазки кистью Здесь выбирается размер кисти Здесь выбирается форма кисти Здесь выбирается цвет кисти В «инспекторе свойств» также можно выбрать цвет кисти

11 Кисть (Brush Tool) – рисует линии, напоминающие мазки кистью После щелчка на этой стрелке здесь можно выбрать режим работы кисти

12 Ластик (Eraser Tool) – стирает линии, контуры и заливки Здесь выполняется выбор формы и размера ластика После щелчка на этой стрелке здесь можно выбрать режим работы ластика Кран – особый режим работы ластика, позволяющий удалить одним щелчком любой элемент целиком (линию, заливку или контур)

13 Анимация, т.е. создание движущихся изображений, выполняется в Flash тремя методами: 1)покадровая («классическая») анимация, когда автор сам рисует или импортирует каждый кадр будущего ролика и устанавливает их последовательность, 2) автоматическое анимированные (tweened-анимация), при которой автор создаёт только первый и последний кадры ролика, а Flash автоматически генерирует все промежуточные кадры; существует два вида tweened-анимации: a)основанная на перемещении объекта (motion animation), b) основанная на трансформации объекта (shape animation), 3) анимация на основе описания поведения объекта на языке программирования Action Script. Анимация

14 На рисунке представлена область описания слоёв ролика и временная диаграмма с нумерацией кадров. Считывающая головка (Play head) указывает активный кадр анимации. При воспроизведении ролика она автоматически перемещается вдоль временной диаграммы и «читает» кадры по порядку, вследствие чего и образуется движущееся изображение. Покадровая анимация

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

16 После создания ролика можно просмотреть все кадры, щёлкая левой кнопкой мыши по чёрным точкам на временной диаграмме Этот ролик можно экспортировать в презентацию, Web- страницу и т.п. Покадровая анимация

17 Рисуем изображение для 1 кадра,при этом 1 кадр превратился в ключевой Выбираем правой кнопкой мыши конечный кадр, например 20-й, и превращаем его в ключевой Выделяем рисунок стрелкой,нажимаем кнопку «Изменить» затем «Группировать» Перетаскиваем рисунок в конечный пункт движения; или повернуть с помощью инструмента «Трансформация» его можно увеличить Автоматическая анимация движения объекта (motion animation)

18 Щёлкаем по 1-му ключевому кадру, затем по стрелочке и выбираем Motion. Ролик готов. Для просмотра можно запустить его клавишей Enter Автоматическая анимация движения объекта (motion animation)

19 При создании ролика с использованием растровой картинки технология Motion animation отличается тем, что изображение не рисуется, а импортируется с помощью команд: Файл – Импортировать, и не группируется. В остальном технология создания ролика не отличается. Автоматическая анимация движения объекта (motion animation)

20 При создании ролика с использованием растровой картинки технология Motion animation отличается тем, что изображение не рисуется, а импортируется с помощью команд: Файл – Импортировать, и не группируется. В остальном технология создания ролика не отличается. Примеры создания таких роликов: Автоматическая анимация движения объекта (motion animation)

21 Ролики с трансформацией можно создавать только из объектов, нарисованных в векторном редакторе. При этом группировка объекта не производится. Первый и конечный кадры ролика рисует автор, а промежуточные кадры Flash создаёт автоматически. При выборе типа анимации нужно нажать кнопку Shape. Пример ролика, созданного по технологии Shape animation: Автоматическая анимация движения объекта (motion animation)

22 В Flash-ролике может использоваться несколько различных объектов. Движение каждого из них может происходить независимо от других. Каждый из объектов помещается на отдельный слой (Layer). Это можно сравнить с расположением рисунков на отдельных листах прозрачной кальки. Собрав воедино «стопку» таких листов, получаем сцену, на которой действуют различные персонажи: Вид сверху Слои в технологии Flash

23 При открытии окна Macromedia Flash на монтажном столе представлен только один слой. Чтобы вставить второй слой, необходимо щёлкнуть на значке «Вставить слой». Слои можно менять местами, переименовывать, удалять и организовать в них движение различных объектов; при этом объекты верхнего слоя будут закрывать объекты нижнего слоя. Можно вставить сколько угодно слоёв.

24

25 Грустная сказка об утенке, не похожем на других утят. Для Андерсена эта сказка во многом автобиографичная – таким гадким утенком был когда-то и он сам. В сказке и в жизни Андерсена счастливый конец – гадкий утенок превратился в красивого лебедя, а Андерсен стал знаменитым писателем- сказочником. ГАДКИЙ УТЁНОК

26 ВЫПОЛНИЛ РАБОТУ: ХУДАЙНАЗАРОВ РУСТАМ