Flash CS4动画制作项目实训教程 PPT09.pptVIP

第九章 网络广告 9.1 Flash网络广告 9.1.1 Flash网络广告制作的工作流程 9.2 弹出广告——Nokia手机广告 9.2.1前期策划与准备 9.2.3 文档建立和初始化 新建一个影片文档，选中舞台空白处，打开“属性”检查器，打击“编辑”按钮，打开“文档属性”对话框，将舞台尺寸设置为400×300像素，“背景色”设置为黑色，帧频为12fps，如图所示 9.2.4 制作广告动画背景 1．绘制静态背景 （1）重命名“图层一”为“背景”，使用矩形工具和铅笔工具绘制背景轮廓。如图9-2-4所示。使用“颜料桶”工具，设置颜色为“##333333”，进行色彩填充，填充结果如图9-2-5所示。 （2）按Ctrl+A键选中舞台所有的对象，按F8键舞台上选中的所有对象转换为影片剪辑。如图9-2-6所示。双击转换好的影片剪辑实例，进入元件的编辑环境。 2．逐帧动画背景制作 （1）新建图层，命名为“动态背景1”。 选中“基本矩形”工具，设置如图9-2-7、图9-2-8所示。 双击矩形的线条，然后在“菜单栏”中选择“修改”|“形状”|“将线条转换为填充”。转换结果如图9-2-9所示。 （2）选中转换好的圆角矩形，按F8键将其转换为图形元件。如图9-2-10所示。 反复复制粘贴这个圆角矩形，并且使用“对齐”面板排列圆角矩形。如图9-2-11所示。 （3）制作圆角矩形的逐帧动画 （4）在图层“光点1”的第1帧，将图形拖动到舞台左侧，并且使用任意变形工具将其方向调整到和引导线一至，如图9-2-19所示。在图层“光点1”的第15帧，将图形拖动到舞台右侧，并且使用任意变形工具将其方向调整到和引导线一至，如图9-2-20所示。选中1到15帧，打开“属性”检查器，钩选“调整到路径”，如图9-2-21所示。 （5）新建图层，命名为“光点2”，将图层“光点1”图形复制到“光点2”层。依照以上方法在此图层制作自右向左的光点运动。如图9-2-22所示。 （6）在所有图层的第80帧插入帧，避免动画反复运动给用户带来的视觉疲劳。删除“背景”图层中所有的线条。如图9-2-23所示。 9.2.5 手机型号 1．手机名称展示 （1）新建图层命名为“广告名称”，并将其拖动到“背景”层之上。使用文本工具输入手机名称，如图9-2-24所示。 2．制作“手机名称”淡入动画 （1）在“手机名称”图层的第10帧插入关键帧。将第1帧和第10帧的文本的位置调整好。选中第1帧的文本，打开“属性”检查器，在“样式”属性的下拉菜单中选择“Alpha”将其值设置为0，并且将文本向下移动20像素。如图9-2-26所示。 （2）选中“手机名称”图层的第1帧，单击右键在弹出的上下文菜单中选择“创建传统补建”，打开“属性”检查器，将“缓动”属性的值设置为“100”。在“背景”和“手机名称”图层`的第100帧插入帧，如图9-2-27所示。 3．利用遮照技术修饰文本 （1）在“手机名称”图层之上新建图层命名为“遮照1”，在第10帧插入关键帧。 如图9-2-28所示。选中绘制好的矩形，将其转换为“图形”元件，命名为“g_mask”。 （3）将图层“遮照1”和“遮照2”第10帧元件实例的透明度设置为0。第25帧元件实例分别向上和向下移动，如图9-2-29所示。选中两个图层的10到24帧，单击右键在弹出的上下文菜单中选择“创建传统补间”。 （4）复制图层“手机名称”第10帧的文本。在“遮照2”图层之上新建图层命名为“遮照”，在第10帧插入空白关键帧，并且按Ctrl+Shift+V粘贴文本。选中粘贴好的文本，反复按Ctrl+B将文本打散文图形，按Ctrl+G将打散的图形组合。在“遮照”层时间线的第26帧插入空白关键帧。选中“遮照”层，单击右键，在弹出的快捷菜单中选择“遮照层”。将图层“遮照1”和“遮照2”设置为被遮照层，如图9-2-30所示。 4．制作文本飞出和飞入动画 （1）在图层“手机名称”的第40、45帧插入关键帧，将第45帧中的图形对象移动到舞台右侧，如图9-2-31所示。在第46帧插入关键帧，将图形对象拖动到舞台左侧，并且使用“任意变形”工具调整其大小，如图9-2-32所示。在第50帧插入关键帧，将图形对象移动到舞台中，如图9-2-33所示。 9.2.6 手机外观 通过运动补间动画对黑色和银色手机作外观展示。 （1）新建两个图层，命名为“手机黑色”和“手机银色”，在这两个图层的第50帧插入关键帧。导入手机图像，分别放置到这两个图层的第50帧。将这两个图象转换为图形元件，分别命名为“g_手机黑色”和“g_手机银色”。调整好图形的位置。如图9-2-35所示。 （2）在图层“手机黑色”和“手机银色”的第6