网站设计公司易捷网络:专注企业网站设计
您现在的位置:首页 > 网站设计资讯 > 创建曲线运动的时间线动画

创建曲线运动的时间线动画

来源:易捷网站设计公司     时间:2018-10-29
上面我们讲到的动画是最简单的只有起点与终点的直线运动的动画。但如果仅让小鸟作直线飞行未免太生硬了些,能否让小鸟运动的路径是弯曲的呢?答案是肯定的,下面我们将介绍一个曲线运动的时间线动画实例。
1.设计目标
将做直线运动的时间线动画,改为做曲线运动。
2.实现步骤
(1)打开ex8-1,htr,将文件另存为ex8_2htrn。
(2)打开时间线面板,在时间线面板中,取消"Loop"复选框。
(3)用鼠标拖拽动画条右端关键帧标记,将第15帧拖拽到第45帧处,改变动画长度,并选择第45帧(这是因为所有动作如果在15帧内完成显得太仓促了,而45帧作为整个动画的长度,在本例中比较合适),如图所示。
(4)选中动画条的第15帧,单击鼠标右键(或鼠标左键单击时间线面板中的弹出菜单按)从弹出的快捷菜单中选择"AddKeyframe,添加一个关键帧。
(5)移动层使运动轨迹呈现曲线状。
(6)按Ctrl键,单击动画条的第30帧,再添加一个关键帧。
(7)移动层使运动轨迹呈现曲线状,如图所示。
(8)选中"Loop"复选框,预览动画效果。
(9)通过预览动画,发现小鸟的飞行速度太快了,可将Fos"中的每秒帧数从15改为8,这样可以降低小鸟的飞行速度。
(10)保存网页文件。
对于初学者来说,在建立时间线动画时有时会遇到这样的问题:明明是按照书上的要求一步步做的,但就是无法显示出层的运动轨迹,这样就无法使层动起来。这是为什么呢?归纳起来有这么两种原因:
(1)在选择创建动画层时,选中的不是层,而是把层中的对象(如图像等)选中,这样加到时间线中的对象就不是层,而是层中的对象,这时再移动层自然不会出现层的运动轨迹。正确的方法是一定要选中层,选择图像和选择层的区别如图所示。
(2)选中的不是动画条尾部的关键帧,而是动画条尾部的普通帧。对于普通帧来说,其位置的特性与它前面的关键帧相同,所以这时移动层也不会出现层的运动轨迹。
从这个例子中知道,在深圳网站建设中要使动画做曲线运动,首先必须在适当的位置加入关键帧,然后在对应的关键帧处移动动画层。当曲线运动的轨迹较简单时,这种方法简单有效;但要创建复杂轨迹的动画时,这种方法就显得比较麻烦了。
深圳网站设计公司易捷网络科技是一家专业从事深圳网站建设和深圳网页设计的深圳网络公司,主要经营的业务有:深圳网站建设、网页设计、网站推广优化、企业邮箱申请、网站域名空间备案。欢迎来电咨询(微信同号):13714247375
返回上一级
您可能需要:
网站设计图标
企业网站设计
高速稳定的国内空间,免费备案的香港、国外空间,单线、双线以多线空间
点击咨询
关键字推广优化图标
网站推广优化
指定网站关键词,确保一月之内优化到搜索引擎得首页,到首页之后再收费
点击咨询
企业邮箱图标
企业邮箱申请购买
以企业官网后缀为名称的邮箱,彰显公司企业形象,先试用,满意后再付款
点击咨询
国徽图标
网站域名空间备案
域名空间提交国家工信部备案审核,十五天即可完成,网站备案实名势在必行
点击咨询
网站设计相关资讯推荐
网站建设中为什么要做301跳转
搜索引擎尾巴现象
做企业网站建设来吸引用户注意力
网站可用性/易用性测试项目
网站留白的优势
好的网站建设作品应该这么去制作
追踪网站高层业务或功能特定的测量数据
网站之企业网站如何设计
价值定位的逻辑之一:价值映射
营销型网站制作操作步骤
个人如何才能够做一个成功的网站
使用用户的语言表达方式
网站建设中设计重点是什么
智能建站与网站管理的问题和矛盾
做手机网站设计需要注意的细节
深圳市易捷网络科技有限公司版权所有  粤ICP备12084881号  
QQ在线咨询

扫一扫微信咨询