中文版FlashCS5工作过程导向标准教程项目08学习资料

1、项目08 弹出式Flash广告1项目(xingm)08 弹出式Flash广告8.1 项目(xingm)说明8.2 项目(xingm)分析8.3 项目(xingm)实施8.4 知识延伸8.5 项目(xingm)实训第一页，共97页。项目08 弹出式Flash广告2 8.1 项 目 说 明一家功夫学校(xuxio)要对外扩大宣传，提高知名度，广揽生源，于是想在一家门户网站上做一个弹出式Flash广告，即打开指定的网页时，弹出一个Flash广告动画，播放完毕后自动关闭或人工关闭。于是委托网页设计公司的Flash设计师来完成这个项目，要求画面简洁，视觉效果好。第二页，共97页。项目08 弹出式Flas

2、h广告3 8.2 项 目 分 析 功夫类的广告一般要求动感强、视觉效果好，风格上可以向功夫电影的风格靠近，也可以采用古代卷轴的效果，使其看起来像武功秘籍一般。本项目在制作的技术上，主要运用(ynyng)了传统引导线动画、遮罩动画、逐帧动画。 第三页，共97页。项目08 弹出式Flash广告4 8.3 项 目 实 施本项目涉及了多种Flash动画技术(jsh)，既有最新的补间动画，也有传统补间动画、逐帧动画、遮罩动画等，另外还涉及了位图的编辑、套索工具的使用、对齐与分布等。本项目的效果如图8-1所示。第四页，共97页。项目08 弹出式Flash广告5图8-1 动画参考(cnko)效果第五页，共9

3、7页。项目08 弹出式Flash广告6任务一：制作(zhzu)背景图8-2 导入的图片(tpin) 第六页，共97页。项目08 弹出式Flash广告7 图8-3 【属性(shxng)】面板 第七页，共97页。项目08 弹出式Flash广告8图8-4 【对齐】面板(min bn)与对齐后的效果第八页，共97页。项目08 弹出式Flash广告9图8-5 【时间轴】面板(min bn) 第九页，共97页。项目08 弹出式Flash广告10 图8-6 绘制(huzh)的矩形 第十页，共97页。项目08 弹出式Flash广告11任务二：制作(zhzu)剪影动画图8-7 提示(tsh)对话框 第十一页，共

4、97页。项目08 弹出式Flash广告12图8-8 【将“功夫(gng f)1.ai”导入到舞台】对话框第十二页，共97页。项目08 弹出式Flash广告13 图8-9 导入的图片(tpin) 第十三页，共97页。项目08 弹出式Flash广告14 图8-10 【时间轴】面板(min bn) 第十四页，共97页。项目08 弹出式Flash广告15图8-11 变形(bin xng)导入的图片第十五页，共97页。项目08 弹出式Flash广告16图8-12 【时间轴】面板(min bn)第十六页，共97页。项目08 弹出式Flash广告17图8-13 【属性(shxng)】面板 第十七页，共97页

5、。项目08 弹出式Flash广告18图8-14 【属性(shxng)】面板 第十八页，共97页。项目08 弹出式Flash广告19图8-15 【时间轴】面板(min bn)第十九页，共97页。项目08 弹出式Flash广告20图8-16 【将“功夫(gng f)2.ai”导入到舞台】对话框第二十页，共97页。项目08 弹出式Flash广告21图8-17 调整导入图形(txng)的大小和位置第二十一页，共97页。项目08 弹出式Flash广告22图8-18 【时间轴】面板(min bn)第二十二页，共97页。项目08 弹出式Flash广告23图8-19 【属性(shxng)】面板 第二十三页，共

6、97页。项目08 弹出式Flash广告24图8-20 【属性(shxng)】面板 第二十四页，共97页。项目08 弹出式Flash广告25图8-21 导入的图片(tpin)第二十五页，共97页。项目08 弹出式Flash广告26图8-22 【时间轴】面板(min bn)第二十六页，共97页。项目08 弹出式Flash广告27图8-23 放大“功夫(gng f)3”实例第二十七页，共97页。项目08 弹出式Flash广告28任务(rn wu)三：制作书法动画图8-24 【时间轴】面板(min bn)第二十八页，共97页。项目08 弹出式Flash广告29图8-25 导入的图片(tpin)第二十九

