动感之源Flash
2000-08-16 13:39:37
近日得到一个叫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)。
摘自《赛迪网》 李旭/文 |
|
|