1.3 基础效果制作
1.3.1帧动画
1. 都市恋爱
在充满诗意的黄昏,都市的大厦闪烁着灯光,逐渐的灯光隐灭,留下了“LOVE”恋爱的音符……这个创意来源于网络,看到过一个大学生宿舍灯光求爱的图片,所以想到了这个效果。
效果展示
其中一帧画面如图1.3.1所示(完整效果参见光盘中的“\第一部分\第三章\都市恋爱.swf”)
http://bbs.flash8.net/bbs/UploadFile/2005-10/200510110472156.swf
效果讲解
在Flash中,朋友们可以通过改变连续排列的帧内容来实现动画。创建动画序列有两种方法。逐帧动画和渐变动画。在逐帧动画中,朋友们需要为每一帧创建图形,通过修改每一帧中的内容产生动画,它特别适合于复杂的、细腻的动画效果。因为Flash需要存储每一个完整的帧,所以逐帧动画将显著增加文件的大小。
关键帧的作用是定义动画中的对象变化。在创建逐帧动画时,每一帧都是关键帧,包含内容的关键帧将以实心圆圈表示,添加在其后的帧将包含和关键帧相同的内容,每一层的首帧将自动设置为空白关键帧。每个新关键帧最初包含的内容和它前面的关键帧是一样的,因此可以渐进的修改动画中的帧。当朋友们创建动画的背景时,经常会碰到需要某一幅图像持续显示若干帧的现象,此时可以在层中添加新帧,注意不是添加关键帧,添加的新帧将包含前面关键帧的内容,添加的新帧将以淡灰色帧表示,最后一帧中有个白色小矩形,表示包含相同内容的帧结束。
所谓“帧频”就是动画播放的速度,按每秒播放多少帧来计算,太慢的帧频将使动画出现停顿现象,太快又会发生跳帧现象,略过动画的细节。因此,设置合适的帧频是很有必要的。默认的是每秒12帧,标准的运动图片频率则是每秒24帧。因为一个Flash电影只能指定一个帧频,所以最好能在开始创建动画之前设置帧频。
Macromedia Flash MX Professional 2004 提供了几种在文档中包含动画和特定效果的方法。利用时间轴特效(如模糊、扩展和爆炸)可以很容易将对象制作为动画。只需选择对象,然后选择一种特效并指定参数。利用时间轴特效,您只需执行几个简单步骤即可完成以前既费时又需要精通动画制作知识的任务。
当您向对象添加时间轴特效时,Flash 将创建一个层并将对象传输至此新层。此新层自动获得与特效相同的名称,而且其后会附加一个数字,代表在文档内的所有特效中应用此特效的顺序。当您添加时间轴特效时,具有该特效名称的文件夹将添加到库,它包含在创建该特效中所使用的元素模糊特效原理是通过更改对象在一段时间内的 Alpha 值、位置或缩放比例来产生运动模糊效果。
制作过程
运行Flash MX 2004,新建文件,选择“修改”|“文档”命令,将背景颜色调为#003366,帧频为2fps,其余默认。如图1.3.2所示。
提示
这些设置最好在动画制作刚开始的时候就设定好,否则完成以后再修改要费很大的力气。
(2)设置完文档属性,在不单击舞台中任何元素的情况下,舞台下方的属性面板显示文档属性,如图1.3.3所示。
注意
以后的教程中不再给出文档属性面板。
(3)选择“文件”|“保存”命令,由于是第一次保存,所以系统会弹出“另存为”对话框,我们可以选择保存的路径,修改文件名,还可以修改文件保存的类型,默认是保存为Flash MX 2004文档。如果需要,我们可以在下拉列表框中选择Flash MX文档,可见Flash MX 2004是向下兼容的。如图1.3.4所示。
(4)用直线工具在舞台中绘制出楼房的边框,如图1.3.5所示。
(5)用填充工具填充黑色,再用“文本”工具在右上角键入“都市恋爱”,默认是“静态文本”,选颜色为黄色,字号为30,如图1.3.6所示。
(6)单击“都市恋爱”文本,选择“插入”|“时间轴特效”|“效果”|“模糊”命令,弹出“模糊”对话框,我们根据效果进行参数修改,如图1.3.7所示。
(7)单击“确定”按钮,返回到主场景,在时间轴上Flash自动生成一个新图层“模糊 1”,此时一共有两层了。选择“插入”|“时间轴”|“图层”命令,插入图层3,修改图层名称为“灯光”,调节层的顺序,将“灯光”图层拖动到最上面,使“楼房”图层处于中间位置,“模糊”图层处在最下位置。
提示
Flash中的图层是上下遮挡的关系,在上面的图层内容遮挡下面的图层内容,所以要把“灯光”层放在最上面,使灯光在舞台中可视。
(8)锁定“楼房”图层和“模糊”图层,在“灯光”图层中用矩形工具绘制一个小矩形,再按Ctrl键拖动复制,适当调节位置和大小,最终效果如图1.3.8所示。
(9)选择第2帧,选择“插入”|“时间轴”|“关键帧”命令,在第2帧中随机加入一些小矩形,然后重复操作,单击第3帧,同样插入关键帧,再加入一些小矩形,以此类推。
如图1.3.9所示。
提示
选择“插入”|“时间轴”|“关键帧”命令,可以插入一个关键帧,也可以使用快捷键F6插入关键帧。
(1)我们共做了12个关键帧,为了达到我们要的效果,此时单击第1帧,按键盘上的Shift键单击第12帧,这样我们就全部选中了12个关键帧,然后选择“修改”|“时间轴”|“翻转帧”命令,把这12个关键帧的排列顺序倒置。
提示
选择多个帧共有三种方法。在不单击第1帧的情况下,拖动鼠标从第1帧到第12帧;在图层名称处选择鼠标,也能单击所有帧;在第1帧到第12帧中任单击一帧,点右键菜单中的“选择所有帧”。
(2)最后来完善一下作品,模糊层我们做了14帧,所以把灯光和楼房层延长到第14帧,单击这两个图层的第14帧,选择“插入”|“时间轴”|“帧”命令,延长帧,这样“LOVE”字符出现后有两帧的停留时间,不会马上消失。
(3)选择“控制”|“测试影片”命令,进行效果测试,制作完成。
逐帧动画像传统的动画片一样,一幅一幅去绘制,每一帧中都是一个不同内容图形,利用人眼的视觉残留形成运动的画面。逐帧动画是Flash动画作品不可缺少的技术之一。由于它能实现任意的效果,所以当用渐变动画无法实现时,就可以考虑用逐帧动画来代替,虽然这会很明显地增加文件体积,但是为了达到好的效果还是值得去尝试的。
十一期间我们将陆续放出《FLASH创意设计教程》的部分章节,对于没有买到书的朋友是一个难得的学习机会。敬请关注