flash CS4第7课 补间形状.ppt

网页设计课程 flash 主讲：雄哥 QQ:200951240 第七讲 补间形状 学习内容和目标 学习内容 补间形状 形状提示 逐帧动画 学习目标：掌握补间形状和逐帧动画的应用 补间形状 一、补间形状 在前一个关键帧上绘制一个形状，在后一个关键帧上绘制另一个形状，在两个关键帧之间建 立补间，使之产生由一个形状变形为另一个形状的动画，称之为补间形状。 可以对形状的颜色，位置等建立补间形状。 补间形状 对元件、绘制对象、组合、图形要使用补间形状，需要先分离这些对象为形状。 要将文本使用补间形状，需要先将文本分离两次，使其成为形状。 Ctrl+B 补间形状 如： 在第１帧上绘制一个圆，在第 30 帧建空白关键帧，在这个空白关键帧上画一个方，选中第 １帧，点右键，选补间形状。此时一个由圆变方的补间形状动画就完成了。 补间形状 正确的补间形状，在时间轴上显示为有淡绿色底的实线箭头，如上图。 错误的补间，将显示为虚线，如图： 补间形状 若要控制复杂的形状动画，可以使用形状提示。 如： 在第１帧，输入文字“一” ，选中文字，点“修改－分离” ，或ＣＴＲＬ+Ｂ。相对于舞台全 居中，然后在第 30 帧插入空白关建帧，输入文字“山” ，分离文字，全居中。在１－30 帧 之间，点右键，选创建补间形状。 选中第１帧，点“修改－形状－添加形状提示” ，这时，图形上将会出现一个红色小圆，中 间带个小Ａ，这表示第一个形状提示点，形状提示点最多可以添加 26 个。 形状提示 形状提示 用鼠标将提示点移动到“一”字的左上角，再添加第二个提示点，添加后面的提示，也可以 在第一个提示点上点右键添加。 这里先添加三个形状提示点，此时，提示点以红色显示。 形状提示 添加完了，选中第 30 帧，在“山”字上放好各提示点位置。摆放好位置的 30 帧的提示点将 以绿色显示，而此时，回到第１帧，会看到第１帧上的提示点已经改变为黄色显示了。 形状提示 添加形状提示，在前后关键帧要将提示点，对应好相互的位置。 形状提示并不是越多越好，可以不用形状提示的尽量不用，能少用的尽量少用。 逐帧动画 二、逐帧动画 逐帧动画将对象以连续的关键帧形式来表现动画。 绘图纸外观 通常情况下，在某个时间舞台上仅显示动画序列的一个帧。 为便于定位和编辑逐帧动画， 可以在舞台上一次查看两个或更多的帧。这时就要用到绘图纸功能。 按下“绘图纸外观”按扭，播放头所在当前帧为全彩色显示，当前帧以外的其它帧以淡色显 示。 绘图纸外观 按下“绘图纸外观轮廓”按扭，当前帧以外的帧以线框的形式显示。 绘图纸外观 按下“编辑多个帧”按扭，可以同时对选下的多个帧进行编辑。 按下“修改绘图纸标记”按钮，然后选择： 逐帧动画 逐帧动画通常对每个关键帧进行绘制，或导入动态图片进行编辑处理。 绘制逐帧动画：飘动的窗帘 先绘制第1 、3、5、7、9、11、13帧窗帘的形状，点下绘图纸外观按扭绘制，以便于参考前 面帧上的图形位置和大小形状等。 逐帧动画 逐帧动画 逐帧动画 然后画中间画，中间画质量要求不是很高，只要保持运动的方向、状态即可。 绘图纸外观选定当前帧的前后帧，以便绘制当前帧。 逐帧动画 逐帧动画 由于风吹后起后的窗帘不会回到第 1 帧的状态，所以在第 14 帧建关键帧，画出第 13 帧与 3 帧的中间画。然后给各帧填上颜色。 逐帧动画 新建 AS 图层，在 AS 图层的最后一帧建关键帧，打开动作面板，给帧上加上语句： gotoAndPlay(3); 作业 实际操作： 1、将教程中的《飘动的窗帘》绘制出来。  作业 2、投篮 作业 3.椎体旋转（形状提示） 卡通动画的特色 作业