Flash技术壁垒.docx

Flash技术壁垒.docx

《Flash技术壁垒.docx》由会员分享，可在线阅读，更多相关《Flash技术壁垒.docx（17页珍藏版）》请在冰点文库上搜索。

Flash技术壁垒

Flash技术壁垒

众所周知，Flash是美国著名的多媒体软件公司Macromedia开发的矢量图形编辑和交互式动画制作的专业软件。

利用它可以将音乐、声效、影片、动画以及富有新意的界面融合在一起，从而制作出高品质的网页动画和多媒体作品。

目前，Flash已成为一个非常流行的动画制作软件，并赢得了广大网页制作者与课件制作者的青睐。

在Flash的制作过程中，掌握一定的绘图方法与技巧，对日后更好地使用该软件进行创作是非常有好处的。

因为通过Flash绘图产生的矢量图，会使作品能以很小的体积表现出良好的品质。

在本章里，将以MacromediaFlashProfessional8中文专业版为平台（如图1.1所示），学习一些常用的绘图方法与图片处理效果。

图1.1

1.1创建第1个Flash作品

学习目的

掌握Flash8的界面

修改文档属性

保存文档

发布文档

实例效果

简单地创建一个元件移动渐变动画效果，利用这个实例来说明如何进行Flash的操作，如图1.2所示。

制作步骤

（1）运行Flash8，新建文档。

（2）选择“插入”|“新建文件”命令，打开“创建新元件”对话框，如图1.3所示。

图1.2

（3）在“创建新元件”对话框中，可以修改创建的元件的名称和类型。

现在创建一个名称为“圆”，行为为“图形”的元件，单击“确定”按钮，保存设置并进入该元件的编辑区，如图1.4所示。

图1.3图1.4

（4）选中工具栏中的椭圆工具

，在舞台中绘制一个圆形，如图1.5所示。

（5）单击时间轴上面的“场景1”按钮，返回到场景1，如图1.6所示。

图1.5图1.6

（6）选择“窗口”|“库”命令，打开“库”面板，在“库”面板中存有刚才创建的图形元件“圆”，如图1.7所示。

（7）按住“库”面板中“圆”图形元件不放，拖曳至舞台中（图层1的第1帧），如图1.8所示。

图1.7图1.8

（8）选择图层1的第30帧，右击，在快捷菜单中选择“插入关键帧”命令，插入一个关键帧，并将此帧中的元件位置向右移动一段距离，如图1.9所示。

（9）在第1帧和第30帧之间任意一帧，右击，在快捷菜单中选择“创建补间动画”命令，创建补间动画，如图1.10所示。

图1.9图1.10

（10）选择“文件”|“保存”命令，打开“另存为”对话框，将文件命名保存。

实例讲解

1．Flash8的操作界面

双击Flash8快捷图标，即可进入Flash8“开始页”，如图1.11所示。

图1.11

“开始页”中有“打开最近项目”、“创建新项目”和“从模板创建”等项目。

在“打开最近项目”中可以快速地找到最近打开过的文档；在“创建新项目”中，可以创建“Flash文档”、“Flash幻灯片演示文稿”、“Flash表单应用程序”、“动作脚本文件”、“动作脚本应用文件”、“FlashJavaScript文件”、“Flash项目”等文档，一般常用的是“Flash文档”；在“从模板创建”项目中，可以选择“幻灯片演示文稿”、“广告”、“测验”等项目，这些项目都是Flash8预置的模板，可以直接应用。

单击“Flash文档”按钮，会进入Flash的操作界面，如图1.12所示。

图1.12

Flash的操作界面一般可以分成七个部分，分别是标题栏部分、菜单栏部分、工具栏、时间轴、舞台、固定面板和活动面板。

标题栏部分位于操作界面的最上面，左边显示软件的版本及当前文件的名称，右边是一些窗口常用的操作按钮，如最小化、最大化（还原）和关闭按钮，如图1.13所示。

图1.13

菜单栏部分位于标题栏的下方，包含“文件”、“编辑”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”、“帮助”等命令，如图1.14所示。

图1.14

