书城计算机网络FlashCS动画制作基础
28301400000003

第3章 FlashCS5动画基础(2)

严格来说,“个性”并不能算是动画的一条原则,实际上是正确运用前面的11条原则来达到动画需要达到的目标,个性将最终决定动画是否成功!

这些原则既适用于传统动画,也适用于计算机动画。对这些原理不能单纯记忆,动画制作者应该真正理解并在动画制作中恰当运用它们。

1.1.3常用动画制作软件简介

从基础知识入手,详细阐述了FlashCS5的基本原理和传统动画的制作原理。主要内容包括FlashCS5的基础知识和操作流程,动画素材的绘制,图层和帧的操作,基本动画的制作,高级动画制作,ActionScript3.0交互式动画编程基础及组件的应用等,最后通过综合实例剖析巩固所学知识。

1.三维动画制作软件

目前最常见的三维动画制作软件有3dsMax、Maya、SoftImage和Lightwave等。而3dsMax是一款在国内外应用都非常广泛的三维设计工具,它不但用于电视及娱乐业中,在影视特效方面也有相当多的应用,如电影《古墓丽影》和游戏《指环王》;而在国内发展的相对比较成熟的建筑效果图和建筑动画制作中,3dsMax占据了绝大的优势。

2.交互式二维动画制作软件Flash

虽然目前三维动画的发展已经到了很高的水平,但是三维动画制作费用高、制作周期长。

所以二维动画也具有很好的市场效益。

在众多的二维动画制作软件中,Flash最为璀璨,随着Flash的发展,Flash已经逐渐成为二维动画制作软件的代名词。由于采用矢量图形和流媒体技术,用Flash制作出来的动画文件尺寸非常小,而且能在有限带宽的条件下流畅播放,所以Flash动画广泛用于Web领域。目前Flash广告、Flash网站、Flash多媒体演示、Flash游戏等已经成为了Web上不可或缺的部分。

1.2FlashCS5动画设计简介

使用FlashCS5进行动画设计和制作非常简单和方便,只要参照教材,一个从未制作过动画的人,可以在几分钟之内完成一个简单的动画效果。可见Flash对于初级动画制作者是一个很好的工具。

1.2.1FlashCS5简介

在开始使用FlashCS5制作动画之前,首先认识一下Flash这款软件。

1.Flash的发展

Flash的前身叫做FutureSplashAnimator,由美国的乔纳森·盖伊在1996年夏季正式发行,并很快获得了Microsoft和迪斯尼两大巨头公司的青睐,分别成为其两个最大的客户。

由于FutureSplashAnimator的巨大潜力吸引了当时实力较强的Macromedia的注意,于是在1996年11月,Macromedia公司仅用50万美元就成功并购乔纳森·盖伊的公司,并将FutureSplashAnimator改名为MacromediaFlash1.0。

经过升级换代,2010年Adobe公司推出FlashCS5版本,同时Flash也发展成为全球最流行的二维动画制作软件,从此Flash发展到一个新的阶段。

2.FlashCS5界面介绍

启动FlashCS5进入图1-12所示的操作界面,其中包括菜单栏、时间轴、工具面板、舞台、属性面板及浮动面板等。

3.Flash动画制作流程

Flash动画制作流程十分的简单,分为新建Flash文档、编辑场景、保存影片、发布影片4个步骤。其中编辑动画部分是流程的关键,发布影片控制着发布影片的大小、质量和文件格式等重要性质,所以也是十分重要的。

1.2.2典型案例-大红大吉

在本章的前面部分对动画及Flash动画做了简单的介绍,下面将进行一个动画实例制作。

希望通过这个简单的动画案例,使读者对FlashCS5的基本操作有一个感性的认识。

制作过程如下。

1.创建新文件

运行FlashCS5,首先会显示一个初始用户界面,选择【新建】→【Flash文件(ActionScript3.0)】命令,新建一个Flash文档。

