《中小学教师课件制作教程 教学课件 ppt 作者 安宗灵 第7章Flash 8基础与实例》由会员分享，可在线阅读，更多相关《中小学教师课件制作教程 教学课件 ppt 作者 安宗灵 第7章Flash 8基础与实例（112页珍藏版）》请在金锄头文库上搜索。
1、第七章Flash 8基础与实例,7.1 Flash 8工作环境,7.1.1 工作环境简介,1开始页 如果要隐藏“开始页”，如图7-1-1所示。可以单击选择“不再显示此对话框”，然后在弹出的对话框单击“确定”按钮。 如果要再次显示开始页，可以通过选择“编辑”|“首选参数”命令，打开“首选参数”对话框，然后在“常规”类别中设置“启动时”选项为“显示开始页”即可。,图7-1-1 开始页,2工作窗口 在“开始页”选择“创建新项目”下的“Flash文档”，这样就启动Flash 8的工作窗口并新建一个影片文档。如图7-1-2所示。 工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞
2、台、工具箱以及各种面板组成。,图7-1-2 Flash 8的工作窗口,“主工具栏”的下方是“文档选项卡”，主要用于切换当前要编辑的文档，其右侧是文档控制按钮。在“文档选项卡”上右击，还可以在弹出的快捷菜单中使用常用的文件控制命令。如图7-1-3所示。,图7-1-3 文档选项卡,“时间轴”，用于组织和控制文档内容在一定时间内播放的图层数和帧数。如图7-1-4所示。,7-1-4时间轴,Flash 8扩展了舞台的工作区，可以在上面存储更多的项目。舞台是放置动画内容的矩形区域，这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。如图7-1-5所示。,图7-1-5舞台,工作时根据需要可以改
3、变“舞台“显示的比例大小，可以在“时间轴”右上角的“显示比例”中设置显示比例，最小比例为8%，最大比例为2000%。 另外，在其下拉菜单中有三个选项： 【符合窗口大小】选项用来自动调节到最合适的舞台比例大小； 【显示帧】选项可以显示当前帧的内容； 【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素，如图7-1-6所示。,图7-1-6 舞台显示比例,窗口左侧是功能强大的“工具箱”，它是Flash中最常用到的一个面板，由“工具”、“查看”、“颜色”和“选项”四部分组成。如图7-1-8所示。,图7-1-8 工具箱,7.1.2 面板 1面板的基本操作 打开面板：可以通过选择“窗口”菜单中的相应
4、命令打开指定面板。 关闭面板：在已经打开的面板标题栏上右击，然后在快捷菜单中选择“关闭面板组”命令即可。 重组面板：在已经打开的面板标题栏上右击，然后在快捷菜单中选择“将面板组合至”某个面板中即可。 重命名面板组：在面板组标题栏上右击，然后在快捷菜单中选择“重命名面板组”命令，打开“重命名面板组”对话框。在定义完“名称”后，单击“确定”按钮即可。如果不指定面板组名称，各个面板会依次排列在同一标题栏上。 折叠或展开面板：单击标题栏或者标题栏上的折叠按钮可以将面板折叠为其标题栏。再次单击即可展开。 移动面板：可以通过拖动标题栏左侧的控点移动面板位置或者将固定面板移动为浮动面板。 恢复默认布局：可以
5、通过选择“窗口”菜单中的“工作区布局”|“默认”命令项将Flash 8恢复到默认布局。,2“帮助”面板 “帮助”面板包含了大量的信息和资源，对Flash的所有创作功能和ActionScript语言进行了详尽的说明。“帮助”面板可以随时对软件的使用或动作脚本语法进行查询，使用户更好地使用软件的各种功能。如图7-1-9所示。,图7-1-9 “帮助”面板,3“动作”面板 “动作”面板可以创建和编辑对象或帧的ActionScript代码，主要由“动作工具箱”、“脚本导航器”和“脚本”窗格组成。如图7-1-10所示。,图7-1-10“动作”面板,4“属性”面板 使用【属性】面板可以很容易地设置舞台或时间
6、轴上当前选定对象的最常用属性，从而加快了Flash文档的创建过程。如图7-1-11所示。当选定对象不同时，“属性”面板中会出现不同的设置参数，针对此面板的使用在后面的章节里会陆续介绍。,图7-1-11“属性”面板,5“滤镜”面板 Flash 8新增的功能，从而大大增强了其设计方面的能力。这项新特性对制作Flash动画产生了便利和巨大的影响。它们几乎颠覆了长期以来对Flash设计能力欠缺的固有偏见，使大家不得不对其刮目相看。默认情况下，【滤镜】面板和【属性】面板、【参数】面板组成一个面板组。如图7-1-12所示。,图7-1-12 “滤镜”面板,在计算机绘图领域中，根据成图原理和绘制方法的不同，分
7、为矢量图和位图两种类型。 矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。因此，矢量图与分辨率无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差，如图7-2-1所示是放大了16倍的矢量图效果。,图7-2-1 矢量图放大到16倍时依然清晰,7.2 Flash 8基础绘图工具,位图图像是由象素点构成的，象素点的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。因此，位图图像的清晰度与分辨率有关。对位图图像进行放大时，放大的只是象素点，位图图像的四周会出现锯齿状。如图7-2-2所示是放大了16倍
8、的位图效果。,图7-2-2 位图放大16倍时模糊不清,7.2.1 基本绘图工具,1绘制和处理线条,【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。鼠标单击【线条工具】 ，移动鼠标指针到舞台上，在你希望直线开始的地方按住鼠标拖动，到结束点松开鼠标，一条直线就画好了。【线条工具】能画出许多风格各异的线条来。打开【属性】面板，在其中，我们可以定义直线的颜色、粗细和样式，如图7-2-4所示。,图7-2-4 直线【属性】面板,在【属性】面板中，单击其中的【笔触颜色】按钮 ，会出现一个调色板对话框，同时光标变成滴管状。用滴管拾取颜色或者在文本框中直接输入颜色的16进制数值，颜色以#开头，如
9、#FF0000。,图7-2-5 笔触调色板,要想画出不同类型的线条，我们可以单击【属性】面板中的【自定义】按钮，在弹出的【笔触样式】对话框中设置我们想要的线条样式即可。如图7-2-6所示。,提示：试一试改变它的各项参数，会对你的绘图有很大帮助。,图7-2-6 【笔触样式】对话框,【滴管工具】 和【墨水瓶工具】 可以很快地将一条直线的颜色样式套用到别的线条上。用【滴管工具】单击上面的直线，看看【属性】面板，它显示的就是该直线的属性，而且工具也自动变成了【墨水瓶工具】，如图7-2-8所示。使用【墨水瓶工具】单击其它线条，所有线条的属性都变成了和滴管工具选中的直线一样了。,图7-2-8 使用【滴管工
10、具】选取线条属性,【箭头工具】 的作用是选择对象、移动对象、改变线条或对象轮廓的形状。单击选择【箭头工具】，然后移动鼠标指针到直线的端点处，指针右下角变成直角状，这时拖动鼠标可以改变直线的方向和长短。 如果鼠标指针移动到线条中任意点处，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线。这是一个很有用处的功能，在我们用鼠标绘图还不能随心所欲的时候，它可以帮助我们画出所需要的各种样式的曲线。,7.3 逐帧动画,逐帧动画（Frame By Frame），这是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。逐帧动画的优点是：与电影播放模式
11、很相似，适合于表演很细腻的动画，如3D效果、人物或动物急剧转身等等效果；但缺点是：每一帧序列内容都不一样，增加制作负担，文件存储容量过大。,7.3.1逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧，如图7-3-1所示。,图 7-3-1 逐帧动画,7.3.2创建逐帧动画的几种方法 1用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。 2绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧
12、内容。 3. 文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 4. 导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件（如swish、swift 3D等）产生的动画序列。,7.3.3绘图纸功能 1绘图纸的功能 绘图纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。使用绘图纸功能后，你就可以在舞台中一次查看两个或多个帧了。,如图7-3-2所示，这是使用绘图纸功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以半透明显示，它使我们看起来好像所有帧内容是画在一张半透明的绘图纸
13、上，这些内容相互层叠在一起。当然，这时你只能编辑当前帧的内容。,图7-3-2 同时显示多帧内容的变化,2绘图纸各个按钮的介绍 （1） 【绘图纸外观】按钮：按下此按钮后，在时间帧的上方，出现 绘图纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。 （2） 【绘图纸外观轮廓】按钮：按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。 （3） 【编辑多个帧】按钮：按下此按钮后，可以显示全部帧内容，并且可以进行“多帧同时编辑”。,（4） 【修改绘图纸标记】按钮：按下此按钮后，弹出菜单，菜单中有以下五个选项： “总是显示标记”选项会在时间
14、轴标题中显示绘图纸外观标记，无论绘图纸外观是否打开。 “锚定绘图纸”选项会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下，绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动。 “绘图纸 2”选项会在当前帧的两边显示两个帧。 “绘图纸 5”选项会在当前帧的两边显示五个帧。 “绘制全部”选项会在当前帧的两边显示全部帧。,7.4 形状补间动画,7.4.1 形状补间动画的概念 1形状补间动画的概念 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash
15、 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 2构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。,3形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图7-4-1所示。,图7-4-1 形状补间动画在时间帧面板上的标记,4创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，
16、一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角形，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图7-4-1所示，一个形状补间动画就创建完毕。,7.4.2 认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发生相应的改变。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图7-4-2所示。,图7-4-2 形状补间动画【属性】面板,形状补间动画的【属性】面板上只有两个参数： 1“缓动”选项 在“0”边有个滑动拉杆按钮 ，单击后上下拉动滑杆或填入具体的数值，形状补间动画会随之发生相应的变化。 在-1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速度补间。 在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。 默认情况下，补间帧之间的变化速率是不变的。 2“混合”选项 “混合”选项中有二项供我们选择： 【角形】选项：创建的动画中间形状会保留有明显的角和直线，
