农远资料Flash课件制作演讲稿.docx

农远资料Flash课件制作演讲稿.docx

《农远资料Flash课件制作演讲稿.docx》由会员分享，可在线阅读，更多相关《农远资料Flash课件制作演讲稿.docx（18页珍藏版）》请在冰豆网上搜索。

农远资料Flash课件制作演讲稿

《FLASH课件制作》培训演讲稿

一、基础应用——什么是FLASH

Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。

它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。

用途和优点：

1.使用矢量图形和流式播放技术。

与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。

2.通过使用关键帧和图符使得所生成的动画（.swf）文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。

3.把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画（电影）效果。

而且在Flash4.0的版本中已经可以支持MP3的音乐格式，这使得加入音乐的动画文件也能保持小巧的‘身材’。

4.强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTION和FSCOMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。

至少需要两个文件

.fla（编辑文件，以便修改，所有内容都在这里，容量大于电影文件）

.swf（电影文件，进行压缩和优化过的，导出的文件一般不可编辑）

三个关键因素

运动（符号从一个位置到另一个位置，就产生了运动）可见的

时间（产生这段运动需要一个时间段）记载运动发生在什么时候

交互（在运动过程中产生停顿或其它变形操作，就涉及到交互）可操作的

操作界面

Ø标题栏（应用程序的名称和工作对象的名称）

Ø菜单栏

Ø工具栏

Ø绘图工具栏（进行图象或选区操作）

Ø图层和时间线

时间线（红色标记线，播放磁头，可以在时间线中任意移动，显示舞台上的当前帧）

可以修改帧的显示方式（右上角帧视图菜单——宽窄、高度、内容帧的颜色、内容微缩显示到帧）

Ø绘图工作区（显示动画文件、进行浏览、描绘和编辑）

菜单

文件（文件的打开、关闭、保存）

编辑（剪切、拷贝、粘贴动画中的各种对象）

视图（控制屏幕的各项命令）

插入（增加图标、增加新层、增加新帧、增加新场景）

修改（修改动画的对象、场景以及动画本身的特性）

文本（设置文字字体、大小、样式、间距、对齐方式、还可进行旋转、调整大小比例、倾斜和翻转等变形操作）

控制（决定动画的播放方式）

窗口（控制FLASH编辑窗口的布局）

帮助（包含了联机帮助、英文教程和示例动画）

创建新电影及设置其属性

新建电影（修改-电影属性）

Ø帧（每秒显示的动画帧数，一般8—12帧）

Ø宽度和高度

Ø匹配打印（将舞台设置为最大打印区域），匹配内容（自动调整电影画面内容，一般在动画制作完毕后进行操作，使画面根据所创建的内容达到最小）

Ø背景色（下拉选择）

Ø测量单位（英寸、磅、厘米、毫米、像素）

打开动画文件

可以打开四种格式的文件（fla，spa，ssk，swf，swf由自带插件打开）

保存和关闭动画

二、使用绘图工具绘制图形

图形绘制是FLASH的起点。

动画效果就是图形进行运动变化所产生的组合效果。

图形绘制、用色、安排都将直接影响到动画文件的效果。

¨箭头工具（用来选取、移动和修改图形，还推拉图形线条进行修改）

选取（单击选取对象将会覆盖上一层灰色，双击，选中与该对象相连的其它对象）

移动对象

修改（修改对象只限于线条，不能修改填充区域或创建的符号，要在没有选中对象的情况下，可以修改，也可以对矩形角进行拉伸——鼠标形状改变）

平滑、锐化、缩放和旋转（shift键45度旋转）

¨对象选择工具（对对象的关键点进行操作）

在矩形上修改关键点

²在圆形上修改关键点（产生控制手柄）

¨直线工具（绘制从起点到终点的直线，也可拖动成曲线）

在拖动鼠标的同时按下shift键，可绘制水平、垂直、45度直线

（案例：

用直线曲线绘制图案）

¨套索工具（选择对象的不规则区域）（自动封闭起点终点）

三个扩展修正功能

Ø魔术棒工具

Ø魔术棒属性

Ø多边形套索（完成选择后双击）

¨钢笔工具（绘制图形路径，相近节点将自动连接成直线）

增加节点和删减节点，圆角转换成锐角

¨文字工具（文字是动画重要组成部分，用来创建和编辑文本）

（此处简述，下一章节详诉）

¨椭圆工具（绘制椭圆）

S键绘制正圆

可进行边缘线和填充颜色设置（填充和边线是独立的，可分别进行操作）

