网页网站设计讲解.ppt

Flash创建动画方法：逐帧动画、补间动画、蒙版动画、路径动画和交互动画。 补间动画：运动补间和形状补间动画，它主要是创建起始帧和结束帧，中间帧由Flash完成。 第19章 创建动画 帧的操作： 创建关键帧、创建普通帧和空白关键帧 复制帧、移动帧和反转帧 1.创建逐帧动画 逐帧动画的关键点：需要将每个帧定义为关键帧，然后创建每一帧的图像，适合每帧都有变化的复杂动画，比较耗时，文件尺寸相对较大。 实例： 倒计时 文字色彩变换 文字色彩变换 成长的小树 闪动的静态动画 制作倒计时动画的操作关键步骤： 规划文件属性，制作背景和计数两个图层，在背景层中制作只有笔触颜色的圆，在计数图层中的第一帧中输入开始的数字，利用对齐操作使得圆与数字排列整齐，然后在计数层中制作5个关键帧，分别修改5个关键帧的数字，为了每个帧之间有暂短的延续，在每个关键帧上插入3个普通帧，然后将背景延续到计数层的长度。 第19章 创建动画 （续） 第19章 创建动画 （续） 2.创建动作补间动画 动作补间动画的关键点： (1)主要是创建起始帧和结束帧，中间帧由Flash完成 (2) 能够完成动作补间的对象必须是一个实例，在起始帧定义实例的位置、大小以及旋转角度等属性，然后在结束帧改变实例的位置、大小以及透明等属性，由此产生这个变化的图形。 实例： 变换的椭圆 、飞翔的鸟、渐变字、飞行字、电影片头 变换的椭圆操作步骤： 首先制作图形元件椭圆，然后在场景中应用椭圆的实例，设置实例的各种属性，在结束帧位置设置实例的属性，在开始帧与结束帧之间，设置补间属性为动作。利用椭圆对象实例的属性设置可以得到翻转、旋转、淡入淡出的各种效果。 飞行字操作要点： 将输入的文字打散，然后将它们分散到各层，为了能实现运动补间动画，将各字放到库中，将各层的第5帧插入关键帧并将第5帧上的文字利用对齐排放在一起放到右下角，利用变形和透明设置改变它们的属性，并设置动作补间，选择所有的帧并使帧翻转，移动每层的帧到适当的位置。 第19章 创建动画 （续） 第19章 创建动画 （续） 3.创建形状补间动画 形状补间动画是实现一幅图形逐渐变成另一幅图形的动态效果。 形状补间动画的关键点： 形状补间不能应用在实例上，如果是一个实例，则应将实例打散，必须是“散”的图形之间才可以产生形状补间。 “散”的图形：是由无数个点堆积而成，它不是一个整体。 注意：对于文本要按两次ctrl+b，将文字打散，如果不进行打散操作，形状补间将无法制作完成。 实例： 文字与形状的变化、驴变狮子 对于形状补间动画如果是对于位图的变化，基本操作与前面有些不同，重要的一点是要将位图转换为矢量图（修改/位图/转换位图为矢量图）在比较复杂的形状补间动画中还可以使用形状提示，使得形状变化更逼真。 第19章 创建动画 （续） Flash的补间动画分类及特性 动作 形状 浮动层（符号） 动作补间动画只能使用元件、图像、组群 舞台层（网格状对象） 引导层动画、对象的旋转 几何变形动画 位置改变 大小改变 颜色改变 透明度变化 遮罩动画 4.创建引导层动画 动作补间只能使对象产生沿直线方向移动，对于一个曲线，要不断设置关键帧，这样太复杂，Flash提供了沿自定义路径移动的功能，他是在运动对象的上方添加引导层，在该层上绘制对象运动路线。实例、组和文本可以沿运动路径移动，可以将多个层链接到一个运动引导层，使多个对象沿同一路径运动。 实例： 蝴蝶飞舞、蝴蝶飞舞1、拍皮球 蝴蝶飞舞操作要点： （1）准备图片和蝴蝶图像 （2）在Flash中，导入图片和蝴蝶到库 （3）在场景中创建背景层，拖入图片，将背景层延续到终止的帧 （4）新建蝴蝶图形元件，在元件中引入蝴蝶位图，并使位图转换为矢量图，将底色删除 （5）新建蝴蝶影片剪辑元件，在影片的第5帧和第10帧插入关键帧，在第5帧利用变形对蝴蝶变形，并制作形状补间动画。 第19章 创建动画 （续） （6）返回到场景中，创建蝴蝶层，将蝴蝶制作为动作补间动画。 （7）创建引导层，在引导层中利用铅笔或钢笔绘制对象运动曲线 （8）选定蝴蝶层的开始关键帧，将对象放置到引导层的开始位置，选定蝴蝶的终止关键帧，将蝴蝶放置到引导层的终止位置。 （9）测试影片。 （10）保存文件并导出影片。 注意：如果引导层的运动曲线是封闭的，应该在引导曲线上利用橡皮檫工具删除一点边框，使其成为非闭合的路径。 第19章 创建动画 （续） 5.创建遮罩动画 遮罩层的作用：隐藏或者显示普通层的内容。只有在遮罩层上的填充色块之下的内容才是可见的，其余部分则被隐藏。遮罩层上可以填充形状、文字对象、图形元件的实例或影片剪辑。可以将多个图层组织在一个遮罩层之下来创建复杂的效果