flash动画课件一.ppt

《flash动画课件一.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、学习目标第1讲Flash动画制作基础熟悉Flashcs3的设计环境及流程了解Flashcs3制作逐帧动画的方法1.1熟悉Flashcs3的设计环境1.2Flashcs3动画制作流程1.3课后作业1.1熟悉Flashcs3的设计环境1.1.1知识点讲解在开始对Flashcs3进行深入的动画制作学习之前，首先对Flashcs3的设计界面进行一个初步的认识。Flash的前身叫做FutureSplashAnimator，由美国的乔纳森·盖伊在1996年夏季正式发行，并很快获得了微软和迪斯尼两大巨头公司的青睐，分别成为其两个最大的客户。1.1

2、.2范例解析──Flashcs3用户界面介绍1、欢迎界面。图1-1欢迎界面2、操作界面。图1-2操作界面。菜单栏浮动面板区时间轴舞台工具面板属性面板1.1.3课堂练习──Flashcs3用户基本操作运行Flashcs3主程序。在欢迎界面中选择选项，新建一个Flash文档。依次单击【菜单栏】上的各个选项展开其子项，查看并分析各个命令的用途。利用【工具面板】上的各种绘图工具进行绘图操作。选择不同的对象，在【属性面板】中观察属性参数的变换情况1.2Flashcs3动画制作流程Flashcs3动画制作的一般流程对于动画初学者是很有必要掌握的

3、，在本小节将从其知识点出发，最后以简单的实例操作来带领读者牢固掌握该流程。1.2.1知识点讲解利用Flash进行动画开发，一般都需要经过一个较为固定的流程，如下所示。新建文档设置文档属性动画编辑保存动画发布设置发布测试动画确定新建的Flash文档类型确定文档大小、帧频、背景颜色等属性动画制作主体，完成绝大部分创作工作确定动画源文件的保持位置和格式确定动画发布为何种格式，如：SWF、gif等将动画按照发布设置进行发布1.2.2范例解析──制作“过光文字”本例将使用逐帧动画来制作一个过光文字的效果，制作思路及效果如图1-3所示图1-3制

4、作思路及效果1、新建文档。（1）启动Flashcs3软件，在【创建新项目】栏中选择【Flash文档】选项，如图1-4所示，随后进入Flash的设计界面。图1-4Flash8开始页新建一个Flash文档（2）在舞台的空白处单击鼠标右键，在弹出的快捷菜单中选择【文档属性】命令，如图1-5所示。图1-5选择【文档属性】选项（3）在弹出的【文档属性】对话框中设置文档【尺寸】为“600px×420px”，设置文档【帧频】为“5fps”，文档其他属性使用默认参数，如图1-6所示。图1-6设置文档属性一2、导入背景图。（1）用鼠标右键单击“图层1

5、”图层，在弹出的快捷菜单中选择【属性】命令，然后在弹出的【图层属性】对话框中将图层重命名为“背景”图层，效果如图1-7所示。【图层属性】对话框时间轴的显示效果图1-7重命名图层（1）执行【文件】/【导入】/【导入到舞台】菜单命令，将教学资源中的“素材第1讲过光文字背景.jpg”文件导入到舞台中，舞台效果如图1-8所示。图1-8导入背景图3、制作文字过光效果。（1）在时间轴上单击按钮，在“背景”图层上新建一个图层并重命名为“文字”图层，效果如图1-9所示。图1-9添加图层（2）选择【文本】工具，设置【字体】为“TimesNewR

6、oman”，【字体大小】为“95”并加粗，【文本（填充）颜色】为“红色”，然后在“文字”图层上输入字母“Welcome”，并将其相对舞台居中对齐，参数设置如图1-10所示，舞台上的显示效果如图1-11所示。图1-10文本属性设置图1-11输入文字效果（3）选中“文字”图层上第1帧的图形，按1次Ctrl+B快捷键将文字打散，效果如图1-12所示。图1-12分离文字与舞台居中对齐的方法为：选中舞台上的文字，按Ctrl+K快捷键打开对齐面板，确认按钮处在按下状态时，单击和按钮使文字与舞台居中对齐。（4）分别在“文字”图层和“背景”图层的第

7、7帧处按F5快捷键插入帧，效果如图1-13所示。图1-13插入帧一（5）按住Shift键选中“文字”图层的第2帧～第7帧，然后按F6快捷键插入关键帧，效果如图1-14所示。图1-14插入关键帧（6）选中“文字”图层第1帧处的字母“W”，在属性面板中设置其【字体颜色】为“红色”，效果如图1-15所示。图1-15改变字母颜色（7）使用同样的方法，将第2帧的“e”字母的【字体颜色】设置为“红色”，以此类推进行设置，效果如图1-16所示。图1-16各个帧上的文字设置第2帧处的文字第3帧处的文字第4帧处的文字第5帧处的文字第6帧处的文字第7帧

8、处的文字4、保存并测试影片。（1）按Ctrl+S快捷键保存影片，在弹出的【另存为】对话框中，设置保存目录并输入文件名为“过光文字”，效果如图1-17所示。图1-17保存影片（2）单击按钮保存影片，按Ctrl+Enter快捷键测试影片，