7.2 中国传统文化——网站片头设计（课件）-高一《Flash CS6动画制作案例教程》同步精品课堂（电工版2018）

Flash CS6动画制作案例教程 第一版 中国传统文化——网站片头设计 综合能力进阶 案例描述： 制作如图 7-24 所示的传统文化网站片头。具有中国风特色的荷花伴随着背景音乐出现，然后渐渐消失;隐约出现水墨山水画，伴随着打字效果，出现毛笔写字效果，表现出浓浓的中国传统文化。古筝音乐、荷花、水墨山水、融合中国风的笔墨元素，展现中华优秀传统文化的艺术魅力。 案例分析： 利用传统补间动画创建背景图像渐渐消失的渐隐效果: 添加背景音乐 利用元件实现泼墨效果:通过遮罩动画制作墨点喷溅的图片切换效果 利用补间动画制作文字逐字出现并消失的效果。 制作毛笔写字和文字逐字出现的遮罩动画效果。 添加并设置按钮，添加动作脚本。 中国传统文化——网站片头设计 7.2 1、打开文件“中国传统文化素材.fla”，按【Ctrl+Shift+S】组合键将文件另存为“中国传统文化素材.fla”。 2.打开库面板，将“bg.png”、“背景 1”等图片转换为“bg”、“背景 1”等图形元件。将元件“背景 1”拖动到舞台，打开“对齐”面板，选中“与舞台对齐”复选框设置“对齐”为“水平中齐”，“分布”为“垂直居中分布”“匹配大小”为“匹配宽和高”，并调整其位置和大小，如图 7-25 所示。将图层1重命名为“背景”，在第 850 处插入帧。 操作步骤 中国传统文化——网站片头设计 7.2 3.新建图层2并重命名为“荷花”，在第33帧处插入关键帧，打开库面板，将图形元件“荷花”拖至舞台，调整其大小和位置。在第 88 处插入关键，调整其属性，样式设为“Alpha”，值设为44%，选取中间任意一帧，右击，选择“创建传统补间”。在 92 处插入关键帧，调整 Alpha值为 15%，创建传统补间，效果如图 7-26 所示。 操作步骤 中国传统文化——网站片头设计 7.2 4，在第 93 顿和第144 处插入空白关键，打开库面板，选择影片剪辑元件“水墨画”拖至舞台，并调整其位置和大小，如图 7-27 所示。在第 160 处插入关键，调整元件的Apha 值为 28%。在第 161 处插入关键,调整元件的 Alpha 值为 23。在第 144~160帧创建传统补间动画，选择第 834 及其后面的将其删除。 操作步骤 中国传统文化——网站片头设计 7.2 中国传统文化——网站片头设计 7.2 5.新建图层3并命名为“墨点音乐”，选中第 35 ，插入空白关键，将库面板中的影片剪辑元件“墨点”拖动至舞台，调整集位置。在库面板中选择声音文件“sound 17”将其拖入舞台中，选中第 155 后面的所有并将其删除。 操作步骤 中国传统文化——网站片头设计 7.2 6.新建图层4并命名为“处世”，在第 235 处插入空白关键，在库面板中选择影片剪辑元件“处世厚道”并将其拖入舞台中，调整其位置，如图 7-28 所示。在属性面板中调整其 Apha 值为8，在第 249 处插关键，调整 Alpha 值为 93%，创建传统补间动画。在第 250 处插入关键，调整其属性“样式”为“无”，在第 352 处插入关键，创建传统补间动画，在第 363 顿处插入关键，调整其 Apha 值为 0，创建传统补间动画。时间轴如图 7-30 所示。 操作步骤 中国传统文化——网站片头设计 7.2 7.新建图层5并命名为“益则”，在第 270 处插入空白关键，在库面板中选择影片剪辑元件“益则”，并将其拖至舞台，调整其位置，使其与“处世厚道”在一行上，如图 7-29所示，如步骤 6 一样创建传统补间动画，其时间轴效果如图 7-30 所示。 操作步骤 中国传统文化——网站片头设计 7.2 中国传统文化——网站片头设计 7.2 8.在第 364 顿处插入空白关键，将库面板中的“text”影片剪辑元件拖入舞台并调整其位置，如图 7-31 所示。 9.在“益则”图层上方新建图层 6“按钮”。在第 84 处插入空白关键，在库面板中将按钮元件“button1”拖至舞台，并调整其位置和属性，设置其 Alpha 值为 0，在第849 处插入关键帧，修改其 Alpha 值为 88，在第 842一849 之间创建传统补间动画在第 850 顿处插入关键，修改其属性“样式”为“无”。 操作步骤 中国传统文化——网站片头设计 7.2 10，在“按钮”图层上方新建图房7“水墨”，在 105 处插入空白关键，在库面板中将“水墨画”影片剪辑元件拖动到舞合中，调整其大小及位置。 11.在“水墨画”图层上方新建图层 8“白点”，将库中的影片剪辑元件“白点”拖至舞台，并调整到合适的位置。选中“水墨画”图层和“白点”图层的第 155 之后的所有顿并将其删除，然店将图层“白点”设置为“遮罩层”。 操作步骤 中国传统文化——网站片头设计 7.2 中国传统文化