Создание фильмов в Macromedia Flash MX.

Упражнения по теме «MacromediaFlash MX»

задание

выполнение

1. Загрузка MacromediaFlash MX

1. Загрузите MacromediaFlash MX:

Способ 1: Пуск/Программы/ Macromedia/ MacromediaFlash MX;

Способ 2: двойной щелчок мышью по соответствующей пиктограмме на рабочем столе MS Windows;

Способ 3: щелчок мышью по соответствующей пиктограмме на панели Быстрый запуск.

1. Изучение структуры окна MacromediaFlash MX в обычном режиме

Рисунок 1. Окно MacromediaFlash MX в обычном режиме

1. Изменение стандартных параметров сцены

1. Выполните команду Изменить / Документ.

2. В окне Свойства документа установите в полях Размеры: Ширина – 500 рх, Высота – 400 рх.

3. Фоновый цвет: установите белый.

4. В поле Частота кадров: установите 12 fps.

5. В списке Единицы измерения: выберите Pixels.

1. Рисование воздушных шариков с использо-ванием инструментов Овал и Карандаш

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

2. Выберите по своему усмотрению текущие цвет штриха и цвет заливки на палитре инструментов в разделе Цвета или на панели Свойства для первого воздушного шара.

3. На панели Свойства установите также высоту штриха 1,25 и тип штриха Сплошной.

4. Нарисуйте шар: установите указатель мыши в угол будущего шара / нажмите кнопку мыши и тащите ее в противоположный угол / когда шар достигнет нужных размеров, отпустите кнопку мыши.

5. Аналогично нарисуйте три шар другого цвета.

6. Выберите инструмент Карандаш и в разделе Опции выберите режим рисования Чернила.

7. Выберите цвет штриха черный и нарисуйте нитки воздушных шаров.

8. Сохраните файл под именем Шары.fla в свою рабочую папку: Файл/Сохранить.

1. Рисование облаков

1. Выберите инструмент Кисть.

2. Выберите цвет заливки голубой.

3. В разделе Опции в Ре жиме кисти выберите Рисовать сзади.

4. Выберите небольшой размер и круглую форму кисти.

5. Нарисуйте облака. Обратите внимание, что они размещаются на заднем плане рисунка.

6. Сохраните изменения в файле Шары.fla.

1. Раскрашивание черно-белого рисунка

1. Откройте файл Пейзаж.fla.

2. Выберите инструмент Ведро краски / выберите цвет заливки / щелкните мышкой внутри любой замкнутой области, чтобы окрасить ее / поэкспериментируйте с разными режимами заливки.

3. Аналогично закрасьте другие области.

4. Выберите инструмент Бутылка чернил / задайте цвет, высоту, стиль штриха / щелкните внутри заливки (у контура появиться обводка).

5. Аналогично измените обводку остальных контуров.

1. Удаление заливки

1. Выберите инструмент Ластик / выберите форму ластика круглую, средних размеров / в разделе Опции включите кнопку Грани (кран) / выберите в списке Режим ластика: Стирать заливки.

2. Щелкните по солнцу кистью. Обратите внимание, что удаляется только заливка, линии обводки остаются нетронутыми.

3. Поработайте в других режимах ластика.

4. Закройте файл Пейзаж.fla без сохранения изменений.

1. Преобразование прямоугольника

1. Создайте новый файл со стандартными параметрами: Файл / Новый.

2. Выберите инструмент Прямоугольник / установите заливку лимонного цвета, цвет штриха темного цвета / нарисуйте прямоугольник.

3. Выберите инструмент Указатель / подведите указатель мыши к обводке контура и искривите ее так, чтобы фигура приняла форму лимона.

4. Дорисуйте инструментами рисования ветку и листья.

5. Сохраните файл под именем Лимон.fla в своей рабочей папке. Закройте файл.

1. Перемещение обводки и заливки прямоугольника

1. Создайте новый файл со стандартными параметрами: Файл / Новый.

2. Нарисуйте прямоугольник с толстой обводкой.

3. Инструментом Указатель щелкните по верхней части обводки (сегмент покрылся белой сеточкой – он выделен).

