Введение в технологию Macromedia Flash

Описание презентации по отдельным слайдам:

• 

  1 слайд

  
  Введение в
  технологию
  Macromedia Flash
  
  Инструменты
  Анимация
  Слои
  Контрольные
  вопросы
  Контрольные
  задания
  Автор: Жуков В.В., jukoff3@ramdler.ru
  

• 

  2 слайд

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

• 

  3 слайд

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

• 

  4 слайд

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

• 

  5 слайд

  Цвет линии можно выбрать
  здесь,
  или в инспекторе свойств
  Здесь же выбираются: толщина линии
  тип линии
  стиль штриха
  Для изменения параметров линии её необходимо сначала выделить инструментами:
  стрелка,
  или лассо,
  а затем выбрать новые параметры линии. Также производится изменение параметров и других рисованных изображений
  Образцы линий, полученных с помощью инструмента «Линия»
  рисует прямые и ломанные линии
  Инструмент Линия (bine Tool) –
  

• 

  6 слайд

  Инструмент прямоугольник (Rectangle Tool)
  Рисует прямоугольники, в том числе и с закруглёнными краями
  Прямоугольник состоит из контура и заливки, которые могут редактироваться отдельно.
  Цвет контура выбирается здесь или здесь
  Цвет заливки выбирается здесь или здесь
  В инспекторе свойств выбираются также свойства линий контура:
  толщина
  тип
  стиль
  Здесь выбирается радиус закругления углов прямоугольника
  

• 

  7 слайд

  Инструмент прямоугольник
  Образцы нарисованных прямоугольников
  

• 

  8 слайд

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

• 

  9 слайд

  Инструменты рисования
  Образцы нарисованных кругов и эллипсов
  

• 

  10 слайд

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

• 

  11 слайд

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

• 

  12 слайд

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

• 

  13 слайд

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

• 

  14 слайд

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

• 

  15 слайд

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

• 

  16 слайд

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

• 

  17 слайд

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

• 

  18 слайд

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

• 

  19 слайд

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

• 

  20 слайд

• 

  21 слайд

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

• 

  22 слайд

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

• 

  23 слайд

  Автоматическая анимация движения объекта
  (motion animation)
  Этот ролик можно экспортировать в файл или Web-страницу
  Пример использования Motion animation в презентациии
  из электронного приложения к уроку «Производство электрической энергии»
  

• 

  24 слайд

• 

  25 слайд

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

• 

  26 слайд

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

• 

  27 слайд

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

• 

  28 слайд

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

• 

  29 слайд

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

• 

  30 слайд

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

• 

  31 слайд

  Слои в технологии Flash
  Пример: ролик из презентации «Ханс Кристиан Анедерсен»
  

• 

  32 слайд

  Грустная сказка об утенке, не похожем на других утят. Для Андерсена эта сказка во многом автобиографична – таким гадким утенком был когда-то и он сам. В сказке и в жизни Андерсена счастливый конец – гадкий утенок превратился в красивого лебедя, а Андерсен стал знаменитым писателем-сказочником.
  

• 

  33 слайд

  Инструменты
  Анимация
  Слои
  Контрольные
  задания
  

• 

  34 слайд

  Какая графика занимает
  больше места в памяти – растро-
  вая или векторная?
  векторная
  растровая
  одинаково
  разница
  незначительна
  

• 

  35 слайд

  Основное преимущество
  Macromedia Flash перед
  обычными графическими
  редакторами
  Автоматическое
  создание промежу-
  точных кадров
  Более совершенные
  инструменты
  рисования
  Наличие градиент-
  ной заливки
  Возможность созда-
  ния ключевых
  кадров
  

• 

  36 слайд

  Что такое «кран»
  в Macromedia Flash?
  выбор цвета
  режим заливки
  выбор слоя
  режим ластика
  

• 

  37 слайд

  Возможно ли изменение
  формы объекта в
  Motion animation?
  да
  нет
  частично
  в особых
  случаях
  

• 

  38 слайд

  Контрольное задание
  1. Нарисовать следующие линии:
  2. Нарисовать следующие прямоугольники:
  3. Нарисовать следующие овалы:
  4. Создать ролик с автоматической анимацией движения рисованного в векторном редакторе объекта
  5. Создать ролик с автоматической анимацией движения импортированного растрового объекта
  6. Создать ролик с автоматической анимацией трансформации рисованного объекта
  7. Создать ролик с автоматической анимацией движения двух рисованных объектов в двух слоях
  Инструменты
  Анимация
  Слои
  Контрольные
  вопросы
  

• 

  39 слайд

  Автор презентации:
  Жуков Вячеслав Васильевич – учитель информатики Муниципальной Новлянской средней общеобразовательной школы.
  Ивановская область, Заволжский муниципальный район, с. Новлянское,  35-134, jukoff3@rambler.ru
  Выход
  

• 

  40 слайд

  Какая графика занимает
  больше места в памяти
  векторная
  растровая
  одинаково
  разница
  незначительна
  

• 

  41 слайд

  Основное преимущество
  Macromedia Flash перед
  обычными графическими
  редакторами
  Автоматическое
  создание промежу-
  точных кадров
  Более совершенные
  инструменты
  рисования
  Наличие градиент-
  ной заливки
  Возможность созда-
  ния ключевых
  кадров
  

• 

  42 слайд

  Что такое «кран»
  в Macromedia Flash?
  выбор цвета
  режим заливки
  выбор слоя
  режим ластика
  

• 

  43 слайд

  Возможно ли изменение
  формы объекта в
  Motion animation?
  да
  нет
  частично
  в особых
  случаях