网站刊头动画制作
这是本网站刊头动画实例。
1 制作思路
动画分三层。其中, 背景层:通过变化图片(实例)的透明度,实现切换图片的效果,在改变透明度的同时,图片向下移动,实现展示图片不同区域的效果。 中间层:(文字)形状补间动画。 顶层:先是一个浮动文字的欢迎标语,接着是一个口号横幅。
2 元件制作
2.1 制作图像元件 
⑴将文档属性(右图)中,尺寸改为“宽” 640 、“高” 100 。
⑵将事先准备好的图像文件导入到舞台后,用选择工具选中,在“属性”面板上设定:“宽” 640 、“高” 125 、“ X ” 0 、“ Y ” 0 (下图)。
提示:导入图像的尺寸是:“宽” 640 、“高” 125 。先让图像底部与场景顶部对齐。
⑶用“选择”工具选中图像后,单击“ 修改”·“转换为元件”(或直接按 F8 ),在“转换为符号”对话框(右图)的“名称”框中,输入“图像 1 ”;在“行为”区,选中“影片剪辑”,然后单击“确定。将图像转换为影片剪辑元件。 提示:注意观察场景中,图像转换成元件后的形态变化。 ⑷新建图层 2 后,重复⑵、⑶步骤。导入另一幅事先准备好的图像,“属性”面板上设定:“宽” 640 、“高” 125 、“ X ” 0 、“ Y ”- 25 ,然后将它转换成另一个元件。
此后,“库”面板,显示如左下图。
2.2 制作浮动文字元件
⑴新建一个影片剪辑元件,命名为浮动文字(右上图)。
⑴ 用 “ 文本 ” 工具,输入(静态)文本 “ 欢迎光临花桥电脑书斋 ” ,文本属性设置见下图 。

⑵ 用“箭头”工具选中文本后,单击“修改”·“分离”(或直接按 Ctrl + B ),将文本分离成单个文字。
⑶ 在选中的文本区域中,单击右键,然后单击 “ 分离到图层 ” 。时间轴(左下图 )显示,文字已经分散到各个图层上。图层名,自动以在存放的文字命名。图层 1 则为空白,因此,可以删除。
⑷ 将场景中的单个文字逐个转换成元件。如,制作“欢”字元件。
用“选择”工具选中“欢”个文字后,按 F8 ,然后在“转换为符号”对话框上( 右上图)上,“行为”区,选中“影片剪辑”;“名称”框中,输入“欢”,最后单击“确定”。 提示:由于每个图层上只有一个文字,因此,“选 择”工具选中某个文字后,该图层就成为当前图层。
⑸在“库”面板中,双击“欢”元件,然后编辑“欢”元件(右图)。 用复制、粘贴方式,复制出另一个“欢”字,将下方的“欢”字改为黑色。 将两个“欢”字错位摆放,并将下方的颜色改为黑色,以便显示立体效果。 新建图层 2 ,将它调整到图层 1 的下方后,导入一幅底纹图像,将属性设定为:“宽” 50 、“高” 50 、“ X ”- 3 、“ Y ”- 3 。 ⑹重复⑸步骤,分别单独编辑其余( 9 个)单字元件。 ⑺回到编辑“浮动文字”元件的窗口,选中所有( 10 个)图层上的第 12 帧后,单击“插入”·“时间轴”“关键帧 ”(或直接按 F6 ),插入关键帧。
⑻分别将第 1 帧上的“欢光临花”和“桥电脑斋”分别移动到“迎”和“书”位置,然后,在每个图层的第 1 至 12 帧之间创建(运动)补间动画。为了文字浮动时,左右对称,将“桥电脑书斋”五个图层层序作相应调整。
⑼分别选中“迎光临花桥电脑书”图层上所有帧,然后用“选择”工具将它们移动到所需位置(右图)。 ⑽选中“欢”图层上的所有帧,在其上单击右键,然后单击复制帧。 ⑾选中该图层第 49 帧,按 F7 ,插入空白关键帧后,在其上单击右键,然后单击粘贴帧。 ⑿选中第 49 帧到 60 帧,单击右键,然后单击“翻转帧”。
⒀重复⑽-⑿步,对其它图层进行类似的编辑(下图 )。