4. Выделите сразу два сегмента (с помощью клавиши Shift) – верхнюю и левую часть обводки – и переместите их в сторону.

5. Несколько раз выполните команду Отмена, верните прямоугольник к исходному виду.

6. Переместите заливку: щелкните по ней и перетащите.

7. Передвиньте на другое место всю оставшуюся обводку: дважды щелкните на любом ее сегменте и перетащите.

8. Нарисуйте эллипс.

9. Перенесите его целиком: дважды щелкните внутри заливки (при этом обводка будет выделена вместе с заливкой) / нажмите кнопку мыши в любом месте эллипса и перетащите его.

10. Сохраните файл под именем Обводка.fla в своей рабочей папке. Закройте файл.

1. Группировка нескольких объектов

1. Создайте новый файл со стандартными параметрами: Файл / Новый.

2. Нарисуйте конверт с помощью инструмента Прямоугольник с штрихом и заливкой.

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

4. Обведите марку рамкой с помощью инструмента Указатель и перетащите ее в левый верхний угол конверта / щелкните в любом месте рабочего поля, чтобы снять выделение марки (произошло наложение контуров, верхняя заливка марки заменила собой нижнюю – конверта).

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

6. Выделите и скопируйте марку с помощью команд Копировать, Вставить. Разместите марки на одном уровне.

7. Сгруппируйте марки, чтобы они не меняли взаимного расположения: выделите две марки / Изменить / Сгруппировать (вокруг контура появиться голубая прямоугольная рамка).

8. Перетащите марки в левый верхний угол конверта. Теперь наложение контуров не происходит. Проверьте это.

9. Сохраните файл под именем Конверт.fla в своей рабочей папке. Закройте файл.

1. Создания файла из трех слоев

1. Создайте новый файл со стандартными параметрами: Файл / Новый.

2. Задайте свойства документа (Изменить / Документ) Ширина – 303 рх, Высота – 175 рх / Фоновый цвет: установите синий.

3. На Слое 1 нарисуйте рыбку. Обратите внимание, что первый кадр этого слоя стал содержать нарисованную рыбку.

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

5. Создайте новый слой: Вставить / Слой.

6. Переименуйте его как море.

7. Импортируйте на первый кадр слоя море файл море.gif: щелкните по первому кадру на монтажном столе / Файл / Импорт… / поместите рисунок на сцену.

8. Создайте третий слой переименуйте его в камни, нарисуйте на нем подводные камни.

9. Поменяйте местами слои рыба и море: установите курсор мыши на значок слоя в палитре слоев, нажмите левую кнопку мыши и перетащите слой.

10. Отключите, включите видимость слоев.

11. Удалите слой камни: щелчок правой кнопкой мыши по названию слоя / выбрать Удалить слой.

12. Сохраните файл под именем аквариум.fla в своей рабочей папке. Закройте файл.

1. Работа с экземпляром символа

1. Создайте новый файл со стандартными параметрами: Файл / Новый.

2. Создайте графический символ:

   • Вставка / Новый символ / в поле имя введите корабль / установите переключатель Графика / ОК (программа перейдет в режим редактирования нового символа, имя символа отображается в верхнем левом углу окна, на рабочем поле отображается значок крестика, обозначающий регистрационную точку символа);

   • Нарисуйте корабль;

   • Закончите создание содержания символа: щелчок мыши по надписи на рабочем поле Сцена 1.

3. Отобразите на экране библиотеку фильма: Окно / Библиотека.

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

5. Измените оттенок экземпляра символа: выберите инструмент Трансформация заливки / щелкните по символу правой кнопкой мыши / на панели Свойства в окне Цвет выберите Tint с помощью индикатора выберите в палитре зеленый цвет / с помощью верхнего ползунка уменьшите насыщенность выбранного оттенка 50%.

6. Перетащите еще один экземпляр корабля из библиотеки на стол. Теперь первый кадр текущего слоя состоит из двух экземпляров графики.

7. Измените прозрачность второго экземпляра: выберите инструмент Трансформация заливки / щелкните по второму экземпляру символа правой кнопкой мыши / на панели Свойства в окне Цвет выберите Alpha / с помощью ползунка установите прозрачность 50%.

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

