多媒体技术(Flash)

1、实用篇实用篇 Flash 动画制作动画制作 Flash是一种基于矢量图形的交互式多媒体技术是一种基于矢量图形的交互式多媒体技术, ,是是矢量图编辑和动画创作专业软件矢量图编辑和动画创作专业软件, ,主要应用于网页设主要应用于网页设计和多媒体创作等领域计和多媒体创作等领域, ,功能十分强大和独特。功能十分强大和独特。 只要你具备一些只要你具备一些Photoshop的基础的基础, ,就可以轻松自就可以轻松自如地用如地用FlashFlash制作出交互式的多媒体动画。制作出交互式的多媒体动画。 实用篇实用篇 Flash 动画制作动画制作 是一种交互式动画设计工具（多媒体动画）是一种交互式动画设计工具（

2、多媒体动画） 采用的是矢量绘图技术采用的是矢量绘图技术, ,有别于以前我们常用于网有别于以前我们常用于网 络的络的 GIFGIF，节省了动画文件的大小（，节省了动画文件的大小（矢量图无限放矢量图无限放 大而不损坏图象质量）大而不损坏图象质量） 强调交互强调交互, ,就是让观众在一定程度上参与动画进行就是让观众在一定程度上参与动画进行, , （如（如FlashFlash动画游戏）动画游戏） 有着较强的程序功能有着较强的程序功能( Action Script ) ( Action Script ) 实用篇实用篇 Flash 动画制作动画制作 动画短片的制作动画短片的制作 （常见的多媒体光盘的片头动

3、画（常见的多媒体光盘的片头动画 简单的产品展示、简单的产品展示、FlashFlash贺卡贺卡 ） 交互式的商业应用交互式的商业应用 （WebWeb电子地图等网页的制作，电子地图等网页的制作， Flash MTVFlash MTV等等 ） 既有动画短片既有动画短片, ,又有交互内容的综合应用（网页广告又有交互内容的综合应用（网页广告 的制作的制作, ,网络交互式游戏开发网络交互式游戏开发, ,教学课件的开发等教学课件的开发等 ） 实用篇实用篇 Flash 动画制作动画制作动画特点动画特点u图形矢量化图形矢量化u浏览流式化浏览流式化u控制交互化控制交互化u技术共享化技术共享化 矢量图矢量图非矢量图

4、非矢量图http:/ http:/ 实用篇实用篇 Flash 动画制作动画制作Flash的工作环境的工作环境对象、动画制作对象、动画制作图层、组件与场景图层、组件与场景外部素材的使用外部素材的使用输出与发布输出与发布实用篇实用篇 Flash 动画制作动画制作标题栏菜单栏工具箱控制面板属性面板舞台工作区时间轴面板实用篇实用篇 Flash 动画制作动画制作工具栏工具栏实用篇实用篇 Flash 动画制作动画制作工具箱工具箱工具部分：包括绘画、填色、选择等查看部分：缩放和手形工具颜色部分：笔触和填充色选项部分：选定工具的辅助工具实用篇实用篇 Flash 动画制作动画制作时间轴面板：时间轴面板：用于组织

5、和控制对象内容在一定的时间内播放用于组织和控制对象内容在一定的时间内播放 的层数和帧数。的层数和帧数。层区帧状态栏时间轴标尺播放指针实用篇实用篇 Flash 动画制作动画制作动作面板：动作面板：可以创建和编辑对象或帧的可以创建和编辑对象或帧的ActionScript代码。代码。 实用篇实用篇 Flash 动画制作动画制作属性面板组：属性面板组：包括属性、滤镜、参数。包括属性、滤镜、参数。【属性属性】面板可以快捷地设置舞台或时间轴上当前选定对象的常用属性。面板可以快捷地设置舞台或时间轴上当前选定对象的常用属性。【滤镜滤镜】面板是面板是Flash8Flash8的新增功能，大大增强了设计方面的能力。

6、的新增功能，大大增强了设计方面的能力。【参数参数】面板只用于组件。面板只用于组件。实用篇实用篇 Flash 动画制作动画制作颜色面板组：颜色面板组：包括混色器和颜色样本，主要用于填充和绘制包括混色器和颜色样本，主要用于填充和绘制 对象颜色。对象颜色。使用使用【混色器混色器】可以创建和编辑纯色及渐变填充，调制出大量的颜色，以设可以创建和编辑纯色及渐变填充，调制出大量的颜色，以设置笔触、填充色和透明度等。置笔触、填充色和透明度等。实用篇实用篇 Flash 动画制作动画制作对齐面板：对齐面板：包括对齐、分布、匹配大小和间隔包括对齐、分布、匹配大小和间隔4个选项组。个选项组。信息面板：信息面板：对象的

