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

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

| 浏览：289 | 更新：2013-07-05 00:37

1

2

3

4

5

6

7

分步阅读

作为一个网页制作新手很难在短时间内掌握Flash这类动画制作软件，给大家推荐一款比较简单的工具SWiSHmax，用SWiSHmax来制作网站顶部SWF动画，简单，上手快！

工具/原料

SWiSHmax -用来制作动画 Photoshop-用来处理图像 Dremweaver-用来整合SWF动画与网站

方法/步骤

1. 1

首先晒一下已经用PS处理好的图片 ,这三张图片以蓝色为背景，大小为960w*150h,左侧放单位Logo、名称等信息，右侧将制作一个SWF动画的效果，实现左侧静止，右侧变化的效果。

2. 2

接着我们到Photoshop里面裁剪图片。如图，先确定裁剪位置；

按照预定的参考线裁剪，如下图，裁剪成左右两部分，其它两张图片按照同样的位置裁剪；

3. 3

裁剪完成我们需要用到其中四张图片，如下图

4. 4

左侧的图片暂时不用了，我们需要用到右边的三张图片做效果； 打开Swishmax，选择新建一个空白电影，界面如下图：

5. 5

设置Swishmax场景属性，背景色为参考线附近的颜色（在PS里面用吸光工具吸取即可）

设置大小为631×150

6. 6

导入素材。

文件-导入-选择需要导入的素材，素材导入成功后我们拖动到合适的位置，如下图 ；

如果需要调整图片的位置，可以在A或B区域，上下拖动即可；

介绍一下B区域的三种状态：灰色的眼睛-可见；叉号-不可见；锁-锁定；如果图片已经拖动到正确的位置我们就可以将图片锁定，避免发生变动。

7. 7

添加效果。

在动画区选中图片，右键-效果-渐近-淡入、淡出

淡入长50帧，淡入淡出中间40帧无效果，淡出50帧，第二张图片的效果在第一张图片效果结束前播放，以此类推，如图设置

8.

8

预览。

点击黑色三角预览 ，黑色方框停止预览；

9. 9

导出为SWF。

文件-导出为SWF，选择目录导出即可，我命名为631。

10.10

整合到网站头部。

用Dreamweaver打开我们的代码；按照左右拆分表格；右边631，左边960-631

在指定区域，导入SWF动画：插入-媒体-flash，

如图：

11.11

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

附录像地址：/share/link?shareid=3064146857&uk=3406589330

本文来源：https://www.bwwdw.com/article/v6pj.html