9. Отредактируйте символ корабль: в библиотеке выделите символ корабль / правой кнопкой щелкните на название символа / выберите Править / в рабочем окне появиться рисунок символа корабль, измените его форму с помощью инструмента Указатель. Обратите внимание, что форма экземпляров символа в библиотеке тоже изменилась. Закончите создание содержания символа, щелкнув на надпись Сцена 1.

10. Сохраните файл под именем корабль.fla в своей рабочей папке. Закройте файл.

1. Создание символа типа Кнопка

1. Создайте новый файл со стандартными параметрами: Файл / Новый.

2. Создайте символ типа Кнопка:

• Вставка / Новый символ / в поле имя введите кнопочка / установите переключатель Кнопка / ОК (программа перейдет в режим редактирования символа-кнопки, при этом в заголовке временной диаграммы появились имена четырех кадров кнопки: Вверх, Над, Вниз, Нажатие);

• Создайте изображение кнопки для начального состояния (Вверх): нарисуйте круг синего цвета;

• Создайте изображение кнопки при наведенном на нее указателе мыши (Над): щелкните на втором кадре Над / Вставка / Ключевой кадр (на рабочем поле появится изображение из первого кадра) / измените цвет заливки на голубой;

• Создайте нажатое изображение кнопки (Вниз): щелкните на третьем кадре Вниз / Вставка / Ключевой кадр (на рабочем поле появится изображение из второго кадра) / с помощью инструмента Указатель измените форму кнопки;

• Определите область срабатывания (Нажатие) кнопки на сцене: щелкните правой кнопкой мыши на втором кадре Над / выберите Копировать кадры для копирования кадра / щелкните правой кнопкой мыши на четвертом кадре / Вставить кадры;

• Закончите редактирование символа кнопки: щелчок мыши по надписи на рабочем поле Сцена 1.

1. Отобразите на экране библиотеку фильма: Окно / Библиотека.

2. Протестируйте кнопку: Управление / Включить простые кнопки / перетащите экземпляр кнопки из библиотеки фильма и протестируйте.

3. Отредактируйте символ: в библиотеке выделите символ кнопочка / правой кнопкой щелкните на название символа / выберите Править / в рабочем окне появиться рисунок символа кнопочка, измените цвет кнопки при наведенном на нее указателе (кадр Над). Закончите создание содержания символа, щелкнув на надпись Сцена 1.

4. Протестируйте работу кнопки.

5. Сохраните файл под именем кнопочка.fla в своей рабочей папке. Закройте файл.

1. Работа с экземпляром символа

1. Создайте новый файл со стандартными параметрами: Файл / Новый.

2. Создайте новый символ типа Графика с именем авто. Для содержания символа импортируйте файл Машина.gif. Закончите редактировать символ.

3. Отобразите библиотеку фильма: клавиша F11.

4. Создайте первый кадр анимации: выделите первый кадр слоя Слой 1 / перетащите экземпляр символа авто из библиотеки в правый верхний угол сцены / уменьшите экземпляр символа (первый кадр слоя Слой 1 на момент создания фильма был ключевым; сейчас он содержит экземпляр символа авто).

5. Создайте последний кадр анимации: выделите 20-й кадр на монтажном столе (последний кадр будущей анимации) / сделайте его ключевым (Вставить / Ключевой кадр или клавиша F6) / переместите экземпляр символа в левый нижний угол сцены.

6. Выделите первый кадр / Вставить / Двойное движение. Таким образом выполниться кадрирование.

7. Нажмите Enter и просмотрите анимацию.

8. Сохраните файл под именем машина.fla в своей рабочей папке. Закройте файл.

1. Создание покадровой анимации в готовом файле

1. Откройте файл динозавр.fla (в нем имеется один ключевой кадр с динозавром).

2. Создайте второй кадр анимации:

• Вставить / Ключевой файл или клавишу F6 (на временной диаграмме появится второй ключевой кадр и станет текущим; пока что он такой же, как первый кадр);

• Инструментом Свободная трансформация выделите шею динозавра (это группа);

• Перетащите точку регистрации в основание шеи / немного поверните шею по часовой стрелке: подведите указатель мыши к угловому маркеру обрамляющей рамки / если в линии спины при повороте образовался разрыв, подтяните конец линии инструментом Свободная трансформация, чтобы заделать его.