7、大小、位置和颜色信息等。对象的大小、位置和颜色信息等。变形面板：变形面板：对对象进行旋转、倾斜、大小等变形。对对象进行旋转、倾斜、大小等变形。实用篇实用篇 Flash 动画制作动画制作库面板：库面板：相当于资源管理器。相当于资源管理器。实用篇实用篇 Flash 动画制作动画制作标尺、辅助线、网格等标尺、辅助线、网格等实用篇实用篇 Flash 动画制作动画制作FlashFlash文件操作文件操作实用篇实用篇 Flash 动画制作动画制作FlashFlash文件操作文件操作文件格式：文件格式：.FLA、.SPA、.SSK.SWF（已发布的动画文件）（已发布的动画文件）实用篇实用篇 Flash 动画

8、制作动画制作对象制作对象制作 图形制作图形制作线条工具椭圆工具矩形工具铅笔工具钢笔工具刷子工具轮廓线填充区域墨水瓶工具颜料桶工具吸管工具只填充起始点所在封闭曲线的内部区域只填充被选择的区域成为背景，在图像的最下层只覆盖图形，不覆盖轮廓线实用篇实用篇 Flash 动画制作动画制作对象制作对象制作 文本编辑文本编辑静态文本静态文本动态文本动态文本可输入文本可输入文本位图位图外观、渐变色外观、渐变色矢量图矢量图实用篇实用篇 Flash 动画制作动画制作动态文本动态文本 输入的文字相当于变量，可以工具服务器的输入输入的文字相当于变量，可以工具服务器的输入 不断修改和更新。常用于分布天气预报、财经信不断

9、修改和更新。常用于分布天气预报、财经信 息等，也可作为结果输出框。息等，也可作为结果输出框。输入文本输入文本 可编辑。可编辑。实用篇实用篇 Flash 动画制作动画制作对象制作对象制作 对象编辑对象编辑选取擦除变形对图形渐变色进行处理和位图填充。通过选择对象的锚点对对象进行编辑、移动、变形等操作。可以选择轮廓线、填充色、文字等及多个对象的选择。只对位图（GIF、JPEG、PNG）起作用，现将位图打散（CtrlB）。实用篇实用篇 Flash 动画制作动画制作对象的群组对象的群组对象的打散对象的打散对齐和排列对齐和排列对象的叠放对象的叠放对象制作对象制作 多对象编辑多对象编辑实用篇实用篇 Flas

10、h 动画制作动画制作动画制作动画制作 基本概念基本概念逐帧动画：逐个图形画面制作渐变动画：只制作动画的首帧和尾帧时间轴关键帧帧速率实用篇实用篇 Flash 动画制作动画制作动画制作动画制作 渐变动画渐变动画运动渐变动画 创建补间动画，对象大小、位置、旋转渐变形状渐变动画 帧属性设为形状，对象形状、位置、颜色渐变复杂的形状渐变动画 添加形状提示点实用篇实用篇 Flash 动画制作动画制作图层、组件与场景图层、组件与场景帧序列 1帧序列 m帧序列 nFlash 图层 场景 1场景 m场景 nFlash 动画 组件 1A组件m组件 nFlash 场景 图层 1图层 m图层 nFlash 组件 实用篇

11、实用篇 Flash 动画制作动画制作图层、组件与场景图层、组件与场景 图层及使用图层及使用实用篇实用篇 Flash 动画制作动画制作图层、组件与场景图层、组件与场景图层及使用图层及使用普通图层 遮罩图层被遮罩图层引导图层被引导图层实用篇实用篇 Flash 动画制作动画制作图层、组件与场景图层、组件与场景元件及实例元件及实例元件实例 库实用篇实用篇 Flash 动画制作动画制作图层、组件与场景图层、组件与场景场景及使用场景及使用实用篇实用篇 Flash 动画制作动画制作外部素材的使用外部素材的使用实用篇实用篇 Flash 动画制作动画制作外部素材的使用外部素材的使用事件声音：声音与图像不同步流式