¨矩形工具（绘制矩形）

与上基本相同

双击矩形或点击下面扩展属性，设置圆角矩形的拐角角度

（案例：

用钢笔和椭圆工具绘制鱼和小鸭）

¨铅笔工具（在场景中指定帧上绘制线条和形状）

Ø自动修整模式（拉直、平滑、墨水瓶）前两种模式会接近端点自动连接

Ø设置线形和线宽（结合菜单轮廓属性）（修改线形、粗细、颜色）

Ø自定义线形

实线

²虚线（均匀间隔的线条构成）

²点划（间隔相等的点构成）

²粗糙（间隔相等的粗糙短线构成）

²点刻（模拟手刻的效果）

阴影线（绘制复杂的阴影线）

（案例：

用铅笔绘制小鹿）

¨画笔工具（绘制象是很粗毛笔所画出的线条）

与铅笔工具的不同，铅笔只是线条，画笔绘制的是区域而没有边缘线

修正选项

²正常笔刷（新线条覆盖旧线条）

²填充笔刷（旧图形轮廓线被保留）

²后置笔刷（新绘制图形在旧图形后面）

²选择笔刷（在指定区域内显示笔刷效果）

²内置笔刷（在绘制起点的区域中画线）

笔刷形状（可绘制不同的笔刷效果）

²大小

²形状

（案例，绘制民居）

¨墨水瓶（修改已经存在的线条样式）

¨油漆桶（填充某个区域）

²单色填充（填充带有缺口的图形？

）

²渐变填充（线形填充和中心渐变填充，默认线形3种，中心渐变4种）可自行创建颜色样式保存，在色彩面板删除，渐变关键点最多加8个，删除往下一拉即可

²位图填充（选中油漆桶扩展工具，可对填充区域修改大小、方向、位置）

（案例：

1、辉光和黄色光球；2、金属珠；3、金属字和立体文字；4、按钮，5、渐变字）

金属球

¨吸管工具（从现有屏幕中取得颜色和样式）

¨橡皮工具（擦除工作区中的图形，也可以当作一枝画笔）

扩展水龙头工具，可把需要擦除的对象全部擦除

擦除模式

Ø正常擦除

Ø仅擦除填充区域

Ø仅擦除线条

Ø仅擦除选中的选中的填充区域

Ø仅擦除鼠标起始点所在的填充区域

¨抓手和缩放工具

按住shift键同时，在工作区中按下鼠标拖动，也可达到抓手效果

放大和缩小

三、使用对象

选择对象

移动对象（四种方法）

²直接鼠标拖动

²剪切后复制（粘贴和按原位置粘贴）

²使用方向键移动（默认1像素，shift+移动可每次8像素）

²直接在对象（object）面板中指定对象精确位置（相对左上角的坐标值）

叠放对象

调整对象比例

²箭头选择，直接拖拉

²变形（transform）检查器

旋转对象

²箭头工具，旋转修改器

²变形检查器（负值逆时针，正值顺时针）

翻转对象（沿着水平和垂直坐标轴进行的）

²变形检查器

还原（修改－转换－移除转换）

对齐

打开工具条对齐工具

组合和分离对象（像控制单一对象一样控制多个被组合的对象）

²组合：

修改——组合（例：

一朵梅花）快捷键ctrl+g

²编辑组合体：

双击对象（或编辑—编辑选定对象）；编辑完成后双击空白处（或编辑—编辑全部对象），即还原为单个对象

²不是所有的分离操作都可以逆转，建议不要分离动画符号，该操作会导致不可预测的后果，分离复杂符号和大的文本都需要较长时间

四、使用文字

使用文字

flash将文字导出到电影中，在某个平台环境上输入的文字可能在其他平台或没有安装相同的字体，将不能正常显示，

特殊字体，来避免上述可能会发生的问题。

Sans、serif、typewriter。

当采用这些字体时，播放器可自动使用本机上最接近的字体进行显示。

还可以使发布的电影变小。

适用于大块文本。

分离字符，转换为形状，也可以解决文字冲突，但该操作会使文件变大。

输入文字

Ø不固定宽度，单行模式（调整柄为圆形）

Ø固定宽度模式，输入框限定宽度（调整柄在右上角，为方形）

编辑文本

剪切、复制、粘贴，在flash文件之间和其他程序之间移动文本

设置文本属性

Ø字体、字号、样式

Ø设置边距、缩进、行距

