网站设计公司易捷网络:专注企业网站设计

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

来源:易捷网站设计公司     时间: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
返回上一级
您可能需要:
网站设计图标
企业网站设计
高速稳定的国内空间,免费备案的香港、国外空间,单线、双线以多线空间
点击咨询
关键字推广优化图标
网站推广优化
指定网站关键词,确保一月之内优化到搜索引擎得首页,到首页之后再收费
点击咨询
企业邮箱图标
企业邮箱申请购买
以企业官网后缀为名称的邮箱,彰显公司企业形象,先试用,满意后再付款
点击咨询
国徽图标
网站域名空间备案
域名空间提交国家工信部备案审核,十五天即可完成,网站备案实名势在必行
点击咨询
网站设计相关资讯推荐
企业网站建设方案如何规划
网站从业人员最不能犯的五大错误
如何避免公司网站百度快照被劫持
网站建设收费的标准
创建曲线运动的时间线动画
网站想要引导用户消费应该怎样做
正确书写网站设计策划方案离不开的5项原则
一个独特的企业网站内容有哪些
企业网站的目标关键词都有哪些特征
市场营销近视症
做手机网站设计需要注意的细节
营销网站建设公司该怎么选择
准确收集与故障相关信息
微网站——为微商加油
服务器放国外,百度会区别对待吗
QQ在线咨询
 
金亚洲打不开