实例说明:随着银行业务向网络方面倾斜,网上可查询的利率表已是银行网站不可缺少的一部分。通过这个例子,你可以了解到flash会给这些死板的数字赋予多大的可观性。
有关知识:通过action从外部文件(txt文本文件)读取变量(利率值),界面的设计、布局的均衡,动画效果的加入。
操作步骤:
(一)构思。
无论哪种作品,规模大小,这都是不可缺的一步,在进入flash前,起码脑子里,最好在稿纸上,都应该有一个草图(剧本),想好这个作品的主题,布局,镜头、界面的变换,制作步骤,每个步骤应用到哪种技术,全部都大致想好了,
才进入flash进行创作。这样才能事半功倍,高效地完成任务。反之,什么都没准备好,就开软件制作,只会“开始得越早,结束得越晚。”但我并不是说,创作过程中不可以对原有构思再创作,总之,我的目的是让大家高质高效地创作出好作品来。
下面就来谈谈这个利率表的剧本:
由于此作品是商业运用,界面应尽量典雅,简洁,花俏的动画,文字效果要适可而止。
两条彩带从屏幕右边向左飞出,把观众的视线带到左上方,Gbank的立体文字在那里逐渐显现,其中G字闪耀着金色的光芒,然后,屏幕中间弹出一个方框,逐渐变大,接着表格及其文字提示显示,利率数字犹如滚动字条逐步显示出来(充满动感)。
再想想大致的实现步骤、手段:
彩带,方框及立体文字的制作、显现、动画是最容易的,不用细想,其中G字的金属光芒可通过遮罩,加色彩渐变完成。
重点要想想的是利率数字的滚动显示:因为利率是变动的,而一般的flash产生的作品swf文件是不变的,要想改动其中的文字,图像只能在flash里重新编辑原文件,再编译产生新的swf文件。显然,对这个例子来说,这并不是最佳方法。这就需要用flash的一个关键功能――“从外部文件读取变量”来解决。处理步骤:先做一个0-9的动画显示mc,加遮罩(每次只显示一个数字),在时间轴上显示每个数字时都加一个判断和stop,再读取变量做相应的处理,控制这个mc在哪个数字显示时停止。
好,基本上想好了,(现在没看明白不要紧,我只是想大家有一个大概的印象)就进入下一步吧:
(二)实际操作:
1. 打开flash。
2. 新建立一个文件,取名为gbank.fla。
3. 按ctrl+m设置屏幕参数,宽度600高度450
。
4. 选缺省的工具栏、面板显示:菜单Window->Panel Sets->Default Layout。
5.
画渐变背景。
在工具栏按 设置填充颜色,在右上角的fill菜单选择线性渐变色(line Gradient)(如图L-1)并按面板右下角的小磁盘存盘。
图L-1填充面板
6. 再选择tools面板下的 矩形工具(Rectangle ),选边界色 为无,在工作区域上画一个矩形(大小随便,用 点选矩形后在右上角的info面板(图L-2)
图L-2 info面板
里调整矩形的参数。再调整好渐变色的方向(详细见我的另一篇教程《立体电话》),再用 点选矩形后按F8功能键把他变成一个图像(Graphic),起名为“背景”。再把当前图层命名为
并按
锁住。
tips:对于已完成的层(layer),为免在编辑其他层时影响该层,一般要养成此习惯,用 锁定。
为使背景更加时髦,现加入当今流行的电视线,按ctrl+F8新建一个symbol名为电视线,在工作区画一条紫色的细线,在info窗口把w参数设定为屏幕宽度x坐标为零参照点为中心点,点选后按ctrl+c复制,再按ctrl+v粘贴五次,再全选,再复制、粘贴八次,就产生出了45条电视线,全选,按ctrl+k弹出align面板(图L-3)
[1] [2] [3] [4] [5] [6] 下一页 |