FlashCS3动画制作基础教程教案Word格式.docx
《FlashCS3动画制作基础教程教案Word格式.docx》由会员分享,可在线阅读,更多相关《FlashCS3动画制作基础教程教案Word格式.docx(79页珍藏版)》请在冰豆网上搜索。
![FlashCS3动画制作基础教程教案Word格式.docx](https://file1.bdocx.com/fileroot1/2022-10/22/34daa9f0-0fa7-48d0-a901-c8ae5920cc9a/34daa9f0-0fa7-48d0-a901-c8ae5920cc9a1.gif)
本章内容
▪1.1初识FlashCS3
▪1.2FlashCS3文件基本操作
▪1.3制作Flash动画的简单实例
1.1初识FlashCS3
▪1.1.1了解Flash
▪1.1.2FlashCS3的新增功能
▪1.1.3FlashCS3的工作环境
1.1.1了解Flash
▪Flash主要用于制作矢量图像和网络动画。
它是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。
▪Flash的用途很广泛,网页、网络动画、网络广告、Flash游戏以及教学软件等领域。
Flash特别适用于创建通过Internet提供的内容,因为它的文件非常小。
▪在Flash中创作内容时,需要在Flash文档文件中工作。
Flash文档的文件扩展名为.fla(.FLA)。
Flash文档有4个主要部分:
▪
(1)舞台:
舞台是在回放过程中显示图形、视频、按钮等内容的位置。
在后面的章节中将对舞台做详细介绍。
▪
(2)时间轴:
用来通知Flash显示图形和其它项目元素的时间,也可以使用时间轴指定舞台上各图形的分层顺序。
位于较高图层中的图形显示在较低图层中的图形的上方。
▪(3)库面板:
库面板是Flash显示Flash文档中的媒体元素列表的位置。
▪(4)ActionScript代码:
可用来向文档中的媒体元素添加交互式内容。
例如,可以添加代码以便用户在单击某按钮时显示一幅新图像,还可以使用ActionScript向应用程序添加逻辑。
逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。
Flash包括两个版本的ActionScript,可满足创作者的不同具体需要。
▪完成Flash文档的创作后,可以使用“文件”→“发布”命令发布它。
这会创建文件的一个压缩版本,其扩展名为.swf(SWF)。
1.1.2FlashCS3的新增功能
▪AdobeFlashCS3Professional是Adobe公司开发的Flash设计软件,是Flash8的升级产品,该版本在原有版本的基础上对软件功能进行了改进,并增加了许多新的功能。
改进和新增的功能使用户可以更轻松地进行绘图创作以及各种交互应用程序的开发。
▪1.增强的集成功能
▪
(1)界面的改变
▪
(2)AdobeBridge
▪(3)AdobePhotoshop导入
▪(4)AdobeIllustrator导入
▪2.增强绘图、动画和视频功能
▪
(1)增强的钢笔工具
▪
(2)增强的基本矩形和椭圆绘制工具
▪(3)滤镜复制和粘贴
▪(4)复制和粘贴动画
▪(5)增强了QuickTime视频支持
▪(6)为Flash视频保存和加载提示点
▪3.全新的ActionScript开发环境
▪
(1)增加了新的ActionScript3.0语言
▪
(2)将动画复制为ActionScript3.0
1.1.3FlashCS3的工作环境
▪安装好FlashCS3后,就可以通过“开始”→“程序”→“AdobeFlashCS3Professional”命令或双击“桌面”上的快捷图标启动它,该软件启动新建文档后的主界面如图1-1所示。
▪在FlashCS3的主界面中,位于主界面最上面的是标题栏和菜单栏;
主界面的左侧是工具箱,其中包括FlashCS3中最常用的绘图工具和辅助工具选项;
主界面的底部和右侧是浮动面板。
在默认的情况下,底部有“属性”、“滤镜”和“参数”3个面板,右侧主要有“颜色”和“库”面板。
▪1.开始页
▪
(1)打开最近的项目
▪
(2)新建
▪(3)从模板创建
▪(4)扩展
▪2.菜单栏
▪FlashCS3的菜单栏包含了11个菜单,包括“文件”、“编辑”、“视图”、“插入”、“修改”、“文本”、“命令”、“控制”、“调试”、“窗口”和“帮助”菜单。
▪3.工具栏
▪
(1)主工具栏
▪默认情况下,主工具栏是不显示的。
如果要显示它,可以选择“窗口”→“工具栏”→“主工具栏”命令,显示主工具栏。
▪
(2)控制器工具栏
▪默认情况下,控制器工具栏也是不显示的。
如果要显示它,可以选择“窗口”→“工具栏”→“控制器”命令,显示控制器工具栏。
▪(3)编辑栏
▪编辑栏位于舞台的顶部,提供了隐藏时间轴、编辑元件、场景的信息和控件。
另外,编辑允许用户增加或减少舞台的缩放比例。
▪4.时间轴面板
▪时间轴的主要组件是图层、帧和播放头。
图层就像堆叠在一起的多张幻灯胶片一样,在舞台上一层层地向上叠加。
如果上面一个图层上没有内容,那么就可以透过它看到下面的图层。
▪5.场景与舞台
▪场景是指Flash工作界面的中间部分,即整个白色和灰色的区域,它是进行矢量图形的绘制和展示的工作区域。
在场景中的白色区域(默认)部分又称“舞台”,是创建Flash文档时放置图形内容的矩形区域,这些图形内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑。
Flash中各种动画活动都发生在舞台上,在舞台上看到的内容就是导出的Flash影片中观众看到的内容。
在场景中的灰色区域部分又称“工作区”,工作区是环绕于舞台,导出的Flash影片中观众将看不到工作区的内容,就象戏曲中的台后。
▪6.工具箱
▪默认情况下,工具箱中包含了绘制和编辑图形的各种工具,分为“工具”、“查看”、“颜色”和“选项”4个区域
▪7.常用的面板
▪面板是FlashCS3界面的重要组成部分,使用它们可以查看、组织和更改文档钟的元素。
面板中可用选项控制着元件、实例、颜色、类型、帧和其它元素的特征。
可以通过显示特定任务所需的面板并隐藏其它面板来自定义Flash界面。
▪
(1)属性面板
▪大小:
设置舞台的大小,以像素为单位。
默认的舞台大小为550像素×
400像素。
▪发布:
设置发布属性,可以设置使用哪个版本的Flash影片播放器发布影片。
▪背景颜色:
设置舞台的背景色。
▪帧频:
每秒钟播放多少帧动画。
默认的帧频为12帧(fps)。
▪属性面板是动态的,因为它所显示的属性将根据所选择的对象而变化。
▪
(2)动作面板
▪动作面板可以创建和编辑对象或帧的ActionScript代码,主要由“动作工具箱”、“脚本导航器”和“脚本”窗格组成。
▪(3)帮助面板
▪帮助面板包含了大量信息和资源,如图1-11所示,对Flash的所有创作功能和ActionScript语言进行了详尽的说明。
帮助面板可以随时对软件的使用或动作脚本语法进行查询,使用户更好地使用软件的各种功能。
▪(4)滤镜面板
▪FlashCS3的滤镜功能大大增强了其设计方面的能力。
这项新特性对制作Flash动画产生了便利和巨大影响。
它们几乎颠覆了长期以来,对Flash设计能力欠缺的固有偏见,使大家不得不对其刮目相。
默认情况下,滤镜面板和属性面板、参数面板组成一个面板组。
▪(5)项目面板
▪选择“窗口”→“项目”命令或按【Shift+F8】键,可以打开项目面板,这个面板为用户提供了管理和处理Flash项目的一个中心位置,如图1-13所示。
▪(6)对齐面板
▪选择“窗口”→“对齐”命令或按【Ctrl+K】键,可以打开对齐面板,这个面板可以根据一系列预置的标准来对齐对象。
每一种预置的标准都被表示为一个按钮,如图1-14所示。
▪(7)信息面板
▪选择“窗口”→“信息”命令或按【Ctrl+I】键,可以打开信息面板,这个面板为用户提供了通过数字更改选定对象的尺寸和位置的方法。
在信息面板的底部提供了鼠标当前所处位置的相关信息,左下角显示鼠标当前位置的颜色(为RGB模式),右下角则显示鼠标当前位置的精确定位,如图1-15所示。
▪(8)颜色面板
▪选择“窗口”→“颜色”命令或按【Shift+F9】键,可以打开颜色面板,这个面板可以创建RGB、HSB或十六进制代码的颜色,并可以保存到样本面板中。
颜色面板还可以将颜色指派给笔触或填充,如图1-16所示。
▪(9)样本面板
▪选择“窗口”→“样本”命令或按【Ctrl+F9】键,可以打开样本面板,这个面板帮助用户从当前的调色板中组织、加载、保存和删除单独的颜色,如图1-17所示。
▪(10)场景面板
▪选择“窗口”→“其它面板”→“场景”命令或按【Shift+F2】键,可以打开场景面板,这个面板为用户提供了在场景之间切换、重命名场景、添加场景和删除场景等功能,如图1-18所示。
▪(11)库面板
▪选择“窗口”→“库”命令或按【Ctrl+L】键,可以打开库面板,这个面板为用户存储Flash影片所创建的元件或影片所要使用的元件的地方。
不管是影片剪辑、图形元件还是按钮,库中都有,如图1-19所示。
▪(12)历史记录面板
▪选择“窗口”→“其它面板”→“历史记录”命令或按【Ctrl+F10】键,可以打开历史记录面板,面板中显示了当前操作文档自创建或打开以来曾经执行的操作。
▪(13)输出面板
▪选择“窗口”→“输出”命令或按【F2】键,可以打开输出面板,这个面板是一个非常不错的小工具,但无法与其它面板插接在一起,当用户导出Flash影片后,它将为用户提供有关所有场景的文件大小、对象、文字、元件和实例的数据,如图1-21所示。
▪8.使用标尺、辅助线和网格
▪
(1)使用标尺
▪选择“视图”→“标尺”命令或按【Ctrl+Alt+Shift+R】键,打开标尺。
如果要隐藏标尺,再执行一次上述同样命令即可。
▪
(2)使用辅助线
▪如果显示了标尺,可以将水平和垂直辅助线从标尺拖动到舞台上。
可以移动、锁定、隐藏和删除辅助线,也可以使对象贴紧至辅助线,更改辅助线颜色和贴紧容差。
▪(3)使用网格
▪选择“视图”→“网格”→“显示网格”命令或按【Ctrl+'
'
】键(引号),打开网格。
如果要隐藏网格,再执行一次上述同样命令即可。
1.2FlashCS3文件基本操作
▪1.2.1新建文件
▪1.2.2保存文件
▪1.2.3关闭文件
▪1.2.4打开文件
▪1.2.5测试影片
1.2.1新建文件
▪制作Flash动画之前必须新建一个Flash文件,这也是制作动画的第一步,通常新建Flash文件有以下3种方法:
▪
(1)启动FlashCS3后,出现如图1-22所示的“开始页”界面,在“新建”栏中单击“Flash文件(ActionScript3.0)”选项即可新建一个Flash文件。
▪
(2)单击“主工具栏”中的“新建”按钮,也即可创建一个F