工具栏位于菜单栏的左下方，里面包含了各种常用的工具，如图1.15所示。

时间轴位于菜单栏的下方，是创建动画效果的主要功能区域，如图1.16所示。

舞台位于时间轴下方，是动画中各个元件的表现区域，元件只有在舞台（白色区域）中，才可以在文档发布以后展示出来，如图1.17所示。

图1.15

图1.16

图1.17

固定面板包括“动作”面板、“帮助”面板和“属性”面板，Flash8将这些面板固定在舞台的下方，便于制作者使用，这也显示了Flash8的人性化操作理念，如图1.18所示。

图1.18

活动面板部分位于舞台的右侧，这个区域包括“混色器”面板、“行为”面板、“组件”面板和“库”面板等，它们是可以移动的，如图1.19所示。

图1.19

2．修改文档属性

创建了一个新文档以后，文档的属性会使用默认值来设置，如图1.20所示。

在实际创作中，Flash的属性要求往往会与默认值不符，这样就需要手动来修改。

选择“修改”|“文档”命令，打开“文档属性”对话框，在对话框中可以修改文档的名称、尺寸、背景颜色、帧频和标尺单位等参数。

例如修改成一个适合于非线性编辑的Flash文档，如图1.21所示。

图1.20图1.21

单击“确定”按钮，即可保存对文档属性的修改。

3．发布文档

完成Flash动画作品的制作以后，若要发布文档，则需生成Flash的播放文件——SWF格式，这样才可以通过网络来进行传播。

选择“文件”|“发布设置”命令，打开“发布设置”对话框，在“类型”中可以看到，Flash可以发布成SWF、HTML、GIF、JPG、PNG、EXE、HQX、MOV等格式文件。

只要在对应的文件类型前选中复选框，就可以打开这个格式的标签，如图1.22所示。

以发布SWF格式文件为例，在对话框中选择Flash选项卡，选项设置如图1.23所示。

图1.22图1.23

“版本”：

可以选择发布的Flash版本，一般采用默认的设置。

“加载顺序”：

可以选择影片的加载顺序是“由上至下”或“由下至上”，一般采用默认的设置。

“动作脚本版本”：

可以选择动作脚本的版本号，一般采用默认的“动作脚本2.0”。

“选项”：

包含生成大小报告、防止导入、省略跟踪动作、允许调试、压缩影片、覆盖声音设置和导出设置声音等设置项目。

当想要对自己的作品进行保护时，可以在选项设置中选中“防止导入”复选框。

同时，也可以为这个防止导入加上一个密码。

另外，在压缩影片时，还可以根据制作需要，对JPEP品质、音频流和音频事件进行相应的设置。

练习题

仿照本节例子，制作一个简单的Flash动画。

1.2绘画一个小动物

学习目的

直线工具的使用

箭头工具的使用

椭圆工具的使用

颜料桶工具的使用

刷子工具的使用

实例效果

利用Flash8的绘图功能绘制小鸡。

通过该例子掌握直线工具、箭头工具、椭圆工具、刷子工具和填充工具等常用工具的使用方法，如图1.24所示。

图1.24

制作步骤

（1）运行Flash8，新建一个文档。

（2）选择“修改”|“文档”命令，将文档属性设置为宽500像素，高300像素，颜色设置为绿色，如图1.25所示。

（3）在工具栏中选择椭圆工具

，并将笔触颜色

设置为黑色，填充颜色

设置为黄色。

然后在舞台中绘制一个椭圆，如图1.26所示。

图1.25图1.26

（4）再在舞台上绘制一个比上面稍小一点的椭圆，并利用箭头工具

将它的位置放好，如图1.27所示。

（5）选中工具栏上的刷子工具

，刷子形状设置为圆形，刷子大小选择一个比较小的。

然后在舞台中较小的椭圆上画出小鸡的眼睛，如图1.28所示。

图1.27图1.28

（6）在工具箱中选择直线工具

，并设置其属性：

笔触颜色为黑色，笔触高度为2.5，笔触样式为实线，如图1.29所示。

图1.29

