Cltps

  • 14 сент. 2012 г.
  • 1561 Слова
Лабораторная работа №3
Тема «Использование Flash-технологий для создания Web-сайтов»
-
Пример 1 Превращение одного слова в другое

1. Создаем новый файл (File, New)
2. С помощью инструмента Text Tool создаем произвольную надпись, меняем цвет заливки, размеры, тип шрифта и т.д. (меню Text).
Можно менять параметры текста в окне Text Options(Window, Panels, Text Options).Основное отличие Flash от остальных графических редакторов при работе с текстом, заключается в том, что есть два разных состояния текста. Текст сам по себе, т.е. просто текстовый блок, всегда доступный для редактирования, работы с языком сценариев (ActionScript) и имеющий ограниченные возможности для визуального оформления - изменение размера, цвета и наклона. И второе состояние текста, в котором по сути деламы имеем отношение не с самим текстом, а с его графическим представлением - "разбитый текст".
3. Выделим созданный текст с помощью инструмента Arrow(чёрная стрелка).
4. Разобъем текст Modify / Break Apart [Ctrl+B].
5. Зададим на таймелане пустой ключевой кадр, например 60 (см. рис.)
[pic]
Для этого выделим 60 кадр, меню Inseart, Blank KeyFrame (F7).
6. Создадим другую произвольнуюнадпись и разобьем ее.
7. Щелкнем правой кнопкой на первом кадре таймелана. Проверим активизировано ли окно Frame (Panels, Frame). Найдем на нем вкладку Frame, В поле Tweening выберем Shape (превращение), зададим параметр Blend - Distributive (плавно) или Angular (жестко). При этом первые 60 кадров должны окрасится в зеленоватый цвет.
8. Просмотрим получившийся ролик (Control, Testmovie).
9. Чтобы зафиксировать на экране последнее слово, добавим в 90-м кадре еще один пустой управляющий кадр (F7). Снова посмотрим получившийся ролик.
10. При необходимости зададим высоту и ширину ролика (Modify, Movie).
11. Преобразуем Flash-ролик в HTML-документ. Задаем нужные установки (File, Publish Setting, вкладка HTML, при необходимости меняем параметры) и непосредственнопреобразуем ().
12. Для просмотра HTML-документа выбрать File, Publish Preview, HTML.
Задания для самостоятельной работы
1. Создайте ролик по превращению слова «INTERNET» (шрифт Arial, размер 12, красный цвет, курсив) в слово «ИНТЕРНЕТ» (шрифт Courier New Cyr, размер 32, синий цвет, полужирный шрифт).
2. Создайте ролик по превращению треугольника в овал.
3. Создайте ролик по превращению одногографического файла в другой. Графические файлы можно импортировать из папки: Picture (File, Import…).


Пример 2 Работа с библиотекой

1. Создадим новый файл.
2. Откроем библиотеку символов (Windows, Common Library, Graphics).
3. Перенесём символ «Mouse» на холст.
4. Создадим управляющий движением слой (Insert, Create Motion Tween);
5. Щелкнем в 30-м кадре – вставим управляющийкадр (Insert KeyFrame (F6)). Все 30 кадров при этом закрасятся в голубоватый цвет.
6. В 30-м кадре произведем изменения символа – с помощью инструмента черная стрелка (Arrow Tools) в ее опциях выберем вращение (Rotate), изменение размера (Scale) и перенесём символ в другую часть холста.
7. Просмотрим получившийся мини клип – Control, Play.


Пример 3 Работа со слоями

Создадимклип для анимированного символа (Windows, Common Library, Movie Clips, Fish Movie Clip).
1. Перенесём символ на холст.
2. Вставим новый слой (Insert, Layer).
3. Мышкой перенесём появившийся в списке слоёв Layer 2 под слой Layer1.
4. C помощью специальных кнопок ([pic] и [pic]) скроем 1-ый слой и защитим его от изменений
5. Нарисуем во 2-ом слое водоросли и дно с камушками.
6.Добавим новый слой «Аквариум»( Insert, Layer) и перенесём его под предыдущие два слоя.
7. C помощью специальных кнопок ([pic] и [pic]) скроем 2-ой слой и защитим его от изменений.
8. Нарисуем аквариум.
9. Покажем и откроем для изменений предыдущие слои (кнопки [pic] и [pic]).
10. Просмотрим получившийся мини клип – Control, Play.



Пример 4 Создание...
tracking img