Ø定义颜色（只能使用纯色而不能使用过渡颜色）

Ø对齐（左、中、右对齐、分散对齐）

Ø

重新调整文字形状

要重新调整文字形状，必须转换为线条和填充。

一旦转换后，就不能像文字一样进行编辑了。

修改—分离（打散）ctrl+b

（案例：

自定义文字）

五、使用导入的图形图象

可以使用其他应用程序中创建的图形图象，矢量和位图均可。

位图也可以转换为矢量图。

放置图形图象]

文件—导入注意点：

如果导入的文件包含多个层，则在FLASH也可能创建层

如果导入的文件以数字结尾的，并和其他序列文件在一个文件夹下，则会自动识别为图象序列，提示是否导入图象序列。

“是“或“否”

描摹位图（将位图转换为可编辑的矢量图）

修改—描摹位图

Ø颜色界限（色彩容差程度0—500，数值越大转换出来的颜色越少，转换时间也短）

Ø最小范围（最小的度量区域1—100，以像素为单位）

Ø曲线适应（曲线的平滑程度，平滑度越高失真也越明显）

Ø边教界限（矢量图的边角数量，较小边角增大转换后的失真率）

六、符号的创建与编辑（制作动画的第一步，就是创建符号）

Ø符号是驻留在库中的，重复调用的元素，不会增加文件的大小；

Ø如果符号被修改，应用于电影的实体也做相应的修改，尤其对于重复元素，修改更加简捷。

符号的三种类型

¨图形符号（可使用时间线、绘图工具，也可导入图片、媒体文件）

两种方式的创建

Ø直接在舞台上选择对象，转换为元件

Ø新建空符号

编辑（修改）

Ø在舞台上直接修改符号：

双击对象（或右键菜单），其它对象灰化

复制符号（自动命名或重命名）

Ø库窗口，右键菜单中拷贝

¨按钮符号（三步骤：

绘制按钮图案、添加按钮关键帧、编写按钮事件）

按钮由四个帧组成（弹起、滑过、按下、感应状态）

¨电影符号

创建实体（实体是符号工作区的具体体现，符号拖动到舞台，即是实体）

改变实体样式

Ø实体属性对话框（effect），可修改亮度、色彩、透明度等

改变实体属性

可打开其它图库：

（文件－以图库打开）

打开共享图库：

（窗口－共享图库）

（案例：

1、圆矩形按钮；2、圆形按钮；3、动画按钮；4、图片按钮）

七、创建动画

通过改变连续帧的内容来实现动画，例如，移动、放大缩小、旋转、变色以及改变形状，这些改变可以单独发生，也可以连续发生。

使用帧

两种方法

Ø帧并帧动画（每一帧创建图象，文件容量大）（举例，走路）

Ø渐变动画（创建开始结束帧，中间过程FLASH自动生成，文件容量相对小）（举例，游动的鱼）

关键帧（作用是定义动画中的变化对象，以实心圆点表示）

ØF6

Ø插入关键帧

几个显示代表的情况

蓝色箭头（运动）/绿色箭头（形变）；实线（正常）/虚线（存在问题）；实心圆点（有关键帧）/空心圆点（无关键帧）

u创建帧并帧动画（每一帧都是关键帧）

u插入帧（省时省力的方法，只需建立关键帧，其余自动完成）

形状插帧（表现帧之间形状的变化，只能作用于打散对象，对组、符号、可编辑文本不起作用）

Ø扩大（设定动画开始结束的变化速度）

Ø混合（形变过程中的细节，分布（平滑过渡）/弯角（出现尖角））

运动插帧（对于组、符号、可编辑文本动画非常有效，可实现一个位置到另一个位置的动画制作，以及符号的颜色、透明度的改变）

Ø扩大（设定动画开始结束的变化速度）

Ø设置旋转方向

Ø选项

持续显示帧（添加新帧，复制上一关键帧，F5或插入帧）

设置帧频率（太快动画停顿，太慢晃过动画细节，8—12帧最宜）

管理场景

打开场景面板（添加[+]、命名[双击]、复制[按钮]）

创建运动动画（四大类动画）

平动（位置、大小变化）

转动（角度变化）

颜色（颜色变化）

形状（形状变化）

Ø形状渐变（举例：

圆到心形的图形渐变）

渐变线索（插入变形关键点{修改－转换－添加形状提示}）（起始帧黄色，结束帧绿色，不在曲线上红色）（举例，字母变化的渐变）

注意（最多26个变形关键点；过渡复杂可增加关键帧；关键点最好从左上角逆时针排列）

