1、第七讲 网页动画设计,教学重、难点,Swish动画制作的基本概念、基本操作方法以及Swish与flash的结合,Swish与flash的结合,一、网页动画设计概述,(一)对比目前主流网页动画制作工具 1.动画制作尖兵Swish 2.让动画“图音并茂”的Gypsee Pro1.80 3.功能强大的Flash 4.其他 (二)Swish与Flash的完美结合,二、Swish动画制作,菜单栏,快捷按钮,时间轴,工具栏,主场景区,场景元件属性设置区,二、Swish动画制作,制作文字动画的五个步骤 第一步,在打开软件后,在弹出的对话框里选择新建一个空白电影:,二、Swish动画制作,第二步,在右面的场景
2、信息面板中设置场景的大小,背景色和祯速。,二、Swish动画制作,第三步:点一下工具栏中的文字按扭,一个大写T,然后在右面的文本编辑窗口中输入文字,输完看,在场景里用鼠标点一下,文字就会出现在场景中,二、Swish动画制作,第四步,在时间轴上选中文本的关键祯,然后打开插入菜单,选择一个效果,时间轴上会自动生成一段效果祯,这个祯你可以拉长或缩短 本例在该文字上插入了两个效果,一个是文字进入时的模糊效果,另一个时文字播放完毕后离开场景的效果。,二、Swish动画制作,插入效果:,二、Swish动画制作,效果在时间轴上的表现:,保存:,三、Swish与Flash的完美组合,操作过程如下:1.Swis
3、h动画导入Flash,三、Swish与Flash的完美组合,在flash中导入前面用swish创建的动画:,导入动画在flash库中的表现,三、Swish与Flash的完美组合,把“测试动画.swf”影片剪辑元件拖到场景 的合适位置。,三、Swish与Flash的完美组合,2.图片特效和字形特效,修改元件及动作效果,三、Swish与Flash的完美组合,通过上面的实例,我们可以看出: 各重软件都有自己的特性 “尺有所长,寸有所短” 把各软件有机的结合起来,将会使你的作品更美、更好。,课后小结,本讲介绍了网页中动画设计概述,通过事例讲: 了解Swish动画制作的基本概念、 基本操作方法 Swish与flash结合制作网页动画的基本方法,模仿练习,1.制作一个简单的文字动画 2.把该文字动画导入flash中,更换文字为图片,