（7）利用直线工具在舞台小鸡的身体部分画出小脚和小嘴，如图1.30所示。

（8）用箭头工具选中小鸡，选择“编辑”｜“复制”｜“粘贴到中心位置”命令，复制出多只小鸡。

选择“修改”｜“变形”｜“缩放和旋转”命令，改变小鸡的位置，如图1.31所示。

图1.30图1.31

（9）按Ctrl+Enter键，测试影片，最后进行保存。

实例讲解

1．直线工具笔触的设置

直线工具是在Flash中使用得比较多的常用工具之一。

平时除了可以使用系统预设的几种常用格式外，还可以对直线工具的笔触进行个性化的设置。

具体的操作方法如下：

（1）单击直线工具属性窗口最右端的“自定义”按钮，即可弹出“笔触样式”的对话框，如图1.32所示。

（2）单击“类型”下拉列表框，即可查看到系统提供的相关笔触类型，分别有实线、虚线、点状线、锯齿状、点描和斑马线，如图1.33所示。

（3）可以根据自己的需要，选择不同的类型进行不同数值的设置。

这里以斑马线为例，进行一些设置，如图1.34所示。

图1.32

图1.33图1.34

斑马线设置中提供了以下一些项目的设置，有浓度、间隔、微动、旋转、曲线和长度。

而每一个项目都有相应的数值，可以根据自己的需要进行不同的设置。

每一个选项的改变，都可以从对话框左上角的预览窗口中查看。

2．椭圆工具的一些相关知识

椭圆工具在Flash制作中经常使用。

一般来说，选择椭圆工具后，在舞台中随便一拖即可画出一个椭圆。

但有时候会因为制作需要，要求画出的圆必须是正圆，这时可以在画圆的同时，按住Shift键，就可以画出一个正圆了。

另外，有时候在画圆时，要求图形没有边框和填充颜色。

这时，可以通过两种方法实现。

方法一：

利用椭圆工具画完一个圆后，再用箭头工具选择不要的部分，将其直接删除即可。

方法二：

在画圆前对椭圆工具的属性进行边框或填充颜色上的相应设置。

选中笔触颜色或填充颜色右边的小三角按钮，在弹出的颜色选择框的右上方，选择没有颜色的“透明”按钮

即可，如图1.35所示。

3．颜料桶工具的设置

颜料桶工具的使用是否得当，会直接影响作品的质量。

当选中颜料桶工具

后，便可以在其属性窗口中进行相应的设置。

在填充选项里，提供了三种方式的填充效果：

纯色填充、线形填充和放射性设置，如图1.36所示。

图1.35图1.36

如果对系统预设的这些颜色不满意，可以通过“混色器”进行个性化修改，如图1.37所示。

颜色设置好后，还可以根据要填充区域的特点，进行相应选项的设置。

如不封闭空隙、封闭小空隙、封闭中等空隙和封闭大空隙，如图1.38所示。

4．刷子工具

在Flash作品中，要快速绘制出一些小圆点、小方格和小雨点等图形时，可以直接使用刷子工具。

刷子工具提供了9种不同的刷子形状和10个不同的刷子大小供我们使用，如图1.39所示。

图1.37图1.38图1.39

练习题

利用本节所学的工具绘制一些小动物，并将它们保存，方便日后调用。

1.3绘画一个植物

学习目的

钢笔工具的使用

橡皮刷工具的使用

实例效果

利用Flash8的绘图功能画一棵小树，如图1.40所示。

通过该例子掌握一些常用工具的使用方法。

（1）运行Flash8，新建一个文档。

（2）选择“修改”|“文档”命令，将文档属性设置为宽550像素，高400像素，颜色设置为蓝色，如图1.41所示。

图1.40图1.41

（3）选择工具箱中的钢笔工具

，在舞台中描出树的枝干部分，如图1.42所示。

（4）用钢笔工具描出树的叶子部分，如图1.43所示。

（5）选择工具箱中的颜料桶工具，分别对树干和树叶部分填充上灰色和绿色，如图1.44所示。

图1.42图1.43图1.44

（6）按Ctrl+Enter键测试影片，最后保存文件。