使用时间轴制作动画

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
2.如何创建一个复杂路径的时间轴动画? 3.如何改变动画的播放时间?
“时间轴”面版与动画制作
本节学习内容: 1、认识时间轴面板; 2、利用时间轴面板制作动画的操作方法;(教学重点) 3、复杂动画效果制作方法;(教学提升) 4、动画的实际应用(教学拓展) 。
一、认识时间轴面板 我们先来熟悉时间轴面板 在dreamweaver8中按Alt+F9或选择主菜单
中的“窗口/时间轴”打开时间轴面板
如果要让层按曲线运动,其操作步骤如下: ① 在时间轴面板中单击选中该层的动画轨道,再
右键单击快捷菜单中选择“添加关键帧”(或 按住Ctrl键单击,就可以在插入点位置添加关 键帧)。 ② 移动层,使层运动轨线呈曲线状。 ③ 保存并预览,此时就可以看到层沿曲线运动了。 ④ 方法二:右键,录制层路径,移动层生成一条 路径。
二、实现多张图像的动画效果(内容提升部分) 要想在网页中同时有几张图像浮动的效果,
只要在网页中多添加几个层,并且每个层都添 加到时间轴面板中,再拖动调整层的位置和延 长每个层的运动轨道。
你知道“层”属性中的z轴有什么作用吗?
三、时间轴动画的实际应用
通过学习时间轴动画制作,并熟练掌握时间 轴面板和层的有关属性,我们就可以利用 Dreamweaver中带有的时间轴面板制作出网 页中的动画效果。
比如,将这些动画效果作为网页特效吸引浏 览者对该网站兴趣;或是将动画应用于商业网站, 作为浮动广告更能吸引浏览人群的关注。
来自百度文库
在学校网站上设计本届校运会动态 广告效果
用Dreamweaver 8在素材文件夹里打开 “四职校网站”,设计制作一幅运动会的 图、文广告。
思考题
1.如要在页面载入完毕之后,打开一个广 告窗口,需使用什么动作,并且附加给 什么对象?
③ 单击动画轨道最后关键帧标记( 注意播放头也跟着移 动到该处),按鼠标左键不放拖动延长动画轨道.(如 延长至第50帧处)
④ 移动层,层的运动轨线显示出一条直线. ⑤ 将时间轴面板中的“自动播放”和“循环”勾选上。
⑥ 保存并预览(按F12键),就会看到层沿直线运动.
第二步:添加曲线运动效果(重点和难点)
问题一:DW8的时间轴与flash的时间轴有什么不同?
flash与 DW8的时间轴的时间轴
一、创建动画操作步骤:
1、第一步:直线运动效果(基础操作)
① 在页面中添加层,在层中插入要移动的元素(如图像 或文字),然后把层添加到时间轴(右击)。
② 一个带有两个关键帧的动画栏出现在时间轴的第一个 通道内,相应的层 名(Layer1)显示在该动画栏中.
相关文档
最新文档