1. Создайте второй кадр анимации: клавиша F6 / в новом кадре выделить шею инструментом Свободная трансформация и поверните еще немного (точку регистрации можно не трогать).

2. Аналогичным способом создайте четвертый кадр еще раз поверните шею.

3. Включите режим одновременного просмотра: кнопка Луковая кожура на монтажном столе. Поправьте углы вращения разных кадров (для передачи равноускоренного движения они должны становиться больше с каждым кадром).

4. Сохранить файл под тем же именем в своей рабочей папке.

5. Нажмите Ctrl+Enter, чтобы увидеть анимацию в действии.

6. Закройте файл.

1. Создание символа-клипа и анимации, используя библиотеку готового фильма

1. Откройте файл клип.fla.

2. Создайте символ-клип:

• Вставить / Новый символ / имя мой клип, поведение Ролик / ОК.

• Перетащите из библиотеки экземпляры символов Biplane и Biplane Propeller;

• Поместите пропеллер на заднем плане: выделите экземпляр Biplane Propeller / изменить / выравнивание / сверху (первый ключевой кадр клипа создан);

• Создайте второй ключевой кадр: клавиша F6 / во втором ключевом кадре выделить, поверните и немного уменьшите пропеллер;

• Закончите редактировать клип: щелкните на надпись Сцена 1.

1. Из библиотеки перетащите экземпляр рисунка Bitmap, Background Sky (первый кадр Слоя 1 стал содержать экземпляр рисунка). Уменьшите размер рисунка до размеров сцены.

2. Создайте 20 статистических кадров с изображением неба: выделите 20-й кадр (последний кадр будущей анимации) / клавиша F5 (или Вставить / Кадр).

3. Создайте новый слой (Вставить / Слой) / выделите первый кадр этого слоя и перетащите из библиотеки экземпляр символа-клипа мой клип / поместите самолет за границу сцены слева.

4. Вставьте в 20-й кадр слоя с самолетом ключевой кадр / поместите самолет за границу сцены справа.

5. Выделите первый ключевой кадр с самолетом / Вставить / Создать двойное движение.

6. Сохраните файл в своей рабочей папке.

7. Просмотрите анимацию в режиме предварительного просмотра: Файл / Просмотр / HTML. Закройте Internet Explorer.

8. Задайте параметры анимации движения: на панели Свойства / Кадр переместите ползунок Своб.: до +80 (самолет будет двигаться с ускорением).

9. Просмотрите анимацию в режиме предварительного просмотра: Файл / Просмотр / HTML. Закройте Internet Explorer.

10. Измените параметры анимации движения: на панели Свойства / Кадр и раскрывающемся списке Вращать выберите CW (По часовой стрелке) 1 / преместите ползунок Своб: до 0 (самолет будет вращаться).

11. Просмотрите анимацию в режиме предварительного просмотра: Файл / Просмотр / HTML. Закройте Internet Explorer.

12. Сохраните и закройте файл.

1. Создание фильма с анимацией движения колеса по заданной траектории

1. Создайте новый файл со стандартными параметрами сцены: Файл / Новый.

2. Создайте новый символ типа Графика с именем колесо. Для содержания символа импортируйте файл колесо.gif. Закончите редактировать символ.

3. Переименуйте Слой 1 как горка. Нарисуйте на нем горку.

4. Щелкните на 20-м кадре (последний кадр будущей анимации) слоя горка / клавиша F5 для создания обычного кадра (до 20-го кадра протянется серая полоса из статических кадров; все они повторяют первый кадр).

5. Создайте новый слой колесо.

6. Выделите первый кадр слоя колесо / отобразите библиотеку фильма / перетащите из библиотеки экземпляр символа колесо / уменьшите размер экземпляра.

7. Щелкните по 20-му кадру слоя колесо / клавиша F6 для вставки ключевого кадра.