编辑动画

可移动、复制、粘贴、插入、删除

洋葱皮（为了帮助用户更好地定位和编辑多帧的连续动画，你可以使用OnionSkin同时看到多帧画面）（同时移动整个动画）

（案例：

1、跳动的小球；2、马赛克动画；3、烟雾；4、广告条；5、滴水；6、海上航行；7、游动的鱼）

八、使用图层创建FLASH动画

（创建复杂动画，将不同动画之间彼此隔开，使之不产生干扰）

操作操作和管理图层（工具按钮和菜单）

创建（命名）和删除层（工具按钮或右键菜单）

隐藏和锁定图层。

以轮廓显示（都不会影响动画正常显示）

案例，应用层的特性，

1、3D效果；（绘制圆形符号；增加层；每层圆形递增放大；每层制作移动动画；选取最后帧所有层；压扁；逐层渐次拖动圆环）

2、残影文字；（制作文字符号；制作旋转动画；每层复制动画；加大透明度；逐层后退帧）

3、风吹动文字；（文字组件；逐层制作文字并动画；首帧上移一半，翻转，左扭曲，设置透明；逐层重复）

4、光波移动效果；（1层光的位图；3层文字；2层发射渐变矩形移动，透、38％灰、黑）

九、在动画文件中添加声音

了解声音文件

采样率（samplerate）（单位时间的采样次数）48、44.1CD、32、11、5KHZ（千赫兹）

位分辨率（bitresolution）（音频采样点的比特次数）16CD、12、8、4位

添加声音（导入声音文件，单独创一个层，声音文件自动存放在库中）

（注：

声音不能添加到up,hit）

声音属性面板

Ø效果（无、左声道、右声道、左到右、右到左、逐渐增加、中间减弱、自定义）

Ø同步（事件[声音独立于时间线]、开始、停止[指定声音停止]、数据流[动画和流保持同步]）

Ø循环次数（指定循环次数，注：

到达时间线终点，声音就会停止下来）

编辑声音（改变播放和停止位置，删除部分段落）

Ø设置开始和结束位置（拖动滚动条）

Ø控制音量变化

在库中调整声音设置（点击库中文件，右键菜单－属性）

Ø更新（如果外部更改过该文件，按此更新）

Ø输入（再次导入一个文件）

Ø测试/停止（测试播放效果）

Ø压缩（默认、ADPCM[16位声音，适合较短声音]、MP3[适合长的音乐歌曲]、RAW[不做压缩，可设置立体声到单声道]）

小技巧（对大小进行优化）

共同部分做成背景音乐循环播放；删除不必要的部分；尽量使用一个声音文件产生不同的效果。

十、创建交互电影

flash与其它动画软件最大的不同就是能够产生具有交互性的动画作品，使观众能够参与和控制动画的播放内容，使观众由被动接受转为主动选择。

通过两种方式触发事件

Ø鼠标（键盘）－（鼠标/键盘事件事件包括八种类型，注：

键盘事件区分大小写）

Ø基于时间

定义帧事件（给帧指定一个动作，当动画播放到该帧时将选择事件触发的动作）

十一、发布和导出电影

要在浏览器中打开flashplayer电影，必须先打开一个HTML文档，这个文档将启动flashplayer电影并播放。

最好还要创建一个GIF动画版本，提示未安装插件的用户安装插件。

FLASH的主要文件格式是*.swf，这是唯一支持FLASH交互功能的文件格式。

SWF是一种开放式标准，可以被其它程序支持，可以以多种格式输出：

GIF;JPEG;PNG;BMP;PICT;quicktime以及AVI格式。

优化电影

Ø内插动画占用资源比帧并帧动画要少；

Ø限制使用一些特殊的线条类型，例如虚线、点线；

Ø用图层将变化和非变化元素分开

Ø限制字体和样式使用

Ø以mp3存放声音

Ø避免对位图进行动画处理；

Ø慎重使用渐变色

测试电影下载性能

发布预览前，调试菜单，可以选择一个下载速度来确定flash模拟的下载速度，也可自定义。

查看下载性能窗口（查看－宽频设置）

发布FLASH电影

发布电影（发布设置），发布按照当前的发布设置发布所有指定格式的文件。

FLASH发布设置

Ø载入顺序：

决定首帧所有层的下载方式

Ø选项：

（1、生成文件大小报告；2、省略跟踪；3、保护输入－不能够被下载；4、允许调试－自动调整优化）