12、声音：动画与声音同步文件导入导入到库实用篇实用篇 Flash 动画制作动画制作输出与发布输出与发布实用篇实用篇 Flash 动画制作动画制作输出与发布输出与发布实用篇实用篇 Flash 动画制作动画制作实用篇实用篇 Flash 动画制作动画制作实用篇实用篇 Flash 动画制作动画制作实用篇实用篇 Flash 动画制作动画制作第一步：设计钟面第一步：设计钟面 1). 1). 新建一个新建一个FlashFlash文档，单击文档，单击“属性属性”面板中的面板中的“尺寸尺寸”按钮，打开按钮，打开“文档属性文档属性”面板设置场景大小为面板设置场景大小为400px400px* *400px400px，背

13、，背景为墨蓝色（景为墨蓝色（#00659C#00659C），帧频为），帧频为12fps12fps。2). 2). 按快捷键按快捷键Ctrl+F8Ctrl+F8打开打开“新建元件新建元件”面板，创建一个面板，创建一个“钟盘钟盘”图形元件。双击图形元件。双击“钟盘钟盘”元件中的元件中的“图层图层1 1”三字，将三字，将其名改为其名改为“钟盘钟盘”。这样做方便对元件的管理和修改，提高工。这样做方便对元件的管理和修改，提高工作效率。作效率。实用篇实用篇 Flash 动画制作动画制作3)3)点选工具栏中的点选工具栏中的“椭圆工具椭圆工具” 并去掉填充色。按住并去掉填充色。按住ShiftShift键键和鼠

14、标左键在和鼠标左键在“钟盘钟盘”元件的场景中拉出一个空心圆来。用元件的场景中拉出一个空心圆来。用“箭箭头工具头工具” 点选刚才绘制的空心圆后，设置其点选刚才绘制的空心圆后，设置其“属性属性”面板。在面板。在点选空心圆后也可以按快捷键点选空心圆后也可以按快捷键Ctrl+ICtrl+I打开打开“信息面板信息面板”进行设置。进行设置。现在现在“信息面板信息面板”的用处就是设置元件的原点的用处就是设置元件的原点以场景的左顶以场景的左顶点为原点或以场景的中心点为原点点为原点或以场景的中心点为原点 。 实用篇实用篇 Flash 动画制作动画制作4). 4). 按快捷键按快捷键Shift+F9Shift+F

15、9打开打开“混色器混色器”面板，面板，在下拉菜单里在下拉菜单里选择选择“放射放射”选选项。如图项。如图4 4所示所示设置，左面滑设置，左面滑 块的颜色为块的颜色为#880000#880000，右边，右边滑块的颜色为滑块的颜色为#650101#650101。 实用篇实用篇 Flash 动画制作动画制作5). 5). 点选点选“颜料桶工具颜料桶工具” ，在空心圆中心单击一下，在空心圆中心单击一下鼠标左键着色。鼠标左键着色。6). 6). 点选刚才绘制的空心圆，按快捷键点选刚才绘制的空心圆，按快捷键Ctrl+CCtrl+C（复（复制），和快捷键制），和快捷键Ctrl+VCtrl+V（粘贴）复制出一个

16、空心圆。（粘贴）复制出一个空心圆。紧接着在紧接着在“属性面板属性面板”中将其大小设成中将其大小设成280px280px* *280px280px，X X轴，轴，Y Y轴的值设为轴的值设为-140px-140px，线宽为，线宽为2px2px。这样使两个空。这样使两个空心圆的圆心重合。删除圆最外的边线。内圆线宽为心圆的圆心重合。删除圆最外的边线。内圆线宽为2px2px可以显示出钟盘的层次感。可以显示出钟盘的层次感。实用篇实用篇 Flash 动画制作动画制作7). 7). 按快捷键按快捷键Ctrl+ACtrl+A全选场景中的元素，按快捷键全选场景中的元素，按快捷键Ctrl+GCtrl+G把它们组合。

17、到这里，一个具有立体感的钟把它们组合。到这里，一个具有立体感的钟盘就完成了。最终效果如图盘就完成了。最终效果如图5 5所示。所示。 实用篇实用篇 Flash 动画制作动画制作第二步：设计时钟刻度第二步：设计时钟刻度 1). 1). 点选点选“线条工具线条工具” 拉出一条横线（长于钟拉出一条横线（长于钟面外圆的直径），用面外圆的直径），用“箭头工具箭头工具”点选它，按快捷键点选它，按快捷键Ctrl+GCtrl+G组合它。在组合它。在“属性属性”面板里把该横线的面板里把该横线的Y Y轴值轴值设为设为0 px0 px（穿过圆心）。同样方法绘制一条穿过圆心（穿过圆心）。同样方法绘制一条穿过圆心的竖线，

