网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> Dreamweaver >> 正文
最新文章
· 让Adobe Dreamweaver CC支持ASP
· Dreamweaver+ASP实现分页技术
· Dreamweaver8创建自定义代码片段
· Dreamweaver网页制作教程:层及其应用
· 使用Dreamweaver8在网页中插入Flash视
· Dreamweaver制作Flash图片轮换相册
· 如何用Photoshop和Dreamweaver制作网
· Dreamweaver CS4新增功能介绍
· Dreamweaver CS3新增功能介绍
· Dreamweaver CS3中Spry详细区域功能的
热门文章
 让Adobe Dreamweaver CC支持ASP
 Dreamweaver制作Flash图片轮换相册
 如何用Photoshop和Dreamweaver制作
 Dreamweaver 8 时间轴及创建时间轴
 Dreamweaver 8 创建链接关系
 使用Dreamweaver8在网页中插入Flas
 Dreamweaver 8 创建CSS样式
 Dreamweaver+ASP实现分页技术
 Dreamweaver套用源格式命令让源代码
 Dreamweaver 8 创建层
相关文章
如何用Photoshop和Dreamweaver制作网页相
Dreamweaver CS4新增功能介绍
Dreamweaver CS3新增功能介绍
Dreamweaver CS3中Spry详细区域功能的解说
Dreamweaver 8 表单的应用
Dreamweaver 8 创建表单
Dreamweaver 8 认识表单对象
Dreamweaver 8 利用行为制作动态页面
Dreamweaver 8 设置层的属性
Dreamweaver 8 创建层
Dreamweaver 8 制作框架网站
Dreamweaver 8 使用库
Dreamweaver 8 定义可编辑区域
Dreamweaver 8 创建模板
Dreamweaver 8 CSS样式表滤镜实例
Dreamweaver 8 CSS样式表的其他操作
Dreamweaver 8 使用CSS样式美化页面
Dreamweaver 8 创建CSS样式
Dreamweaver 8 创建链接关系
Dreamweaver 8 插入声音
Dreamweaver 8 时间轴及创建时间轴动画
来源:www.cwydesign.com 更新时间:2009/5/2 2:37:24 阅读次数:
字体:[ ] 我要投稿

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

   1、时间轴的各项功能

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

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

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

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

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

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

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

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

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

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

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

   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浏览效果。

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号