null“时间轴”面版与动画制作 “时间轴”面版与动画制作 本节学习
内容
财务内部控制制度的内容财务内部控制制度的内容人员招聘与配置的内容项目成本控制的内容消防安全演练内容
:
1、认识时间轴面板;
2、利用时间轴面板制作动画的操作方法;(教学重点)
3、复杂动画效果制作方法;(教学提升)
4、动画的实际应用(教学拓展) 。null我们先来熟悉时间轴面板
在dreamweaver8中按Alt+F9或选择主菜单中的“窗口/时间轴”打开时间轴面板问题一:DW8的时间轴与flash的时间轴有什么不同?一、认识时间轴面板flash与 DW8的时间轴的时间轴flash与 DW8的时间轴的时间轴null一、创建动画操作步骤:
1、第一步:直线运动效果(基础操作)
在页面中添加层,在层中插入要移动的元素(如图像或文字),然后把层添加到时间轴(右击)。
一个带有两个关键帧的动画栏出现在时间轴的第一个通道内,相应的层 名(Layer1)显示在该动画栏中.
单击动画轨道最后关键帧标记( 注意播放头也跟着移动到该处),按鼠标左键不放拖动延长动画轨道.(如延长至第50帧处)
移动层,层的运动轨线显示出一条直线.
将时间轴面板中的“自动播放”和“循环”勾选上。
保存并预览(按F12键),就会看到层沿直线运动. null如果要让层按曲线运动,其操作步骤如下:
在时间轴面板中单击选中该层的动画轨道,再右键单击快捷菜单中选择“添加关键帧”(或按住Ctrl键单击,就可以在插入点位置添加关键帧)。
移动层,使层运动轨线呈曲线状。
保存并预览,此时就可以看到层沿曲线运动了。
方法二:右键,录制层路径,移动层生成一条路径。第二步:添加曲线运动效果(重点和难点)null 要想在网页中同时有几张图像浮动的效果,只要在网页中多添加几个层,并且每个层都添加到时间轴面板中,再拖动调整层的位置和延长每个层的运动轨道。二、实现多张图像的动画效果(内容提升部分)你知道“层”属性中的z轴有什么作用吗?null三、时间轴动画的实际应用
通过学习时间轴动画制作,并熟练掌握时间轴面板和层的有关属性,我们就可以利用Dreamweaver中带有的时间轴面板制作出网页中的动画效果。
比如,将这些动画效果作为网页特效吸引浏览者对该网站兴趣;或是将动画应用于商业网站,作为浮动广告更能吸引浏览人群的关注。在学校网站上设计本届校运会动态广告效果 在学校网站上设计本届校运会动态广告效果 用Dreamweaver 8在素材文件夹里打开“四职校网站”,设计制作一幅运动会的图、文广告。思考题思考题1.如要在页面载入完毕之后,打开一个广告窗口,需使用什么动作,并且附加给什么对象?
2.如何创建一个复杂路径的时间轴动画?
3.如何改变动画的播放时间?