注意:此处选择【Flash文件(ActioScript3.0)】和【Flash文件(ActioScript2.0)】的差别在于其动画文件支持的后台脚本不同。建议使用ActioScript3.0,它是由Adobe公司研发,与FlashCS5同时推出,其编程思想全部基于对象化,所以使用更加方便。

2.制作背景

(1)选择【修改】→【文档】菜单命令,打开【文档属性】对话框,然后在【尺寸】的【高】选项中输入“400像素”,其他属性保持默认即可,如图1-13所示,单击【确定】按钮完成设置。

(2)在【时间轴】面板左侧的图层名称“图层1”上双击左键,当图层名称变成可编辑状态时,输入“背景”,将默认的“图层1”重命名为“背景”层。选择矩形工具,在舞台上绘制一个矩形。

(3)选择“选择工具”,双击刚才绘制的矩形,然后在【属性】面板中设置矩形的笔触颜色为“无”,填充类型为“线性渐变”,宽、高分别为“550像素”、“300像素”,选区的X和Y坐标分别为“0”和“0”,如图1-14所示。

(4)在【颜色】面板中,设置线性渐变的第1个色块颜色为“FF0000”(红色),第2个色块颜色为“CC0000”(暗红色),效果如图1-15所示。

注意:在设置【颜色】面板的属性时,一定要保证矩形处于被选中的状态,否则矩形的颜色将无法改变。

3.输入文字

(1)单击“新建图层”按钮,新建图层并重命名为“文字”层,如图1-16所示,要确保“文字”层在“背景”层的上面。

(2)选项文字工具,在舞台上输入“AdobeFlashCS5”文字。

(3)将文字全部选中,设置字体为“Zombie”,字体大小为“50”,填充颜色为“FFFF00”

(黄色),选区的X和Y坐标分别为“80”、“120”,如图1-17所示。

设置笔触为无

设置填充为线性渐变

设置宽和高的位置

(4)至此文字制作成功。

4.导入素材

(1)新建图层并重命名为“特效”层,然后使用鼠标单击该图层并将其拖曳到“文字”

图层的下面,如图1-18所示。

(2)选择【文件】→【导入】→【打开外部库】菜单命令,将素材“第1章\特效库.fla”

文件打开,如图1-19所示。

(3)按下鼠标左键拖动鼠标光标,将“星星”元件拖曳到舞台中,在拖曳过程中操作界面中会自动显示“星星”元件的虚框,然后将其放置到适当位置。

5.保存和发布影片

(1)动画制作完成,按Ctrl+S快捷键保存影片。

(2)选择【文件】→【发布设置】菜单命令,打开如图1-20所示的【发布设置】

对话框。

注意:在【发布设置】对话框【格式】选项卡中可以设置发布影片的格式和路径,在【Flash】选项卡可以设置发布文件的播放器版本、压缩比例、防止导入等重要属性。

(3)全部保持默认设置,单击“发布”按钮,发布影片,然后单击“确定”按钮完成发布设置(也可以按F12快捷键发布影片),至此动画制作完成。

注意:通常在制作过程中,需要实时地测试和观看影片效果,并不需要正式发布影片,所以可用快捷键Ctrl+Enter测试影片。

在本案例中,通过一个十分简单的Flash动画制作,为读者简述了制作Flash动画的流程和思路。例子虽然比较简单,却包含了制作复杂Flash动画的各个基本步骤。所以希望读者通过本案例的操作,对FlashCS5有所了解。

小结

在本章中,主要是对动画的整体概念和发展做了较为全面的讲解,并对动画制作的原则进行了简单的讲解,从FlashCS5动画制作软件的发展历程到界面介绍,再到制作动画流程介绍,为读者进入Flash动画世界开启了一扇大门,并在本章的最后安排了典型的案例,通过对该案例的学习,可以使读者对Flash动画的制作流程和设计思路有了简单了解,从而为其后期学习打下坚实的基础。

思考与练习

1.人类第一部动画作品的作者是谁?是在什么时候创作的?

2.代表人类用动画表达事物欲望的图画出现在什么时候?什么地点?

3.Flash动画的优势是什么?

4.Flash动画的制作流程是什么?

5.动手制作本章的案例。