多语言展示
当前在线:355今日阅读:23今日分享:25

新手利用SWiSHmax制作网站顶部SWF动画

作为一个网页制作新手很难在短时间内掌握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

预览即可,若还有什么地方做得不好,自行调整即可;

推荐信息