用SWFText快速制作网站动画

2011-06-06 10:56吕震宇
中小学电教 2011年5期
关键词:网页背景动画

☆ 柳 青 吕震宇

(1.山东旅游职业学院,山东济南 250200;2.山东职业学院,山东济南 250200)

网站的重要信息如广告,通常采用动画的形式,因为动画不仅相比于图片和文字更加引人注意,而且动画的文件很小。最常用的制作二维广告动画的软件是Flash,[1]但Flash不容易上手,即使是再简单的动画,制作起来也很麻烦。而用SWFText,只要用户根据导航栏中的项目顺序进行操作,仅需一分钟就能制作出一个图文并茂动态十足的动画,对制作者也没有任何技术要求。

一、方便下载和安装

SWFText软件仅1.9MB,可以方便地从网上下载,安装简单,免费使用,其最新版本是SWFText 1.4汉化版。

二、界面简洁

启动程序,可以看到该软件由设置窗口和预览窗口两部分组成。其中主界面为设置窗口,分为左侧导航栏和右侧具体设置窗口。当用户点击导航栏的项目时,右边具体设置窗口给出选项的详细设置。设置窗口和预览窗口如图1和图2所示。

图1 SWFText软件主界面

图2 预览窗口

三、操作简单

SWFText堪称制作Flash特效文字的“傻瓜式”软件,只要用户根据导航栏中的项目顺序进行操作就能轻松制作出Flash动画。

图3 背景特效设置窗口

1.设置剪辑大小

首先在“剪辑”里设置好动画文件的宽度和高度,单位为像素,如图1。

2.设置背景和背景特效

点击导航栏的“背景”,主窗口右侧出现背景的设置内容。动画的背景有四种选择,分别是固定色彩、梯度色彩、图像、透明。最常用的是图像,点击“浏览”,选择本地电脑上的图片即可。一个抢眼的Flash特效文字,使用恰当的背景特效很重要。点击导航栏的“背景特效”,软件提供了40种特效,分别为“爱心、电线、飞扬的圆环、风车、光轮、海洋、花朵、箭头、交错线、节日、金鱼、矩阵、均衡器、空间中飞行、老电影、雷达波、粒子、满天星、氖光灯、泡泡、扫描线、森林、闪电、闪亮的星星、树叶、水滴、透视、下落的粒子、下落的星星、下雪、下雨、相机、镶嵌、旋转的星星、烟火、移动的箭头、移动的星星、圆环、云彩、正方”。选中任意一种特效,浏览窗口立即出现相应的效果。每种特效都有一个或多个属性,通过设置不同的属性值,使得每种特效又可以产生多种效果。以“金鱼”特效为例,属性Background.FishNumber的默认值为3,表示动画中出现3条金鱼游动,将3改为6,动画中则出现6条金鱼,效果如图2。

3.设置文字及其特效

背景设置完毕,接下来就是文本、文本特效、字体这三个文字选项的设置。

图4 文本设置窗口

在文本窗口可以添加文本条,编辑或删除选中的文本条,文本设置窗口见图4。SWFText提供了多达168种文字特效,每种文字特效都有若干个参数可以修改,从而达到上万种不同效果。常用的文字特效有:“3D、爆炸、彩虹、淡入淡出、风吹、环绕、火焰、落下、模糊显现”等。在字体窗口,选择合适的字体名称、大小、色彩、位置等。

4.设置交互和声音

图5 交互设置窗口

运用到网页的动画,其交互功能是必不可少的。而SWFText提供的“循环指定的次数后停止剪辑动画”、“用户点击Flash剪辑时在浏览器中打开相应网页”、“Flash剪辑结束运行时在浏览器中打开网页”三种交互模式,满足了网页对Flash动画的交互需求,见图5。其中,最常用的是第二种交互模式,选中“用户点击Flash剪辑时在浏览器中打开相应网页”复选框后,在URL输入框中输入要链接到的网页地址,目标下拉列表框通常选择_blank,表明打开一个新的浏览器窗口用来显示链接的网页。在声音窗口,见图可以为Flash剪辑添加背景音乐,控制音乐播放的次数,见图6。

5.发布和保存

图6 声音和发布窗口

Flash特效文字制作完毕,单击下面的“发布”按钮,弹出发布对话框,见图6。选择“保存Flash剪辑”,点击确定,保存为swf格式文件,即得到Flash动画,大小通常只有几兆。Flash特效文字也可以导出为GIF图像或AVI视频,但导出GIF图像质量很差,AVI视频文件太大,所以首选导出Flash剪辑。

用户可以将制作的特效保存起来,扩展名为ini,通过“加载”按钮可重新打开修改。

四、总结

制作Flash特效文字操作简单,即使没有一点动画制作基础的朋友都能轻松地制作出满意的Flash动画。SWFText提供的40种背景特效和168种文字特效,满足了人们对特效文字动态效果的需求。而且当用户选择任意一种背景特效或文字特效时,都能立刻显示出预览效果。

[1]张丽娟.Flash广告出路浅析[J].中国科技博览,2009,(33):136.

猜你喜欢
网页背景动画
Clifford hits the big screen
“新四化”背景下汽车NVH的发展趋势
做个动画给你看
基于HTML5与CSS3的网页设计技术研究
《论持久战》的写作背景
动画发展史
黑洞背景知识
我的动画梦
基于CSS的网页导航栏的设计
基于HTML5静态网页设计