china.com
主页
新闻
体育
游戏
文化
教育
健康
财经
科技
旅游
军事
娱乐
商贸
  科技动态 硬件广场 下载基地 网络教室 网络冲浪 科学博览 移动时代 手机上网 桌面壁纸 科技商情  


动感之源Flash

2000-08-16 13:39:37

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

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

  准备活动

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

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

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

220450__01101t01.jpg  图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%。

220450__01101t02.jpg  图2

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

220450__01101t03.jpg  图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编辑窗口。

220450__01101t04.jpg  图4

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

  完工喽!怎么样?效果不错吧!

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

  摘自《赛迪网》 李旭/文


科技检索


中华网推荐

  • 1000名医生在线咨询

  • 中国足球队官方网站

  • 鸦片玫瑰(新版)

  • 精选股票天地

  • 闪光的flash教程

  • 中华网汽车世界

  • 为你的爱情出谋划策

  • 网文精选——野百合集

  • 世界文化遗产在中国

  • 历届香港小姐风姿集



  •  


    网络教室编辑信箱
    版权声明 | 本站检索 | 联系方法 | 刊登广告 | 使用说明 | 关于中华网 | 豁免条款

    版权所有 中华网