Ø密码－下载播放前输入密码

ØJPEG控制杆：

决定位图的压缩比重

Ø音频和音频事件选项：

（指定播放时的流式声音和事件声音的采样率和压缩方式）

注：

仅对尚未指定事件属性的声音有效，选中“忽略声音设置”，则以上两项设置对电影中所有声音都有效。

HTML发布设置

Ø模版：

能够插入在模版文档中指定的HTML参数，

Ø尺寸：

设置默认、指定像素、允许百分比

Ø播放：

（启动时暂停；循环；显示菜单－右键可供使用菜单；设计字体－使用经过消除锯齿处理的系统字体替换用户尚未安装的字体）

Ø质量

Ø窗口模式：

（允许用户利用IE中的透明的电影、绝对位置、分层等功能，仅用于flashactivex控制功能的IE的Win版本）（选项可使影片后面的对象显露或不显露）

ØHTML对齐（确定影片在浏览器窗口中的位置）

Ø比例（显示全部－整个电影在指定区域可视,并保持宽高不变，允许出现边界；没有边界－影片缩放满足区域大小，宽高不变，但部分电影可能被切掉；精确适应－整个电影指定区域可见，不保证保留原来的宽高比，可能发生扭曲）

ØFLASH对齐方式：

（电影如何在电影窗口内放置，以及电影若被裁切，该如何剪切）

Ø显示警告信息：

（显示是否显示错误信息警告有关标签设置冲突，如果有错误代码指向，就会显示错误信息）

输出影片

导出可以产生用于其它程序的flash内容，并且不会把输出设置的同文件一起存放。

ØIllustrator（*.eps,*.ai）

ØWindows（BMP）

Ø（*.emf）

ØEPS3.0

ØMacintosh平台上的图形格式（PICT）

Ø（Quicktime）

Øwindows电影格式（*.avi）

Ø图元文件（*.wmf）

ØWAV（windows）

附录：

Action脚本常用语法

*Goto:

转到。

默认是转到某一帧然后停止。

若在最下面的"GotoandPlay"前打上钩，则表示转到某一帧后从该帧开始播放。

"Scene"选项，可以选转到哪一个的场景（Scene）；Frame中的Number,是填上转到该Scene的第几帧；Label,是选要转到哪一个已标上Label的帧（在Timeline上双击某一帧，在Label项上填一个名字后，这里就可以选择该帧了）；Expression,转到用表达式所表示的帧，该表达式应在下面的Expression的框中填写；NextFrame,表示转到下一帧；PreviousFrame,表示转到前一帧。

*Play:

播放。

就是开始播放已经停止了的动画。

*Stop:

停止。

就是停止正在播放的动画。

*StopAllSounds:

停止所有声音。

也一般与按钮配合使用。

当执行此ACTION后，所有播放的声音将会停止，但动画的播放不会受到影响。

*Load/UnloadMovie:

Loadmovieintolocation是指在当前的动画中加载另外一个SWF文件，在URL栏中填该SWF文件的地址。

注意：

被保护的SWF文件是不能被加载的。

Location中的Level是指加载的动画所在的层，Level数越大，所加载的动画在Level数小的动画上面，当前的动画的Level为0（就是当两个动画重叠时，Level数最大的，就覆盖Level数小的）。

Level为0的那一层动画即当前动画的背景颜色，播放速度等，决定了加载动画的背景颜色和播放速度

*Location中的Target意思是指所加载的动画代替当前的动画中所指定的MovieClip，在Target中填上所指定的MovieClip的名字。

Unloadmoviefromlocation是指卸载动画，即卸载已经加载了的动画，URL栏和Location栏的填法与上面所说的相同。

Loadvariablesintolocation就是在指定的URL地址中读入变量

*FSCommad:

FSCommand命令。

在Command栏填上命令的名字，在Arguments栏上填参数，在Forstandaloneplayer栏上选只有当动画单独播放时才有用的语句，里面的各条语句意思是：

1.Quit不填关闭动画，退出FLASH的播放器

2.fullscreenTrue/False控制FLASH的播放器是否进行全屏播放

3.allowscaleTrue/False控制FLASH动画是否随着FLASH播放器的变化而按比例变化

4.showmenuTrue/FalseTrue=按右键时能显示出菜单False=没有菜单

5.Exec应用程序的路径在播放器中打开一应用程序。

按钮动作举例：

1、停止播放On（Release）｛

stop；

｝

2、继续播放On（Release）｛

Play；

｝