8. Выделите слой колесо / Вставить / Направляющая движения (над выделенным слоем появиться слой с именем Направляющая: колесо; это слой направляющих.

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

10. Включите режим привязки к объектам: включите кнопку Привязать к объектам (магнит) на панели настройки палитры инструментов или в меню команд.

11. Выделите первый ключевой кадр слоя колесо / совместите центр колеса с началом сегмента траектории (при точном попадании опорной точки кривой в центр колеса обязательно должен появиться маркер привязки в виде кружочка).

12. Щелкните по 20-му кадру слоя колесо / здесь также совместите конец сегмента траектории с центром колеса.

13. Выделите первый кадр слоя колесо / Вставить / Создать двойное движение.

14. На панели Свойства / Кадр в раскрывающемся списке (Интерполяция) Пара: выбрать Motion (движение) / установите флажок в окне Привязка (Привязать к направляющей).

15. Заблокируйте слой с направляющими, чтобы не сдвинуть их с места: нажмите второй кружок на монтажном столе в поле слоя (под пиктограммой Замок).

16. Нажмите Ctrl + Enter для просмотра анимации.

17. Сохраните файл под именем колесо.fla в своей рабочей папке. Закройте файл.

1. Создание фильма с анимацией форм

1. Создайте новый файл и нарисуйте в первом кадре солнце.

2. 15-ый кадр сделайте ключевым / удалите старую фигуру и нарисуйте месяц.

3. 30-ый кадр сделайте ключевым / удалите старую фигуру и нарисуйте тучу.

4. Выделите первый кадр / на панели Свойства / Кадр в списке (Интерполяция) Пара: выберите режим Shape (Форма).

5. Аналогичную процедуру выполните для 15-го кадра.

6. Нажмите Enter и посмотрите анимацию.

7. Сохраните файл под именем форма.fla в своей рабочей папке. Закройте файл.

1. Создание фильма с анимацией текста

1. Создайте новый фильм.

2. С помощью инструмента Текст в первом кадре введите текст черного цвета.

3. Превратите текст в графический символ: щелкните на текстовом блоке инструментом Указатель / Вставить / Преобразовать в символ… или клавиша F8 / включите переключатель Графический / ОК.

4. Создайте ключевой кадр на отметке 10. В этом ключевом кадре перетащите надпись вниз, увеличьте ее размеры и поверните под углом.

5. Сделайте надпись цветной: на панели Свойства в раскрывающемся списке Цвет: выберите Tint (оттенок) / выберите цвет.

6. Выделите 1-ый кадр / Вставить / Создать двойное движение.

7. Нажмите Enter и посмотрите анимацию.

8. Сохраните файл под именем текст.fla в своей рабочей папке. Закройте файл.

1. Создание фильма с использованием слоя-маски

1. Создайте новый фильм и выберите для цвета фона темный цвет.

2. Нарисуйте прямоугольник и окрасьте его градиентной заливкой от белого цвета до цвета фона с использованием панели Цветовой микшер / из раскрывающегося списка Стиль заливки выбрать Linear / перемещая ползунки и выбирая из предложенных цветов нужные, выберите цвет фона.

3. Измените направление градиента: выберите инструмент Трансформация заливки / щелкните внутри прямоугольника и поверните заливку так, чтобы градиент был направлен вертикально.

4. Поверх прямоугольника введите текст крупным кеглем, работая с панелью Свойства.

5. На отметке 20 создайте для слоя с фоном статический кадр (клавиша F5).

6. Создайте новый слой для маски / нарисуйте на нем круг с заливкой любого цвета / расположите круг слева от текста.

7. Щелкните на 20 кадре этого слоя, произведите группировку круга (Изменить / Группировать) и вставьте ключевой кадр (клавиша F6) / с помощью инструмента Указатель перетащите круг направо от текста.

8. На первом кадре слоя с кругом создать двойное движение.

9. Создать слой-маску: щелкните правой кнопкой мыши на имени слоя с кругом / выберите в контекстном меню Маска.

10. Нажмите Enter и посмотрите анимацию.

11. Сохраните файл под именем маска.fla в своей рабочей папке. Закройте файл.

1. Озвучивание кнопки

1. Откройте файл кнопочка.fla.

2. Откройте библиотеку фильма.

3. Выведите общую библиотеку звуков: Окно / Основные библиотеки / Sounds.

4. Найдите в общей библиотеке подходящий звук – например, Plastic Button (пластмассовая кнопка) – и перетащите его в нижнюю часть своей библиотеки.

5. Дважды щелкните по кнопке, чтобы перейти в режим ее редактирования (предварительно проверьте, что в меню Управление выключена опция Включить простые кнопки).

6. Создайте новый слой для звука и назовите его щелчок.

7. В этом случае создайте ключевой кадр на отметке Вниз (клавиша F6) / выделите кадр / перетащите на сцену звуковой символ из библиотеки (на временной диаграмме появиться осциллограмма звука).

8. Создайте событийный звук: на панели Свойства в разделе Звук в раскрывающемся списке Синхро: выберите значение Event (событие).

9. Нажмите Ctrl + Enter для тестирования фильма. Наведите указатель мышки на кнопку и щелкните, чтобы проверить, на месте ли звук.

10. Самостоятельно озвучьте кадр Над каким-нибудь подходящим звуком.

11. Сохраните и закройте файл.

1. Озвучивание фильма

1. Откройте файл клип.fla.

2. Импортируйте музыкальный файл track1.mp3.

3. Создайте для музыки новый слой и перетащите на сцену новый звук.

4. Нажмите Ctrl+Enter для просмотра фильма. Обратите внимание, что мелодия с каждым повтором клипа начинается с начала.

5. Уберите мелодию, удалив слой с музыкой.

6. Отредактируйте символ мой клип: перейдите в режим редактирования символа мой клип; создайте в клипе новый слой и вставьте туда ту же мелодию; на панели Звук в раскрывающемся списке Синхро: выберите тип синхронизации Start (Старт), чтобы не было наслоения звука при циклическом исполнении фильма; закончите редактировать символ-клип.

7. Нажмите Ctrl+Enter для просмотра фильма.

1. Публикация фильма

1. Откройте диалоговое окно настройки параметров публикации: Файл / Общие настройки....

2. Определите форматы публикации и имена соответствующих файлов: вкладка Форматы; в разделе Тип выберите Flash (.swf) и HTML (.html); снимите флажок Использовать стандартные названия, чтобы дать файлам имена, отличные от авторского фильма; задайте в полях справа имена самолет.swf и самолет.html.

3. Настройте экспорт в формат SWF: вкладка Flash; в раскрывающемся списке Версия выберите версию Flash Player 6 в поле Порядок выберите режим Bottom up (Снизу-вверх) для установки порядка загрузки слоев фильма для показа первого кадра; в разделе Опции установите флажок Защита от импорта для создания SWF-файла, который невозможно импортировать в программу Flash; бегунок JPEG качество перетащите до значения 80, чтобы установить степень сжатия и, следовательно, качество всех растровых изображений; нажмите кнопку Настроить рядом с полем Аудиопоток для настройки звука / в поле Сжатие выберите сжатие в режиме МРЗ / в раскрывающемся списке Битность выберите битовую скорость звука 16 / в раскрывающемся списке Качество выберите скорость сжатия Fast (Быстрое) /ОК.

4. Настройте экспорт в формат HTML: вкладка HTML; в поле Шаблон: выберите Flash Only для генерации HTML-файла, содержащего один SWF-файл; в поле Размеры выберите Match Movie (Как в фильме); в разделе Проигрывать: установите флажки Цикл и Показать меню для циклического проигрывания фильма и отображения контекстного меню проигрывателя; в поле Качество установите High (Высокое) для высокого качества изображения; в поле Режим окна установите Window (Окно) для проигрывания фильма в отдельном окне Web-страницы; в списке Направление HTML выберите Default (По умолчанию).

5. Опубликуйте фильм: кнопка Публиковать / OK.

6. Сохраните и закройте файл мой клип.fla.

7. Посмотрите в своей рабочей папке файлы самолет.swf и самолет.html.

1. Работа с форматом GIF.

1. Откройте файл обводка.fla.

2. Сделайте фон фильма цветным: Изменить / Документ....

3. Откройте диалоговое окно настройки параметров публикации: Файл / Общие настройки....

4. Определите формат публикации файла: вкладка Форматы / в разделе Тип выберите GIF изображение (.gif), остальные флажки снимите.

5. Настройте экспорт в формат GIF: вкладка GIF; в разделе Размеры установите флажок
   Учит. фильм; в разделе Проигрывать установите переключатели Анимация и Бесконечный цикл; в разделе Опции установите флажок Оптимиз. цвета для удаления из цветовой палитры файла неиспользованных цветов; снимите флажок Смягчить, чтобы вокруг элементов изображения не образовывался цветной ореол; в поле Прозрачный выберите режим Transparent для установки прозрачности фона изображения; в поле Тип палитры выберите Web 216 стандартную палитру из 216 безопасных цветов.

6. Опубликуйте фильм: кнопка Публиковать / OK.

7. Сохраните и закройте файл обводка.fla.

8. Загрузите Проводник, перейдите в свою рабочую папку и просмотрите файл обводка.gif.

1. Создание фильма с циклическим воспроизведением фрагмента

1. Создайте новый фильм.

2. В первом кадре введите текст Секундомер, шрифт Times New Roman Cyr, размер - 72.

3. Щелкните на 30-м кадре анимации и вставьте ключевой кадр.

4. Щелкните на 31-м кадре анимации и вставьте ключевой кадр. Удалите надпись Секундомер и нарисуйте вертикальную линию примерно на 1/3 высоты рабочего поля.

5. Преобразуйте вертикальную линию в символ: выделите линию / Вставить / Преобразовать в символ... / установите переключатель типа Графика / OK.

6. Переместите центр вращения на нижний конец линии: выбрать инструмент Свободная трансформация и переместите маркер в виде кружка на нижний конец линии.

7. Щелкните на 90-м кадре анимации и вставьте ключевой кадр.

8. Вернитесь на 31-й кадр и на панели Свойства / Кадр выберите вид заполнения Вращать CW 1 раз (вращать по часовой стрелке 1 раз).

9. Создайте анимационный цикл: щелкните по 90-му кадру / разверните окно панели Действия нажмите + / выберите Actions / Movie Control / goto / внизу укажите номер кадра (31) / сверните панель Действия.

10. Сохраните файл с именем секундомер.fla в своей рабочей папке.

11. Просмотрите фильм.

1. Добавление в предыдущий файл кнопки остановки и запуска анимации

1. Добавьте в предыдущей анимации второй слой.

2. Щелкните на 31-м кадре во втором слое и вставьте ключевой кадр.

3. Нарисуйте в нижней части рабочего поля прямоугольник красного цвета.

4. Преобразуйте прямоугольник в кнопку типа Кнопка.

5. По аналогии создайте кнопку зеленого цвета.

6. Добавьте к кнопке красного цвета функцию остановки анимации: в панели Действия нажмите + / выберите Actions / Movie Control / Stop.

7. Добавьте к кнопке зеленого цвета функцию запуска анимации: в панели Действия нажмите + / выберите Actions / Movie Control / Play / сверните панель Действия.

8. Сохраните файл. Просмотрите фильм.

9. Закройте файл.

1. Создание интерактивной анимации с вводом текста и кнопкой открытия сайта

1. Создайте новый фильм.

2. Создайте на первом кадре следующие элементы: текстовую надпись Как вас зовут?; прямоугольник; треугольную кнопку, для чего нарисуйте треугольник, выделите его и преобразуйте в символ типа Кнопка; создайте пустую текстовую область поверх прямоугольника, перейдите в окно редактирования опций текста. В первом поле выберите из списка Input Text, в позиции lep.: (переменная) введите t.

3. Добавьте действие к кнопке: в панели Действия нажмите + / выберите Actions / Movie Control / goto / задайте номер кадра 2.

4. Добавьте в первый кадр команду остановки анимации: в панели Действия нажмите + / выберите Actions / Movie Control / Stop.

5. Создайте на отметке 2 второй ключевой кадр: щелчок по кадру 2 / Вставить / Ключевой кадр. Удалите все рисунки в кадре.

6. Во втором кадре создайте следующие элементы: надписи Здравствуйте, и Приглашаем взглянуть на наш сайт. В качестве текстовых опций должно быть указано Static Text (Статический текст); прямоугольник, расположите поверх него надпись далее ; пустое текстовое поле, в меню Text Options выберите Dynamic Text, в позиции lep.: (переменная) введите t.

7. Преобразуйте прямоугольник с текстом в символ типа Кнопка.

8. Назначьте действие для кнопки: в панели Действия нажмите + / выберите Browser/Network / Get URL (Открыть URL) внизу диалогового окна в строке URL укажите адрес сайта; сверните панель Действия.

9. Добавьте во второй кадр команду остановки анимации: в панели Действия нажмите + / выберите Actions / Movie Control / Stop; сверните панель Действия.

10. Сохраните файл под именем приветствие.fla в своей рабочей папке. Просмотрите фильм.

11. Закройте файл.

1. Создание навигационной панели

1. Создайте новый фильм.

2. Нарисуйте на левой стороне рабочей области четырехугольник синего цвета.

3. Создайте кнопку с надписью Главная. Для этого нарисуйте в центре рабочего листа прямоугольник синего цвета, затем поверх прямоугольника введите текст Главная (шрифт Times New Roman Cyr, 20 pt, цвет - белый). Выделите прямоугольник с надписью и преобразуйте в символ типа Кнопка, имя кнопки – кнопка1. Переместите кнопку на синее поле.

4. Добавьте к кнопке команду перехода на первый кадр: в панели Действия нажмите + / выберите Actions / Movie Control / goto / в поле Кадр установите 1 (для перехода к первому кадру) / выберите флажок перейти и остановить.

5. По аналогии создайте кнопку с надписью О себе и командой перехода на кадр 2 (кнопка2), и кнопку с
   надписью Ссылки и переходом на кадр 3 (кнопка3).

6. Сохраните файл под именем сайт.fla в своей рабочей папке.

1. Продолжение работы с файлом сайт.fla

1. Сделайте второй кадр ключевым: выделите второй кадр на кадровой линейке.

2. Такую же операцию проделайте и в третьем кадре.

3. В первом кадре создайте две текстовые надписи: Личный сайт и надпись с вашим именем.

4. Во втором кадре создайте две текстовые надписи: Место работы и надпись с названием вашей организации.

5. В третьем кадре создайте надпись Ссылки и прямоугольник с надписью МГГИПК (http://ipk.minsk.edu.by). Преобразуйте прямоугольник с текстом в символ типа Кнопка.

6. Назначьте действие для кнопки: в панели Действия нажмите + / выберите Browser/Network / Get URL (Открыть URL) внизу диалогового окна в строке URL укажите адрес сайта; сверните панель Действия.

7. Сохраните файл сайт.fla.

1. Добавление в кадр команды остановки анимации.

1. Добавьте в первый кадр команду остановки анимации: в панели Действия нажмите + / выберите Actions / Movie Control / Stop.

2. Аналогичную операцию выполните для второго и третьего кадров.

3. В первом кадре преобразуйте текст с вашим именем в символ типа Ролик.

4. Создайте анимацию в клипе: щелчком мыши перейдите в режим редактирования символа; на кадровой линейке вставьте ключевые кадры в позиции 15 и 30; в 1-ом и 15-м кадрах задайте анимацию движения: Двойное движение; в 15-м кадре увеличьте размеры текста; завершите редактирование символа.

5. Во втором кадре преобразуйте текст с местом работы в символ типа Ролик.

6. Создайте анимацию в клипе: перейдите в режим редактирования символа; вставьте ключевые кадры в позиции 15 и 30; в 30-м кадре замените русское название вашей организации на английское; вставьте ключевой кадр в 45-ой позиции; в ключевых кадрах разбейте текст на контуры с помощью команды Изменить / Разделить отдельно; в 15-ом кадре задайте анимацию формы: панель Свойства / Кадр / Пара: Shape; завершите редактирование символа.

7. Настройте параметры публикации: Файл / Общие настройки... / установите флажки Flash (.swf) и HTML (.html) / проверьте наличие флажка Исп. стандартные названия / OK.

8. Сохраните файл. Опубликуйте документ: Файл / Опубликовать.

9. Закройте файл сайт.fla.Завершите работу с программой MacromediaFlash MX.

10. Посмотрите в своей рабочей папке файлы сайт.swf и сайт.html