7、页，共97页。项目08 弹出式Flash广告30图8-26 【魔术(msh)棒设置】对话框 第三十页，共97页。项目08 弹出式Flash广告31图8-27 删除(shnch)后的效果 第三十一页，共97页。项目08 弹出式Flash广告32图8-28 缩小(suxio)后的效果第三十二页，共97页。项目08 弹出式Flash广告33图8-29 导入的图片(tpin)第三十三页，共97页。项目08 弹出式Flash广告34图8-30 调整(tiozhng)后的效果第三十四页，共97页。项目08 弹出式Flash广告35图8-31 “毛笔”实例(shl)的位置第三十五页，共97页。项目08 弹出

8、式Flash广告36图8-32 【时间轴】面板(min bn)第三十六页，共97页。项目08 弹出式Flash广告37图8-33 创建(chungjin)的运动引导层第三十七页，共97页。项目08 弹出式Flash广告38图8-34 绘制(huzh)引导线第三十八页，共97页。项目08 弹出式Flash广告39图8-35 绘制(huzh)引导线第三十九页，共97页。项目08 弹出式Flash广告40图8-36 调整(tiozhng)中心点的位置 第四十页，共97页。项目08 弹出式Flash广告41 图8-37 对齐(du q) 第四十一页，共97页。项目08 弹出式Flash广告42图8-3

9、8 【时间轴】面板(min bn)第四十二页，共97页。项目08 弹出式Flash广告43 图8-39 第60帧的删除(shnch)效果 第四十三页，共97页。项目08 弹出式Flash广告44图8-40 第61帧的删除(shnch)效果 第四十四页，共97页。项目08 弹出式Flash广告45图8-41 第62帧的删除(shnch)效果 第四十五页，共97页。项目08 弹出式Flash广告46图8-42 第63帧的删除(shnch)效果 第四十六页，共97页。项目08 弹出式Flash广告47图8-43 清除(qngch)关键帧第四十七页，共97页。项目08 弹出式Flash广告48 图8-

10、44 第90帧的删除(shnch)效果 第四十八页，共97页。项目08 弹出式Flash广告49图8-45 第106帧的删除(shnch)效果 第四十九页，共97页。项目08 弹出式Flash广告50图8-46 【时间轴】面板(min bn)第五十页，共97页。项目08 弹出式Flash广告51图8-47 第120帧的删除(shnch)效果 第五十一页，共97页。项目08 弹出式Flash广告52 图8-48 第160帧处的效果(xiogu) 第五十二页，共97页。项目08 弹出式Flash广告53图8-49 插入(ch r)空白关键帧第五十三页，共97页。项目08 弹出式Flash广告54图

11、8-50 输入(shr)的文本第五十四页，共97页。项目08 弹出式Flash广告55任务四：制作文字(wnz)信息动画 图8-51 【时间轴】面板(min bn) 第五十五页，共97页。项目08 弹出式Flash广告56 图8-52 【属性(shxng)】面板 第五十六页，共97页。项目08 弹出式Flash广告57图8-53 输入(shr)的文字第五十七页，共97页。项目08 弹出式Flash广告58 图8-54 【时间轴】面板(min bn) 第五十八页，共97页。项目08 弹出式Flash广告59 图8-55 【库】面板(min bn) 第五十九页，共97页。项目08 弹出式Flash

12、广告60图8-56 变形(bin xng)牛皮纸图片第六十页，共97页。项目08 弹出式Flash广告61图8-57 【时间轴】面板(min bn)第六十一页，共97页。项目08 弹出式Flash广告62图8-58 第20帧处的图片(tpin)位置第六十二页，共97页。项目08 弹出式Flash广告63图8-59 选择(xunz)【遮罩层】命令 第六十三页，共97页。项目08 弹出式Flash广告64图8-60 遮罩效果(xiogu)与【时间轴】面板 第六十四页，共97页。项目08 弹出式Flash广告65图8-61 【时间轴】面板(min bn)第六十五页，共97页。项目08 弹出式Flas

13、h广告66图8-62 输入(shr)的文字第六十六页，共97页。项目08 弹出式Flash广告67图8-63 制作(zhzu)的按钮第六十七页，共97页。项目08 弹出式Flash广告68图8-64 【属性(shxng)】面板 第六十八页，共97页。项目08 弹出式Flash广告69 图8-65 【时间轴】面板(min bn) 第六十九页，共97页。项目08 弹出式Flash广告708.4 知 识 延 伸 知识点一：对齐与分布在制作网站、相册或者其他动画作品的时候，为了使界面看上去严谨整齐，往往需要将若干对象(duxing)进行严格的对齐与分布，Flash为用户提供了多种对齐工具，使用它们可以

