- 1
- 0
- 约1.44千字
- 约 44页
- 2020-09-12 发布于上海
- 举报
第九章 创建网页动画;本章学习目标;1. 动画的基本原理;2. 网页动画;3. 创建GIF动画;3.2 制作gif动画;在背景图层的左右图层之间插入一“邮件”图层。
设计动画
第一帧:隐藏“邮件”图层。
第二帧:点击“复制当前帧”按钮,使“邮件”图层可见,并调整其位置。
第三帧 / 第四帧 / 第五帧:
方法同前,调整“邮件”图层的位置;设置五帧的延迟时间均为0.2秒
执行【文件】→【将优化结果存储为】菜单命令 ,优化并保存动画;4. 创建Flash动画;4.1 基本概念;4.2 绘制Flash图形;4.3 实例2:创建运动渐变动画 ;双击时间线上的文本“图层1”,将图层命名为“移动文本” ;选择第一帧,单击右键,执行“创建动画动作”命令 ;鼠标单击第30帧,执行【插入】→【时间轴】→【关键帧】命令,或者在30帧处单击鼠标右键,执行“插入关键帧”命令,或者按【F6】快捷键,插入关键帧。然后选择关键帧的内容“创作运动渐变动画!”,对其属性进行设置,设置坐标轴X为160,Y为160,其余保持不变。 ;选择动画创作完毕,执行【控制】→【测试影片】菜单命令,或按【Ctrl+Enter】组合键调试影片 ;4.4 实例3:创建形状渐变动画 ;双击时间线上的文本“图层1”,将图层命名为“形状变化”。 ;选择第一帧,在属性设置面板中的“中间”下拉列表框中选择“形状”,完成第一帧的设置。 ;选择动画创作完毕,时间轴如图所示。;4.5 实例4:路径运动动画 ;双击时间线上的文本“图层1”,将图层命名为“太阳”。 ;鼠标选择第50帧,执行【插入】→【时间轴】→【帧】,或者按F5快捷键。 ;鼠标选择“地球公转”层第一帧,按照上述同样的方法在舞台上画一个正圆,去掉边线,然后设置其坐标轴X为480,Y为180,宽度为35,高度为35。 ;鼠标选择“地球公转”图层,执行【插入】→【时间轴】→【运动引导层】命令,或单击右键,执行“添加引导线”命令,或者直接在时间线面板上单击“添加引导图层”按钮。;在“引导线:地球公转”图层上画一椭圆,去掉填充部分,设置椭圆边线坐标轴X为10,Y为60,宽度为500,高度为250 。;动画创作完毕,按Ctrl+Enter键测试动画。保存文件并发布动画。 ;4.6 实例5:遮罩动画 ;双击时间线上的文本“图层1”,将图层命名为“背景”。 ;新建一图层,并命名为“底层”。 ;新建图层,并命名为“遮罩”。 ;选择“背景”和“底层”图层中的第35帧,按F5键,插入帧。 ;动画创作完毕后时间轴如图所示。 ;;5. Swish Max快速制作flash动画;5.1 Swish Max界面介绍;5.2 时间线窗口 ;当鼠标选择工作区中某一对象时,时间线上的“添加脚本” 按钮转变成为“添加效果”按钮 ;5.3实例:用Swish Max快速制作flash动画 ;设置影片属性:背景颜色为白色,宽度为400像素,高度为200像素,帧频为12 。 ;选择工具区中的“Swishmax”对象,然后点击“添加效果”按钮,执行【一次关闭】→【爆炸】菜单命令。;鼠标添加效果完成后的时间线如图。;鼠标执行【文件】→【保存】菜单命令,在弹出的对话框中输入文件名为Swishmax,单击保存按钮,保存文件。执行【文件】→【导出】→【SWF】命令,导出动画 。;谢 谢!
接下来的内容:网页图像基础
原创力文档

文档评论(0)