18、按快捷键的竖线，按快捷键Ctrl+GCtrl+G组合。组合。 实用篇实用篇 Flash 动画制作动画制作2). 2). 点选横线，按快捷键点选横线，按快捷键Ctrl+CCtrl+C复制，再按快捷键复制，再按快捷键Ctrl+VCtrl+V粘贴出一条横线。粘贴出一条横线。按快捷键按快捷键Ctrl+TCtrl+T打开打开“变变形形”面板。在弹出的面板。在弹出的“变变形形”面板里，把面板里，把“旋转旋转”选项里将线条的角度改为选项里将线条的角度改为30o30o。然后敲击。然后敲击EnterEnter确定。确定。再分别制作出角度为再分别制作出角度为6060o o、120120o o、150150o o的

19、三条斜线。的三条斜线。最终设置如图最终设置如图6 6所示。所示。 实用篇实用篇 Flash 动画制作动画制作3). 3). 单击单击“时间轴时间轴”面板里的面板里的“插入图层插入图层”图标图标 新建一层，将层改名为新建一层，将层改名为“刻度刻度”。4). 4). 点选点选“文本工具文本工具” ，如图，如图7 7所示设置所示设置“属性属性”面板，面板，“文本填充色文本填充色”为黑色。在为黑色。在“钟盘钟盘”各刻度的各刻度的位置写下位置写下1212个数字。点选个数字。点选“椭圆工具椭圆工具”，在钟盘的中，在钟盘的中心绘制一个直径为心绘制一个直径为8px8px的盘心，最后删除刻度线。在整的盘心，最后

20、删除刻度线。在整个设计中，刻度线的作用是很重要的，有了刻度线，个设计中，刻度线的作用是很重要的，有了刻度线，不但操作起来方便，标出的刻度也很精确。不但操作起来方便，标出的刻度也很精确。实用篇实用篇 Flash 动画制作动画制作5). 5). 按快捷键按快捷键Ctrl+ACtrl+A全选所有全选所有刻度，按快捷键刻度，按快捷键Ctrl+GCtrl+G将它们组将它们组合。这样，一个合。这样，一个具有立体感的钟具有立体感的钟盘就完成了。最盘就完成了。最终效果如图终效果如图8 8所所示。示。 实用篇实用篇 Flash 动画制作动画制作 第三步：设计指针第三步：设计指针 1 1）按快捷键）按快捷键Ctr

21、l+F8Ctrl+F8打开打开“新建元件新建元件”面板，分别创面板，分别创建名为建名为“时针时针”、“分针分针”、“秒针秒针”的影片剪辑元件。的影片剪辑元件。指针的形状大家随便设计，指针的形状大家随便设计，美观大方即可。不过，有个美观大方即可。不过，有个技术上的问题大家一定要注技术上的问题大家一定要注意：指针在由程序控制转动意：指针在由程序控制转动后，是围绕元件场景中心后，是围绕元件场景中心“”旋转的。所以设计时，旋转的。所以设计时，指针的尾部一定要指针的尾部一定要“”上，上，如图如图9 9所示。所示。 实用篇实用篇 Flash 动画制作动画制作第四步：旋转指针第四步：旋转指针 1). 1).

22、 按快捷键按快捷键Ctrl+ECtrl+E回到回到“场景场景1 1”，新建四个层，分，新建四个层，分别改名为别改名为“钟盘钟盘”、“时时针针”、“分针分针”、“秒针秒针”。2). 2). 按快捷键按快捷键Ctrl+LCtrl+L打开打开“库库”面板，把库中的面板，把库中的“钟钟盘盘”、“时针时针”、“分针分针”、“秒针秒针”元件拖入相应的层。元件拖入相应的层。注意：每个元件的尾部注意：每个元件的尾部“”都要附在钟面的盘心上；层都要附在钟面的盘心上；层的顺序不要颠倒；锁定或隐的顺序不要颠倒；锁定或隐藏设计好的层，以便设计其藏设计好的层，以便设计其它层。如图它层。如图1010所示。所示。实用篇实用篇 Flash 动画制作动画制作3). 3). 分别点选分别点选“时针时针”、“分针分针”、“秒针秒针”三个三个影片元件，在影片元件，在“属性属性”面板里分别设置其实例名为面板里分别设