14、轻松地完成这项工作。第七十页，共97页。项目08 弹出式Flash广告71图8-66 【对齐(du q)】子菜单第七十一页，共97页。项目08 弹出式Flash广告72图8-67 【对齐(du q)】面板 第七十二页，共97页。项目08 弹出式Flash广告73图8-68 各种( zhn)对齐效果第七十三页，共97页。项目08 弹出式Flash广告74图8-69 分布前后的效果(xiogu)对比第七十四页，共97页。项目08 弹出式Flash广告75图8-70 不同的匹配(ppi)效果第七十五页，共97页。项目08 弹出式Flash广告76知识点二：套索(to su)工具的使用“套索(to s

15、u)工具”主要用于选择图形或位图中的任意一部分，它的使用方法与Photoshop中的套索(to su)工具基本一致。选择工具箱中的“套索(to su)工具” 后，工具箱的下方将出现三个基本选项，如图8-71所示。第七十六页，共97页。项目08 弹出式Flash广告77图8-71 套索(to su)工具的选项第七十七页，共97页。项目08 弹出式Flash广告78 图8-72 选择(xunz)任意形状的区域 第七十八页，共97页。项目08 弹出式Flash广告79图8-73 选择(xunz)多边形区域 第七十九页，共97页。项目08 弹出式Flash广告80图8-74 选择(xunz)位图的背景

16、并删除第八十页，共97页。项目08 弹出式Flash广告81图8-75 【魔术(msh)棒设置】对话框第八十一页，共97页。项目08 弹出式Flash广告82知识点三：引导(yndo)线动画在日常生活中，物体的运动并不是作简单的直线运动，通常是沿着一定的轨迹运动。在Flash中制作这种动画时，需要创建一个运动引导(yndo)线(也称为运动路径)，控制对象的运动轨迹。 第八十二页，共97页。项目08 弹出式Flash广告83图8-76 运动(yndng)引导层与被引导层第八十三页，共97页。项目08 弹出式Flash广告84图8-77 创建(chungjin)运动引导层第八十四页，共97页。项目

17、08 弹出式Flash广告85图8-78 将动画对象吸附(xf)到引导线的开始端点第八十五页，共97页。项目08 弹出式Flash广告86图8-79 将动画对象(duxing)吸附到引导线的结束端点第八十六页，共97页。项目08 弹出式Flash广告87知识点四：遮罩动画在Flash中制作遮罩动画必须通过至少两个(lin )图层才能完成，处于上面的图层称为遮罩层，而下面的图层称为被遮罩层，一个遮罩层下可以包括多个被遮罩层。第八十七页，共97页。项目08 弹出式Flash广告88图8-80 遮罩动画效果(xiogu)第八十八页，共97页。项目08 弹出式Flash广告89图8-81 通过快捷菜单

18、(ci dn)选择【遮罩层】命令 第八十九页，共97页。项目08 弹出式Flash广告90图8-82 【图层属性(shxng)】对话框 第九十页，共97页。项目08 弹出式Flash广告91知识点五：逐帧动画逐帧动画是一种比较传统的动画形式，这种动画中只有关键帧而没有过渡帧，因此制作起来较为繁琐(fn su)。动画师需要在每一帧中都进行绘画或者修改舞台中的内容，由若干个连续关键帧组成动画序列，使用这种方法可以表现出比较细腻、复杂的动画效果。一般来说，逐帧动画的大小比补间动画的大小要大得多。第九十一页，共97页。项目08 弹出式Flash广告92图8-83 逐帧动画示意(shy)第九十二页，共97页。项目08 弹出式Flash广告93图8-84 信息(xnx)提示框第九十三页，共97页。项目08 弹出式Flash广告948.5 项 目 实 训 弹出式广告的覆盖面比较广，它迫使广大网民不得不浏览广告内容，从而获得较好的广告效果。使用Flash制作弹出式广告时没有尺寸的限制，可以根据实际情况进行设定。下面制作一个摄影(shyng)活动宣传的弹出式广告。第九十四页，共9