动感之源Flash_新疆二域设计网络公司

网站地图 | 联系我们 | 咨询热线:0991-4811639

※	您现在的位置：新疆二域设计网络公司 >> 网页设计学院 >> 网页制作 >> Flash >> 正文

　　近日得到一个叫Flash的软件，觉得耳熟，也许是在网上久闻它的大名的缘故吧。拿来一试果然酷呆了……

　　通过一些时日的修炼，现已修得正果，不敢独享，拿来与大家分享。

　　准备活动

　　你在上网时，一定会看到不少Flash动画，那么Flash到底是什么呢？

　　Flash是一个面向Web的矢量图形和动画制作的软件，可以用它创建具有动感、交互、声音等特点的动画。

　　下面先介绍一下练功房——Flash的工作环境，如图1(本人使用的是汉化过的Flash 4)。

　　图1

　　1、舞台(Stage)：它是创作对象的区域，就像是画画的画布一样，你可以在上面画一些简单的图形。

　　2、时间轴(Timeline)：Flash动画就像电影一样，将动画分解成一帧一帧的图像，最后再连续播放成动画。你就像导演一样在舞台上指挥演员，然后剪辑胶片，最后上演。

　　3、组件(Symbol)和库(Library)：组件是动画中的一部分，你的动画可以由多个组件组成。它可以是图片、文字、声音、按钮或电影片段，它可以有效地减小文件的大小和系统资源。库则是存放创建好的组件的地方。

　　4、层(Layer)：电影中曾有过这样的镜头：一个人从高空中摔下来。在实际中，哪个演员也不愿冒着坐在轮椅上度过下半生的危险去拍这个动作，于是聪明的工作人员先让演员在地面上做好高空中的动作，然后再将其剪辑下来“贴”到背景中去。Flash也用到了这种方法，称之为“层”。演员的动作是一层，背景又是另一层。对于层的控制命令大都集中在时间轴的弹出菜单中，包括添加、删除层；对层的命名、锁定、隐藏；指定层的特殊功能等等。

　　小试身手

　　介绍完基本知识后，我们先用它做一个文字运动渐变的例子。内容是“旭”、“日”、“数”、“学”、“网”几个字依次“走”进舞台，再交替消失。

　　1、建立一个文件，然后选择菜单项[Modify]→[Move]。在Dimensions一项中输入尺寸300 px×60 px，然后将Colors中的背景颜色设为天蓝色，单击[OK]。

　　2、建立5个Symbol。选择菜单项[Insert]→[New Symbol]，在弹出的对话框中将Name变为“旭”，单击[OK]。这时便打开了Symbol编辑窗口。单击绘图工具栏中的“A”字按钮(用来输入文字)，在画布中拖动鼠标，在文本框中输入“旭”字。以同样方法再创建4个Symbol，分别命名为“日”、“数”、“学”、“网”，并在每个Symbol中输入与其名字相同的文字。单击层控制栏左上方的按钮Scene1，退出Symbol编辑器。

　　3、在层控制栏中双击Layer1的名称，将其改名为“旭”，然后选择菜单项[Insert]→[Frame]插入帧，使“旭”层的帧数为56个，选中“旭”层，然后选择菜单项“Insert\Creat Motion Tween”，这时后“旭”层上的时间轴就会变成淡紫色。再建立4个层：单击层控制栏左下角带有加号的按钮，分别命名为“日”、“数”、“学”、“网”，并将帧加到56个，且都变为“Motion Tween”形式。

　　4、用键盘“Ctrl＋L”调出Library，这里显示了刚才创建的5个Symbol。选中“旭” 层的第1帧，将Symbol“旭”拖进舞台，并将其调节为适当的大小和位置(如图2)。选中第5帧，并选择菜单项“Insert\Keyframe”，插入关键帧，这时从第1帧到第5帧出现一个箭头，在第5帧将Symbol “旭”调整到背景上的合适位置，并将其调小到可以放到背景中（靠左一点，还有其他4个字呢）。在第19帧再插入一个关键帧。在第24帧再插入一个关键帧，并将Symbol“旭”调回如图2，双击Symbol“旭”，在Color Effect中将Color中选择“Alpha”(透明)，将值设为0％。

