Dreamweaver快速入门之时间轴及创建时间轴动画
关关 2018-07-06 来源 : 阅读 5492 评论 0

摘要:时间轴实根据时间的流逝移动图层位置的方式显示动画效果的一种动画编辑界面,在时间轴中包含了制作动画时所必须的各种功能。希望阅读本篇文章以后大家有所收获,帮助大家对Dreamweaver的掌握更加深入。

时间轴实根据时间的流逝移动图层位置的方式显示动画效果的一种动画编辑界面,在时间轴中包含了制作动画时所必须的各种功能。

1、时间轴的各项功能

(1)时间轴弹出菜单:表示当前的时间轴名称。

(2)时间轴指针:在界面上显示当前位置的帧。

(3)不管时间轴在哪个位置,一直移动到第一帧。

(4)表示时间指针的当前位置。

(5)表示每秒显示的帧数。默认值时15帧。增加帧数值,则动画播放的速度将加快。

(6)自动不放:选中该项,则网页文档中应用动画后自动运行。

(7)LOOP(循环):选中该项,则继续反复时间轴上的动画。

(8)行为通道:在指定帧中选选择要运行的行为。

(9)关键帧:可以变化的帧。

(10)图层条:意味着插入了“层”等对象。

(11)图层通道:它是用于编辑图层的空间。

 Dreamweaver快速入门之时间轴及创建时间轴动画

2、在DW8中显示时间轴

选择菜单栏的窗口/时间轴或按快捷键Alt+F9,则显示时间轴。

四、创建时间轴动画

时间线只能移动分层对象,如果想移动文本或图像之类的对象,可以将其放在层中。

1、打开09.html文件,

把光标放到页面左上方的位置,在插入面板选择布局>绘制层,创建六个层。分别输入文字“小”、“木”、“web”、“欢”、“迎”、“你”,将图层排列在适当的位置。

2、打开时间轴。选择层1后,拖动到时间轴的第一行上。

3、用同样的方法,把包含有其它文字的层也根据文字的顺序拖动到时间轴的第2-6行上。

4、为了减慢文字移动的速度,把时间轴中的15帧全部扩展为25帧。

5、在时间轴中选择Layer1的第一帧,在属性面板的顶端坐标值(T)中输入(-50),这样,可以把文字放置到上侧。

6、用同样的方法选择其余层的第一帧后,把顶端坐标值(T)统一设定为(-50)。

7、为了每个一段时间下落一个文字,从第二个动画条开始向后移动5帧。勾选“自动播放选项”。

8、按F12浏览效果。

 

本文由职坐标整理发布,学习更多的Dreamweaver相关知识,请关注职坐标常用软件Dreamweaver频道!

本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 2 不喜欢 | 1
看完这篇文章有何感觉?已经有3人表态,67%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程