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