2.3 制作横幅元件 
⑴新建一个影片剪辑元件,命名为横幅(右图)。
⑵用 “ 文本 ” 工具,输入(静态)文本“不断挑战自我 不轻言放弃”,文本属性设置见下图 。 ⑶用复制、粘贴方式复制出另一个“不断挑战自我 不轻言放弃”文本对象,将两个文本对象错位摆放,并将下方的颜色改为黑色,以便显示立体效果。

3 场景制作
3.1 制作图像切换效果
⑴在图层 2 的第 36 帧,插入关键帧后,在两个关键之间创建补间动画。
⑵在第 36 帧上,用“挑选”工具选中图像实例后,在属性面板上(下图),“颜色”框中,改为“ Alpha ”,然后,将其右边框中值改为“ 0% ”。

⑶在图层 1 的第 48 帧,插入关键帧后,用“挑选”工具选中图像实例,然后将属性面板上,“ Y ”值改为“ 0 ”。 ⑷新建图层 3 ,并调整到图层 1 的下方。 在第 48 帧,插入空白关键后,从“库”中将“图像 2 ”元件拖放到该帧上。在属性面板上设定:“宽” 640 、“高” 125 、“ X ” 0 、“ Y ”- 25 。 ⑸在图层 1 的第 84 帧,插入关键帧后,在 48 帧至 84 帧之间创建补间动画。 在第 84 帧上,用“挑选”工具选中图像实例后,在属性面板上,“颜色”框中,改为“ Alpha ”,然后,将其右边框中值改为“ 0% ”。 ⑹在图层 3 的第 96 帧,插入关键帧后,在 48 帧至 96 帧之间创建补间动画。 在第 96 帧上,用“挑选”工具选中图像实例后,将属性面板上,“ Y ”值改为“ 0 ”。
⑺在时间轴面板上,插入图层文件夹,并改名为“背景”,然后分别将图层 1 - 3 拖入图层文件夹中(下图)。 提示:将图层拖入图层文件夹的方法是,将图层拖至图层文件夹的图标上后,松开鼠标即可。须注意保持图层的原有层序。图层文件夹可以折叠,以便节省空间。

3.2 制作变形文字
⑴在“背景”图层文件夹上方,新建一个图层,并改名为“变形文字”。
⑵用“文本”工具,输入(静态)文本“苏州”后,单击“修改”·“分离”(或直接按 Ctrl + B ),并将分离后的两个文字移至场景两侧。文本属性设置等见下图 。

⑶选中“苏州”两字后,按 Ctrl + B ,将文字打散。 ⑷在第 6 帧,插入关键帧。 ⑸在第 80 帧,插入空白关键后,用“文本”工具,输入(静态)文本“花桥”(字体改用华文行楷),且将它们摆放到场景中央,然后,连续两次按 Ctrl + B ,将文字打散。 ⑹用“颜料桶”工具,为“花桥”两字填充渐变色。 ⑺在第 6 帧与第 80 帧之间创建形状补间动画。 提示:创建形状补间动画,须在“属性”面板的“补间”框中,设定“形状”。
3.3 制作顶层动画
⑴新建一个图层,改名为“浮动文字”,并放置在最上部。 ⑵从库中,将“浮动文字”元件拖放到场景中。 提示:实例中心应与场景中心重叠。 ⑶在第 60 帧,插入关键帧。 提示:由于“浮动文字”元件共有 60 帧,因此,在场景中播放也应该是 60 帧。 ⑷在第 61 帧,插入空白关键帧。 ⑸从库中,将“横幅”元件拖放到场景中央。
主页 {网页三剑客} |