第1章初识Flash课件.ppt

《第1章初识Flash课件.ppt》由会员分享，可在线阅读，更多相关《第1章初识Flash课件.ppt（23页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第1 1章章 FlashFlash动画制作基动画制作基础与案例教学础与案例教学 FlashFlash动画制作基础与案例教学教程动画制作基础与案例教学教程第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学教教 学学 要要 求求 与与 内内 容容应应应应知知知知目目目目标标标标应应应应会会会会目目目目标标标标了解了解flashflash的基本特点的基本特点了解了解FlashCS3FlashCS3的工作界面、菜的工作界面、菜单和工具单和工具了解了解flashflash动画的新增功能动画的新增功能熟悉熟悉FlashCS

2、3FlashCS3的工作环境的工作环境掌握掌握FlashCS3FlashCS3的基本操作的基本操作掌握掌握FlashFlash动画的制作流程动画的制作流程第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.1 FlashCS3简介简介Flash的应用领域广播媒体广播媒体广播媒体广播媒体移动通讯移动通讯移动通讯移动通讯教育、网站、游戏等教育、网站、游戏等教育、网站、游戏等教育、网站、游戏等网络广告、电视网络广告、电视网络广告、电视网络广告、电视广告、公益广告广告、公益广告广告、公益广告广告、公益广告 手机彩信、手

3、手机彩信、手手机彩信、手手机彩信、手机游戏机游戏机游戏机游戏 多媒体课件、多媒体课件、多媒体课件、多媒体课件、FlashFlash网网网网站，网络游戏等站，网络游戏等站，网络游戏等站，网络游戏等第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.1 FlashCS3简介简介1996,futurewave1996.12,MM1997加入了新的动态和透明度支持 1998加入了MP3流媒体支持和动画动态支持 1999/1BW加了代码语言:ActionScript 1.0入了按钮,库,声音文件和色彩动态变化支持.200

4、0/922002视频,共享库和组件 2003ActionScript 升级为2.0,并且加大了对声音和视频的支持.加入了滤镜效果,GIF和PNG的图片支持,bitmap支持,20052006引入ActionScript 3,更加正规的编程方式,对XML 的全新支持等 2007.11一、一、Flash及其发展史及其发展史第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.1.1 Flash的特点的特点网络资源约束比较小，矢量动画网络资源约束比较小，矢量动画 播放采用流媒体技术播放采用流媒体技术制作成本低，节省人力

5、物力制作成本低，节省人力物力知识产权的保护知识产权的保护Flash动态网站的开发动态网站的开发交互性比较好交互性比较好 第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.2 Flash CS3的工作环境的工作环境Flash CS3是Micromedia公司被Adobe公司收购之后发布的最新版本的软件，其操作界面和环境都发生了比较大的变化，下面介绍该软件的操作界面和基本操作。第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.2

6、.1 Flash CS3的操作界面的操作界面第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.2.1 Flash CS3的操作界面的操作界面该界面主要被划分成7个区域：n标题栏：标题栏位于软件界面的最顶部，在标题栏的左边用于显示该软件和当前编辑的文件名。双击标题栏可以最大化软件窗口，右边有3个按钮，分别是“最小化”、“最大化”和“关闭”按钮。n菜单栏：菜单栏是Flash界面的控制中心，可控制Flash文件和自定义工作环境。主要包括11个主菜单，每个主菜单的下拉菜单中还包含了各种相应的操作命令和选项。为了方面用

7、户操作，各个主菜单下的很多子菜单都附有相应的快捷键，通过使用这些快捷键，用户可以直接执行相应的操作命令，从而提高效率。常用菜单栏的命令及简要说明见附录一。第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.2.1 Flash CS3的操作界面的操作界面n菜单栏：菜单栏是Flash界面的控制中心，可控制Flash文件和自定义工作环境。主要包括11个主菜单，每个主菜单的下拉菜单中还包含了各种相应的操作命令和选项。为了方面用户操作，各个主菜单下的很多子菜单都附有相应的快捷键，通过使用这些快捷键，用户可以直接执行相应的

8、操作命令，从而提高效率。常用菜单栏的命令及简要说明见附录一。n舞台：舞台是播放Flash电影时用户可看得到的区域。它包含所有可视的文档元素以及某些情况下不可视的文档元素，如文本、如下、视频和声音。第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.2.1 Flash CS3的操作界面的操作界面n工具栏：使用“工具”面板中的工具可以绘图、上色、选择和修改插图，并可以更改舞台的视图。n属性面板：是一个可用来修改文档和对象的面板。它是区分上下文的，属性会根据选中的对象发生变化。n时间轴：控制不同层中动画的帧数与帧的效

9、果，包括新层的增加、引导层的建立、层的删除及相关帧的操作。n浮动面板：可快速激活各常用面板，其中包括属性面板、动作面板、颜色面板、样本面板和库面板等。第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.2.2Flash CS3的基本操作的基本操作启动启动Flash CS3，新建一个，新建一个Flash文档文档 选择选择“新建新建”“Flash文件（文件（ActionScript 3.0）”进入界面进入界面 设置影片属性设置影片属性 使用快捷键使用快捷键Ctrl+F3打开属性面板打开属性面板 设置首选参数设置首选

