关闭

关闭

关闭

封号提示

内容

首页 4-2 Flash 8 形状补间动画详解及实例.doc

4-2 Flash 8 形状补间动画详解及实例.doc

4-2 Flash 8 形状补间动画详解及实例.doc

上传者: 眨巴眨巴 2012-07-19 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《4-2 Flash 8 形状补间动画详解及实例doc》,可适用于IT/计算机领域,主题内容包含形状补间动画是Flash中非常重要的表现手法之一运用它你可以变幻出各种奇妙的不可思议的变形效果。  本节从形状补间动画基本概念入手带你认识形状补间动符等。

形状补间动画是Flash中非常重要的表现手法之一运用它你可以变幻出各种奇妙的不可思议的变形效果。  本节从形状补间动画基本概念入手带你认识形状补间动画在时间帧上的表现了解补间动画的创建方法学会应用“形状提示”让图形的形变自然流畅最后提供了二个实例练手帮助你更深地理解形状补间动画。.形状补间动画的概念  ()形状补间动画的概念  在Flash的时间帧面板上在一个时间点(关键帧)绘制一个形状然后在另一个时间点(关键帧)更改该形状或绘制另一个形状Flash根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。  ()构成形状补间动画的元素  形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化其变形的灵活性介于逐帧动画和动作补间动画二者之间使用的元素多为用鼠标或压感笔绘制出的形状如果使用图形元件、按钮、文字则必先“打散”再变形。  ()形状补间动画在时间帧面板上的表现  形状补间动画建好后时间帧面板的背景色变为淡绿色在起始帧和结束帧之间有一个长长的箭头如图所示。    图形状补间动画在时间帧面板上的标记  ()创建形状补间动画的方法  在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状一般一帧中以一个对象为好在动画结束处创建或选择一个关键帧并设置要变成的形状再单击开始帧在【属性】面板上单击【补间】旁边的小三角在弹出的菜单中选择【形状】此时时间轴上的变化如图所示一个形状补间动画就创建完毕。.认识形状补间动画的属性面板  Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后点击时间帧【属性】面板如图所示。    图形状补间动画【属性】面板  形状补间动画的【属性】面板上只有二个参数:  ()“简单”选项  在“”边有个滑动拉杆按钮单击后上下拉动滑杆或填入具体的数值形状补间动画会随之发生相应的变化。在到的负值之间动画运动的速度从慢到快朝运动结束的方向加速度补间。在到的正值之间动画运动的速度从快到慢朝运动结束的方向减慢补间。默认情况下补间帧之间的变化速率是不变的。  ()“混合”选项  “混合”选项中有二项供选择:“角形”选项:创建的动画中间形状会保留有明显的角和直线适合于具有锐化转角和直线的混合形状。“分布式”选项:创建的动画中间形状比较平滑和不规则。  至此“形状补间动画”的相关知识大家都已经有所了解下面动手个实例体会一下形状补间动画的奇妙。实例:庆祝国庆  实例简介  国庆的夜空绚丽多彩朵朵礼花在天空中绽放远处传来礼炮的轰鸣声让我们来给这美丽的夜晚增加点喜庆挂几个大红灯笼来庆祝祖国的生日吧。实例播放效果如图所示。    图庆祝国庆实例画面  知识提要创建矢量图形创建形状补间动画将文字转变为形状用混色器设置颜色  制作步骤  、创建新文档  执行【文件】|【新建】命令在弹出的面板中选择【常规】|【Flash文档】  选项后点击【确定】按钮新建一个影片文档在【属性】面板上设置文件大小为*  象素【背景色】为白色如图所示。    图文档属性  、创建背景图层  执行【文件】|【导入到场景】命令将本实例中名为“节日夜空jpg”图片导入到场景中在第帧处按下F加普通帧。如图所示。    图插入背景图片  、创建灯笼形状  我们先来画灯笼执行【窗口】|【设计面板】|【混色器】命令打开混色器面板如图所示设置混色器面板的各项参数。    图混色器面板设置之一  选择工具栏上的椭圆工具去掉边线在场景中画一个椭圆做灯笼的主体大小为*象素。  接着我们来画灯笼上下的边打开【混色器】面板按照如图设置参数。    图混色器面板设置之二  选择工具栏上的矩形工具去掉边线画一个矩形大小为*象素复制这个矩形分别放在灯笼的上下方再画一个小的矩形长宽为*象素作为灯笼上面的提手。  最后用直线工具在灯笼的下面画几条黄色线条做灯笼穗一个漂亮的灯笼就画好了。如图所示(为了能清楚的显示灯笼可暂时将背景色改为蓝色)。    图画好的灯笼  、复制粘贴四个灯笼  复制刚画好的灯笼新建三个图层在每个图层中粘贴一个灯笼调整灯笼的位置使其错落有致的排列在场景中。  在第、帧处为各图层添加关键帧如图所示。    图错落有致的灯笼及时间轴面板  、把文字转为形状取代灯笼  选取第一个灯笼在第帧处用文字“庆”取代灯笼文字的的【属性】面板上的参数:【文本类型】为静态文本【字体】为隶书【字体大小】为【颜色】为红色。  对“庆”字执行【修改】|【分散】命令把文字转为形状。如图上半部分所示。  依照以上步骤在第帧处的相应图层上依次用“祝”、“国”、“庆”三个字取代另外三个灯笼并执行【分散】操作其结果如图下半部分所示。    图用文字形状取代灯笼形状及文字打散  、设置文字形状到灯笼形状的转变。  在“灯笼”各图层的第帧及帧处分别添加关键帧现在在帧处各“灯笼”图层中的内容为“文字图形”应该把它们换成“灯笼”。  具体办法可以分别选择第帧中的“灯笼”图形再一个个“粘贴”进第帧中当然你先应该清除第帧处个“灯笼”图层中的内容哦!  、创建形状补间动画。  在“灯笼”各图层的第、帧处单击帧在【属性】面板上单击【补间】旁边的小三角在弹出的菜单中选择【形状】建立形状补间动画如图所示。    图创建形状补间动画  、测试存盘  执行【控制】|【测试影片】命令观察本例swf文件生成的动画有无问题如果满意执行【文件】|【保存】命令将文件保存成“庆祝国庆fla”文件存盘如果要导出Flash的播放文件执行【导出】|【导出影片】命令保存成“庆祝国庆swf”文件。使用形状提示  形状补间动画看似简单实则不然Flash在“计算”个关键帧中图形的差异时远不如我们想象中的“聪明”尤其前后图形差异较大时变形结果会显得乱七八糟这时“形状提示”功能会大大改善这一情况。形状提示的作用  在“起始形状”和“结束形状”中添加相对应的“参考点”使Flash在计算变形过渡时依一定的规则进行从而较有效地控制变形过程。  ()添加形状提示的方法  先在形状补间动画的开始帧上单击一下再执行【修改】|【形状】|【添加形状提示】命令该帧的形状就会增加一个带字母的红色圆圈相应地在结束帧形状中也会出现一个“提示圆圈”用鼠标左键单击并分别按住这个“提示圆圈”在适当位置安放安放成功后开始帧上的“提示圆圈”变为黄色结束帧上的“提示圆圈”变为绿色安放不成功或不在一条曲线上时“提示圆圈”颜色不变如图所示。    图添加形状提示后各帧的变化  ()添加形状提示的技巧“形状提示”可以连续添加最多能添加个。按逆时针顺序从形状的左上角开始放置形状提示它们的工作效果最好。确保“形状提示”是符合逻辑的。例如前后关键帧中有个三角形我们使用个“形状提示”那么个三角形中的“形状提示”顺序必须是一致的而不能第一个形状是abc而在第二个形状是acb形状提示要在形状的边缘才能起作用在调整形状提示位置前要打开工具栏上【选项】下面的【吸咐开关】这样会自动把“形状提示”吸咐到边缘上如果你发觉“形状提示”仍然无效则可以用工具栏上的放大工具点击形状放大到倍以确保“形状提示”位于图形边缘上。另外要删除所有的形状提示选择【修改】|【形状】|【删除所有提示】。删除单个形状提示单击右键在弹出菜单中选择【删除提示】。实例:添加形状提示练习  实例简介  上面我们曾谈到为得到流畅自然的形状变形动画可以添加形状提示本例是专为此而设计的练习。  请你在光盘的相关目录中找到“添加形状提示练习swf”文件如图所示。这个同样是“形状变形”其中右边的变形用了变形“参考点”从中我们可以看出变形效果有明显的差异。    图添加形状提示实例界面  知识提要添加形状提示创建形状补间动画  、创建新文档  执行【文件】|【新建】命令新建一个影片文档设置舞台尺寸为*  象素【背景色】为蓝色#FF。  、创建变形对象。  我们要在场景中写二个数字“”让它们同时变形一个加形状提示一个不加形状提示看看这二个变形有什么不同。  先在图层一的场景左边中写入数字“”【属性】面板上设置【文本格式】为静态文本、【字体】为隶书、【字号】、【颜色】白色。再建一个图层二在场景右边写入数字“”参数同上此层是添加形状提示层。然后在二层各帧的地方加关键帧各写入数字“”,在第帧处加普通帧使变形后的文字稍做停留。  、把字符转为形状  逐一选取各层数字的第、帧执行【修改】|【分散】命令把数字打散转为形状。  、创建补间动画  在图层一、二的第一帧处各自建立形状补间动画。  、添加形状提示  在图层二的第一帧处执行【修改】|【形状】|【添加形状提示】命令二次如图所示。    图添加形状提示菜单  确认工具栏上的对齐对象按钮已按下选中调整第、帧处的形状提示如图所示。    图添加形状提示的第、帧  、添加文字说明  新建一层在二个渐变的下面分别写上“未加形状提示”、“加用形状提示”的说明。在第帧处加普通帧。  至此这个实例制作完成测试一下看看效果你能体会到添加形状提示的巧妙之处了吧。

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/13
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部