　　图2

　　5、单击Layer2“日”，在第5帧插入一个关键帧，并将Symbol“日”拖进舞台，将大小调到与图2“旭”字一样大，位置稍微往右点。在第8帧再插入一个关键帧，将字放到背景中“旭”字的旁边。在第20帧和第25帧各插入一个关键帧，同样将字调回原来大小，并将Alpha值设为0％。

　　图3

　　6、用同样方法将各Symbol拖进相应的Layer，并将各层的关键帧建立好(如图3)，呈阶梯型建立关键帧，以达到交替出现与消失的效果。

　　这样一个简单的动画就制作完成了。最后敲一下回车，看看你的大作怎么样？另外在时间轴上拖动红色的小方块也可以浏览效果。

　　遮照大法

　　遮照大家谁都见过，实际上就是一束灯光在黑暗的舞台上一扫，在灯光下的字被照了出来，其他的都看不见。下面的动画以“Flash”字样为例。

　　1、新建文件，选择菜单项[Modify]→[Move]，在Dimensions一项中输入尺寸500 px×100 px，然后将Colors中的背景颜色设为黑色，单击[OK]。

　　2、选择菜单项[Insert]→[New Symbol]，在弹出的对话框中将Name变为“Flash”，单击[OK]。在编辑窗口中建立字符“Flash”，字体任选，当然是什么好看选什么喽！然后返回Scene1编辑窗口（方法上面已经介绍了），将Symbol“Flash”拖到舞台的中间的合适位置。

　　3、再建立一个Symbol，命名为“圆”，这就是用来当灯光的东东喔！在编辑窗口中建立一个圆（跟“画笔”的画法一样），然后选中形似油漆桶的按钮，选择填充颜色（如图4），将圆内涂上颜色，然后选中[选择]按钮，选中圆的边框，按[Delete]将其删除。返回Scene1编辑窗口。

　　图4

　　4、将Layer1的帧数加到20帧。插入一个Layer2，并将它变为“Motion Tween”形式，选择菜单项[Insert]→[Creat Motion Tween]。用“Ctrl＋L”调出Library，将Symbol“圆”拖到文字的左端，在第20帧建立一个关键帧，将Symbol“圆”调整到文字的右端，右击Layer2，选择“Mask”，这时Layer1的前面多了一个向下的箭头，在Layer2的前面多了一个拐弯的箭头。

　　完工喽！怎么样？效果不错吧！

　　另外，遮照时字的颜色由遮照物决定。功法就教到这儿，欢迎来信(yousufu@263.net)。

　　摘自《赛迪网》　李旭/文

作者：佚名 | 文章来源：不详 | 更新时间：2007-5-5 1:23:04

上一篇文章：巧用Flash制作动态网页

下一篇文章： Flash8滤镜与混合模式(1):滤镜效果概览(1)

：：最近更新：：

·	Flash cs3、Flex与asp、ph…
·	利用toggleFullScreen()来…
·	微软的Silverlight能取代f…
·	flash的预载片头：loading…
·	Flash数组的用法---Action…
·	用计时方法判断双击类
·	flash实现从上次断开的地方…
·	flash如何自动适应多种浏览…
·	flash的attachMovie语法和…
·	用flash字体元件与字符嵌入…
·	flash文字编码问题：汉字的…
·	flash8的搜索内容索引swf …
·	Flash mx 2004 时间轴控制…
·	mp3音乐文件不能导入FLASH…
·	用flash制作网页弹出窗口的…

：：推荐阅读：：

·	ActionScript基础教程
·	AS签名等一些常用AS代码
·	Flash的播放速的制做
·	Flash5 ActionScript语法详…
·	简单的Loading制作方法
·	getURL函数的使用方法指南
·	使用fscommand如何正确调用…
·	巧用Flash制作动态网页

QQ：359312 ;地址：新疆乌鲁木齐市友好E时代公寓B座708 邮编：830000