Программа дисциплины мультимедиа направление: 44. 03. 04 «Профессиональное обучение»

Раздел 2. Мультимедиа презентации и анимации Практическая работа № 9 Анимация маски Цель занятия: научиться использовать анимацию маски для создания иллюзии движения объекта Время: 2 часа. 1. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ РАБОТЫ 1.1. Назначение анимации маски Вы уже знаете, что «смотровые окна» маски могут быть анимированы одним из способов, рассмотренных ранее. Анимированная маска может создавать иллюзию движения объекта. В качестве примера рассмотрим анимацию графика. Для просмотра анимации щёлкните ссылку. В данном случае, маска движется слева направо, открывая неподвижный график. При создании анимации «смотрового окна» маски необходимо учитывать следующее: маскированный слой играет роль фона; для создания автоматической анимации движения или трансформации, маска должна содержать только одно «смотровое окно»; все детали рисунка, находящиеся в маскированном ,слое будут видны только в окне маски. 1.2. Создание анимации маски В качестве примера рассмотрим процедуру создания «смотрового окна», перемещающегося вдоль маскированного слоя (именно такая маска использовалась в анимации графика). В качестве маски используем прямоугольник, созданный с помощью инструмента «Прямоугольник», и заставим его пересечь пространство сцены слева направо (для наглядности при создании маски будем использовать режим контура «Без цвета»). Процедура создания такой маски состоит из следующих шагов: в первом кадре первого слоя начертить оси графика и надписи (рис. 1а); сделать определённый кадр, допустим 30 –й, ключевым (рис. 1б); Рисунок 1  Вид временной диаграммы после выполнения первого (а) и второго (б) шагов процедуры создания анимированной маски создать второй слой и поместить в его первый кадр объект маскировки. Таким объектом, в нашем случае, является линия графика (рис. 2); Рисунок 2  Вид временной диаграммы после выполнения третьего шага процедуры создания анимированной маски добавить слой над вторым слоем и сделайте его слоем-маской; в первом кадре третьего слоя нарисовать «смотровое окно» прямоугольной формы так, чтобы оно полностью перекрывало линию графика (рис. 3); Рисунок 3  Вид временной диаграммы после выполнения пятого шага процедуры создания анимированной маски создать для него анимацию движения, причем в первом кадре прямоугольник должен быть предельно узким (рис. 4); Рисунок 4  Вид временной диаграммы после выполнения шестого шага процедуры создания анимированной маски протестировать полученный «мультик», для чего: щелкнуть правой клавишей мыши в списке слоёв и в открывшемся списке выбрать показать «маскирование»; нажать клавишу «Enter». В качестве второго примера рассмотрим маску, созданную на основе анимации формы. Для просмотра анимации щёлкните ссылку. Рассмотрим технологию создания данной анимации. В качестве фона (маскируемого слоя) использована фотография замерзшего фонтана, находящегося в национальном парке «Зюраткуль» (рис. 5). Далее создан второй слой (будущая маска) и в его первом кадре нарисован маленький круг (рис. 6). Рисунок 5  Вид временной диаграммы после заполнения первого (маскируемого) слоя Рисунок 6  Вид временной диаграммы после заполнения первого кадра второго слоя (будущей маски) Затем вставлены ещё два ключевых кадра и создана анимация формы. В первом из них нарисован овал большого размера, перекрывающий фонтан (рис. 7). Наконец, в последнем кадре слоя – маски нарисован прямоугольник, перекрывающий всю фотографию (рис. 8). Таким образом, в рассмотренном примере используется две анимации трансформации: шар – овал и овал – прямоугольник. Временная диаграмма рассмотренной анимации показана на рис. 9. Рисунок 7  Вид 10-го кадра временной диаграммы. Зелёный овал находится в слое-маске Рисунок 8  Вид последнего кадра временной диаграммы. Зелёный прямоугольник находится в слое-маске Рисунок 9  Вид завершённой временной диаграммы анимированной фотографии В качестве несколько более сложного, приведём пример маски, созданной на основе текстового поля. Для просмотра анимации щёлкните ссылку. Интересный эффект можно получить, если использовать при создании маски не один, а два фоновых слоя. В данном случае маска перемещается не по белому полю, а по изображению. Для просмотра анимации щёлкните ссылку. Временная диаграмма этого «мультика» показана на рис. 10. Два зелёных круга лежат в слое - маске и имитируют бинокль. В первом слое находится фотография (рис. 11). Во втором слое находится та же фотография, но в более крупном масштабе (рис. 12). Фотографии расположены так, что гребни горы совпадают. Рисунок 10  Вид временной диаграммы маски с двумя слоями фона Рисунок 11  Вид временной диаграммы маски с двумя слоями фона. Второй и третий слои - невидимы Рисунок 12  Вид временной диаграммы маски с двумя слоями фона. Первый и третий слои - невидимы Примечание 1. Маска (то есть создаваемое с ее помощью «смотровое окно») действует как своеобразный «волшебный луч», способный просвечивать любое количество слоев. Примечание 2. Поместив в сцену несколько слоев и изменяя их положение относительно маски и относительно друг друга, можно получить большое количество различных вариантов компоновки сцены. 2. ПРАКТИЧЕСКАЯ ЧАСТЬ РАБОТЫ Задание 1.Запуск Flash.Создание нового документа. Запустите Flash и создайте документ с названием «Лаб. раб. 9». Задание 2.Установление характеристик монтажного стола. Установите необходимые для вашей анимации характеристики монтажного стола. Задание 3. Создание анимации движения маски. 1. Создайте анимированный график или другой «мультик» с использованием анимации движения маски. Покажите результат выполнения задания 3 преподавателю. Задание 4. Создание анимации формы маски. 1. Создайте «мультик» с использованием анимации формы маски. Покажите результат выполнения задания 4 преподавателю. Задание 5. Создание анимации маски с несколькими фоновыми слоями. 1. Создайте «мультик» с использованием анимации маски и несколькими фоновыми слоями. Покажите результат выполнения задания 5 преподавателю.

Похожие:

	Рабочая программа дисциплины рабочая программа дисциплины «введение... Профильная направленность: Производство продовольственных продуктов и потребительских товаров		Рабочая программа дисциплины технология продуктов питания направление:... Профильная направленность: Производство продовольственных продуктов и потребительских товаров
	Рабочая учебная программа дисциплины пс рупд рабочая Учебная программа дисциплины Оп – образовательная программа (впо – высшее профессиональное образование, спо среднее профессиональное образование)		Рабочая учебная программа дисциплины пс рупд рабочая Учебная программа дисциплины Оп – образовательная программа (впо – высшее профессиональное образование, спо среднее профессиональное образование)
	Технологическая схема (действующая) предоставления государственной услуги Профессиональное обучение и дополнительное профессиональное образование безработных граждан, включая обучение в другой местности		Учебно-методический комплекс рабочая программа для студентов направления... Содержание: умк по дисциплине в. Дв 2Уголовно-процессуальное право для студентов направления подготовки 051000. 62 Профессиональное...
	Изменения, вносимые в Административный регламент предоставления государственной... Абзац третий пункта 8 после слова «реабилитации» дополнить словами «или абилитации»		Рабочая программа учебной дисциплины гражданское процессуальное право... Рабочая программа учебной дисциплины одобрена на заседании кафедры трудового, экологического права и гражданского процесса
	Программа преддипломной практики основная образовательная программа... Программа преддипломной практики рассмотрена и утвержденыа на заседании кафедры «Искусств и дизайна»		Рабочая программа дисциплины (модуля) трудовое право направление... Компетенции обучающегося, формируемые в результате освоения дисциплины (модуля) 4