作为一个网页制作新手很难在短时间内掌握Flash这类动画制作软件,给大家推荐一款比较简单的工具SWiSHmax,用SWiSHmax来制作网站顶部SWF动画,简单,上手快!
工具/原料
1
SWiSHmax -用来制作动画
2
Photoshop-用来处理图像
3
Dremweaver-用来整合SWF动画与网站
PS裁剪图片
2
接着我们到Photoshop里面裁剪图片。如图,先确定裁剪位置; 按照预定的参考线裁剪,如下图,裁剪成左右两部分,其它两张图片按照同样的位置裁剪;
3
裁剪完成我们需要用到其中四张图片,如下图
SWiSHmax制作SWF动画
1
左侧的图片暂时不用了,我们需要用到右边的三张图片做效果;打开Swishmax,选择新建一个空白电影,界面如下图:
2
设置Swishmax场景属性,背景色为参考线附近的颜色(在PS里面用吸管工具吸取即可)设置大小为631×150
3
导入素材。文件-导入-选择需要导入的素材,素材导入成功后我们拖动到合适的位置,如下图 ;如果需要调整图片的位置,可以在A或B区域,上下拖动即可;介绍一下B区域的三种状态:灰色的眼睛-可见;叉号-不可见;锁-锁定;如果图片已经拖动到正确的位置我们就可以将图片锁定,避免发生变动。
4
添加效果。在动画区选中图片,右键-效果-渐近-淡入、淡出淡入长50帧,淡入淡出中间40帧无效果,淡出50帧,第二张图片的效果在第一张图片效果结束前播放,以此类推,如图设置
5
预览。点击黑色三角预览 ,黑色方框停止预览;
6
导出为SWF。文件-导出为SWF,选择目录导出即可,我命名为631。
整合
1
整合到网站头部。用Dreamweaver打开我们的代码;按照左右拆分表格;右边631,左边960-631在指定区域,导入SWF动画:插入-媒体-flash,如图:
2
预览即可,若还有什么地方做得不好,自行调整即可;
上一篇:美好约会 聊7个话题不会出错
下一篇:4招让你约会聊天不会犯错