2.6 上机实训——创建某网站LOGO

1．实训目的

本实训要求创建某网站LOGO动画。通过本例的操作，熟练掌握动画元素的创建、编辑以及挤出动画的制作技能。具体实训目的如下。

● 掌握基本图形工具的使用技能。

● 掌握图形颜色的填充技能。

● 掌握文本的输入技能。

● 掌握基础动画的操作技能。

2．实训要求

首先创建矩形，并填充颜色作为LOGO的背景，然后使用文本工具输入相应文字，最后设置简单动画。本例最终效果如图2-102所示。

具体要求如下。

（1）启动Flash CS5软件并新建场景文件。

（2）绘制矩形并填充颜色。

（3）在矩形上输入相应文字，然后制作简单动画。

（4）将动画文件保存。

3．完成实训

（1）新建文件并创建LOGO背景

Step 1 新建文件。启动Flash CS5软件，新建【宽度】为260像素、【高度】为95像素、【帧频】为24fps、【背景颜色】为白色、名称为【LOGO】的文件。

Step 2 绘制矩形。激活【矩形工具】，设置【笔触颜色】为无色、【填充颜色】为深黄色（#FFCC00），在舞台上方绘制一个与舞台等宽矩形，然后更改【填充颜色】为黑色，在其下方再绘制一个黑色矩形，效果如图2-103所示。

Step 3 设置动画时间。在【时间轴】面板中选择【图层1】的第80帧，按键盘上的【F5】键插入普通帧，设置动画总的播放时间。

（2）创建字母元件

Step 1 输入文字。在“图层1”上方新建“图层2”，激活“文本工具”，设置适合的字符属性，在舞台中输入字母“ID”，如图2-104所示。

Step 2 分离文字。选择字母“ID”，按键盘上的【Ctrl+B】组合键将其分离为单个字母。

Step 3 分散到图层。确保分离后的字母处于选中状态，执行菜单栏中的【修改】/【时间轴】/【分散到图层】命令，将每个字母分散到一个独立的图层上，这时“图层2”变为空层，如图2-105所示。

Step 4 删除图层。选择“图层2”，单击【删除图层】按钮将其删除。

Step 5 转换为元件。分别选择字母“I”和“D”，按键盘上的【F8】键，将其转换为影片剪辑元件“字母I”和“字母D”。

（3）制作字母动画

Step 1 插入关键帧。同时选择“I”层和“D”层的第8帧，按键盘上的【F6】键插入关键帧。

Step 2 调整实例位置。分别选择第1帧中的“字母I”和“字母D”实例，将其水平调整到舞台左侧和右侧，如图2-106所示。

Step 3 添加滤镜。在【属性】面板的【滤镜】组中单击【添加滤镜】按钮，选择【模糊】选项，为“字母I”和“字母D”实例同时添加模糊滤镜，并设置参数如图2-107所示。

Step 4 创建动画。同时选择“I”层和“D”层的第1帧，单击鼠标右键，在弹出的快捷菜单中选择【创建传统补间】命令，创建传统补间动画，如图2-108所示。

（4）制作圆形动画

Step 1 插入关键帧。在“D”层上方新建【图层3】，选择第7帧，按下【F6】键插入关键帧。

Step 2 绘制圆形。激活【椭圆工具】，设置【笔触颜色】为无色、【填充颜色】为白色，在舞台上方绘制一个圆形，大小与位置如图2-109所示。

Step 3 调整圆形位置。在“图层3”的第10帧处插入关键帧，向下调整圆形的位置，如图2-110所示。

Step 4 创建动画。选择“图层3”的第7帧，单击鼠标右键，在弹出的快捷菜单中选择【创建补间形状】命令，创建补间形状动画。

Step 5 创建弹跳动画。同时选择“图层3”的第11帧和第12帧，按下【F6】键插入关键帧，然后选择第11帧中的圆形，使用方向键向上调整其位置，如图2-111所示。

（5）制作英文名称动画

Step 1 插入关键帧。在“图层3”上方新建“图层4”，选择第13帧，按下【F6】键插入关键帧。

Step 2 输入文字。激活【文本工具】，设置适合的字符属性，在舞台中输入公司名称，如图2-112所示。

Step 3 转换为元件。选择文字，按键盘上的【F8】键，将其转换为图形元件【名称】。

Step 4 插入关键帧。选择“图层4”的第20帧，按下【F6】键插入关键帧。

Step 5 设置透明度。选择第13帧处的【名称】实例，在【属性】面板中设置【样式】为Alpha，并设置Alpha值为0，使其完全透明，如图2-113所示。

Step 6 创建动画。选择“图层4”的第13帧，单击鼠标右键，在弹出的快捷菜单中选择【创建传统补间】命令，创建传统补间动画，如图2-114所示。

（6）制作中文名称动画

Step 1 输入文字。在“图层4”上方新建“图层5”，选择第21帧，按下【F6】键插入关键帧。激活【文本工具】，设置适合的字符属性，在舞台中输入文字，如图2-115所示。

Step 2 绘制遮罩矩形。在“图层5”上方新建“图层6”，选择第21帧，按下【F6】键插入关键帧。激活【矩形工具】，设置【笔触颜色】为无色、【填充颜色】为任意色，绘制一个矩形，使其恰好遮住文字“我设计”，如图2-116所示。

Step 3 插入关键帧。选择“图层6”的第35帧，按下【F6】键插入关键帧。

Step 4 缩小遮罩矩形。选择第21帧处的矩形，激活【任意变形工具】，将矩形向左进行压缩，效果如图2-117所示。

Step 5 创建形状动画。在“图层6”的第21帧上单击鼠标右键，在弹出的快捷菜单中选择【创建补间形状】命令，创建补间形状动画。

Step 6 创建遮罩动画。在“图层6”上单击鼠标右键，在弹出的快捷菜单中选择【遮罩层】命令，将【图层6】转换为遮罩层，则“图层5”转换为被遮罩层，【时间轴】面板如图2-118所示。

Step 7 测试动画。至此完成了LOGO动画的制作，按下【Ctrl+Enter】组合键可以测试动画。如果没有问题，保存动画文件即可。