10、参数 执行执行“编辑编辑”“首选参数首选参数”，打开，打开“首选参数首选参数”窗口窗口使用控制面板使用控制面板第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.2.2Flash CS3的基本操作的基本操作使用控制面板使用控制面板使用扩展剪贴板使用扩展剪贴板使用工具面板使用工具面板发布发布Flash文档文档第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.3 Flash动画的制作流程动画的制作流程设定舞台尺寸和安排场景设定舞台

11、尺寸和安排场景 执行执行“文件文件”“新建新建”，出现如图，出现如图1-8所示窗所示窗口，然后点击口，然后点击“Flash文件文件（ActionScript3.0）”，进入编辑界面。，进入编辑界面。第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.3 Flash动画的制作流程动画的制作流程点击“属性”面板上“大小”处的位置，在弹出的窗口中设置参数第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.3 Flash动画的制作流程动

12、画的制作流程 1.1.设定舞台尺寸和安排场景设定舞台尺寸和安排场景2.2.创建和插入动画成员：图形、影片、按钮元件创建和插入动画成员：图形、影片、按钮元件 3.3.设定动画效果：逐帧、运动和形状渐变动画设定动画效果：逐帧、运动和形状渐变动画 4.4.预览测试和发布动画预览测试和发布动画第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.3 Flash动画的制作流程动画的制作流程下面创建这个元件的内容，单击工具箱中的“T”按钮 在属性面板中设定字体第第第第1 1章章章章 FlashFlash动画制作基础与案例教学

13、动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.3 Flash动画的制作流程动画的制作流程点击“场景1”进入到舞台编辑区，执行“窗口”“库”或直接点击右上方的“库”或快捷键CrtlL 然后从元件库中将“元件1”拖动到舞台上，这时元件已经成为动画中的实例了。至此，新建、插入动画内容的工作全部完成。第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.3 Flash动画的制作流程动画的制作流程具体操作步骤如下：单击时间轴“图层1”的第15帧，按下F6快捷键，插入另外一个关键帧，这个关键帧的内容与

14、第一帧完全相同 在第1帧处，使用工具箱里面的按钮，选中元件1，在“属性”面板的“颜色”中，选中“alpha”，并设置其值为0 第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.3 Flash动画的制作流程动画的制作流程同第1步，在第30帧和第45帧处按下F6快捷键，创建两个关键帧。同第2步，将第45帧处的元件1的“alpha”值设置为0。下面是添加动画的重要步骤，右键单击时间轴中第1帧第15帧之间的任意一帧，从弹出的快捷菜单中选择“创建补间动画”，同样在第30帧第45帧之间的任意一帧中点击右键，选择“创建补间

15、动画”。第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.3 Flash动画的制作流程动画的制作流程预览测试动画预览测试动画 预览动画的方法是直接在工作区按预览动画的方法是直接在工作区按Enter键。键。动画的保存、输出与发布动画的保存、输出与发布 动画做好之后就要保存文件，方法是执行菜单中动画做好之后就要保存文件，方法是执行菜单中的的“文件文件”“保存保存”或者或者“另存为另存为”，就可，就可以将文件保存为以将文件保存为FLA的标准格式。的标准格式。动画的输出与发布过程也非常简单，执行动画的输出与发布过程也

16、非常简单，执行“文文件件”“发布设置发布设置”，设定好要输出的文件类，设定好要输出的文件类型（一般只要选中型（一般只要选中Flash即可），然后直接单击即可），然后直接单击“发布发布”按钮即可输出动画。按钮即可输出动画。第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.4 Flash的应用领域的应用领域网络广播网络广播制作游戏制作游戏MTV制作制作教学课件制作教学课件制作Flash电子贺卡电子贺卡产品宣传产品宣传站点建设站点建设制作视频文件制作视频文件制作制作Flash Lite手机动画手机动画第第第第1 1

17、章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案例教学1.5 Flash CS3的新增功能的新增功能Adobe Photoshop 和和 Illustrator 导入导入将动画转换为将动画转换为 ActionScriptAdobe 界面界面ActionScript 3.0 开发开发高级调试器高级调试器Adobe Device Central丰富的绘图功能丰富的绘图功能用户界面组件用户界面组件高级高级 QuickTime 导出导出第第第第1 1章章章章 FlashFlash动画制作基础与案例教学动画制作基础与案例教学动画制作基础与案

18、例教学动画制作基础与案例教学课堂总结课堂总结 本次课主要介绍了Flash CS3的基础知识，从Flash的发展史到Flash动画的基本特点，还通过实例讲解了使用Flash CS3版本的软件制作Flash动画的相关操作和界面功能的讲解，同时针对新增功能也做了详细的介绍和图例说明。同时引用通俗易懂且比较实用项目实例详细的讲解了Flash动画的制作流程。另外对Flash CS3的新增功能也做了简要的介绍，尤其是了解动画的输出和发布，能根据动画内容生成除FLA之外的其他格式的文件。本章的重点是熟悉动画制作相关的操作和界面功能设置，常用的面板有“属性”面板、“对齐”面板、“颜色”面板、“样本”面板、“库”面板和“动作”面板。掌握Flash动画的制作流程，无论多么复杂的Flash动画，都要遵循这个基本流程。深入了解了这个Flash动画的基本制作流程，真正的Flash动感之旅就要开始了！