1、网页制作（第六讲）,主讲人：孙珊珊,第八章 Flash（1）,本讲内容Flash简介Flash基本工具简介简单动画制作,Flash之所以能占据网络多媒体的重要位置，最重要的一点是因为它采用了矢量技术。基于矢量图形的Flash动画即使缩放其尺寸，也不会影响图像的质量和文件大小。在Flash中既可以创建静态矢量文件，也可以创建动态矢量文件，并且还可以导入位图文件，对其进行编辑。,8.1 Flash工作界面,工具箱与面板集,时间轴与图层,【时间轴】面板是由帧、图层和播放头组成。时间轴用于组织动画各帧的内容，不仅可以控制动画每帧每层显示的内容，而且还可以显示动画播放的速率等信息。单击右上角的【帧视图】
2、按钮，打开的菜单中包含许多控制帧视图的命令。,放映头,图层管理,标尺,Flash中的【属性】检查器是根据选择的工具或者选中的对象，来决定显示的属性选项。比如选择工具箱中的【文本工具】后，【属性】检查器将会显示关于文字的一些属性选项。,属性检查器,8.2 Flash文档的基本操作,在Flash中无论是绘制矢量图形，还是制作动画，首先都必须创建文档，最后保存文档，这样才方便以后的查看与编辑。而在制作过程中，通过辅助工具可以更好地完成设计。,8.2.1文件操作 1新建文档Flash中的新建命令包括两种情况常规与模板，并且每一种情况中还包括多种类型，这样才能够创建出多种多样的动画。,2. 保存文档 选
3、择“文件”|“保存”命令（快捷键Ctrl+S），即可将Flash文件保存为FLA格式的文件。 Flash中一个完整的动画文件包括两种格式的文件，一个是源文件，格式为FLA；另外一个是浏览文件，格式为SWF。后者只作为浏览动画使用，不能够编辑，生成方式是选择“控制”|“测试影片”命令（快捷键Ctrl+Enter），在浏览的同时即可将其自动保存。 在Flash中还可以将创建的Flash文件保存为模板，这样就可以在以后重复使用该文档创建Flash文件。方法是选择“文件”|“另存为模板”命令，然后设置对话框中的相应选项，最后单击“保存”按钮即可。,3打开文档执行【文件】|【打开】命令（快捷键CtrlO
4、），可以在Flash中打开格式为FLA或者SWF的文件，打开前者即可开始编辑Flash文件。,4标尺和网格在舞台中要想精确地创建图形的起始点或者是图形的尺寸，可以在舞台中打开标尺，并且通过标尺拖出辅助线，这是一种非常快捷的方式。选择“视图”|“标尺”命令，标尺将显示在文档的左沿和上沿。这时，可以从标尺上将水平辅助线和垂直辅助线拖动到舞台上，以确定图形中的局部尺寸。,8.3.1 绘图工具箱,绘图工具箱主要包括四个部分：选择工具区、绘图工具区、颜色填充工具区、查看工具及选项区，如图2.1.1所示。 当单击某个工具时，它就被激活，并且在选项区中可能会出现用来调整其设置的附属工具选项。,8.3 绘图基
5、础,Flash绘图方式,在Flash中绘制图形，主要有两种方式：合并绘制图形和对象绘制图形。 1. 合并绘制图形 默认情况下，在Flash的同一图层上，重叠进行绘图、填充颜色，所绘制的图形对象会自动合并，对图形进行编辑会影响到同一图层的其他形状。例如，绘制一个大圆形，并在其上叠加一个小圆形，然后将小圆形移开，则会删除大圆形与小圆形重叠的部分。,2对象绘制图形 在选择绘图工具后，在工具箱的选项区选中“对象绘制”按钮 ，即可使用该绘图方式。使用该方式绘制图形时，可以将多个图形绘制成独立的对象，这些对象在叠加时不会自动合并，这样在分离或重新调整图形对象时，可以不改变图形原来的外观,墨水瓶工具,“墨水
6、瓶工具” 用于给选定的矢量图形添加边线，还可以设置线条或形状轮廓的笔触颜色、宽度和样式。,滴管工具,“滴管工具” 可对舞台中的已经存在的颜色及样式属性进行采样，然后将其应用于其他对象中。 从工具箱中选择“滴管工具”，将滴管移到到需要取色的线条或图形中，这时滴管旁边出现一个刷子图标。单击，则将图形信息采样到填充工具中。,选择工具,“选择工具” 用来选择目标对象和修改形状的轮廓。选取对象的方法是在工具箱中选中“选择工具”后，单击工作区中的某一个对象或者框选多个对象。该工具在工具箱的选项区域中有以下的设置按钮： “贴紧至对象”按钮 ：可使对象自动对齐。 “平滑光滑”按钮 ：可将选中的线条变得平滑，消
7、除多余的锯齿。 “拉直”按钮 ：可将选中的线条变得平直，消除线条上多余的弧度。,例 将绘制好的椭圆图形进行变形、分割和移动等操作。,部分选取工具,“部分选取工具” 用来选取和移到对象，还可以对图形进行变形等操作。使用该工具选取对象时，图像轮廓上将出现许多控制点，表示该对象被选中，如图所示。,例 用“部分选取工具”修改编辑图形。,排列和对齐对象,通过“排列”命令可以改变对象之间的叠放次序，从而对其精确定位；而“对齐”命令可以使各个对象按一定的方式互相对齐或则分布于舞台中，从而使对象整齐，并且精确地控制对象的位置。 1排列对象 在图层内，Flash会根据对象的创建顺序层叠对象，当需要调整各个对象之
8、间的层叠顺序时，可进行如下操作： 选择对象后，选择“修改”|“排列”|“置于顶层”或“置于底层”命令，可以将对象移到层叠顺序的最前或最后；选择“修改”|“排列”|“上移一层”或“下移一层”命令，可以将对象在层叠顺序中向上或向下移动一个位置。 2. 对齐对象 在Flash中可以利用自动对齐功能，将舞台中多个对象进行排列的调整。选择“修改”|“对齐”命令（Ctrl+K），打开“对齐”面板，其中有五个设置选项,组对象,组（也称群组）可以将多个对象当作一个整体进行处理，以方便移动、变形等。将位于舞台中的形状组合成组，可以防止因为重叠而产生的切割或融合。在编辑组时，其中的每个对象都保持它自己的属性以及与
9、其他对象的关系。比如，移动一个组，那么，组中的所有元素都保持相互之间的位置关系。同样，如果调整组的大小，那么组中的每一个元素都将进行相应的大小调整。一个组包含另一个组就称为“嵌套”。,8.4 文本的使用,文本工具 可在场景中创建以下三种文本类型： （1）静态文本：即静止不变的文本。该文本不会随意移到位置，也不会变换效果。 （2）动态文本：可以在动画影片中动态地改变文本内容和形式，动态地显示数据信息和文本信息，以及可以添加指令的文本对象。 （3）输入文本：它与动态文本类似，有自己的属性和使用方法，具备对象的基本特征，能对它添加行为指令，也能够进行命名操作。它与动态文本的区别主要是，输入文本唯一的
10、用处就是用来开发表单应用程序，如Flash动态网站中的留言本等,设置文本属性,在Flash CS3中可以通过“文本”菜单命令或“属性”面板调节文字的外观，包括文本类型、字体、字体大小、文本颜色、粗体、斜体、文本对齐方式、文本段落对齐方式、字符间距、字符位置（上标或下标）和超链接地址。,改变文本形状,整体变形 可以利用“任意变形工具”对文本的整体进行缩放、旋转、倾斜和翻转，以创建出各种效果,局部变形 Flash可以轻松地把文本块打散成单个的独立文字字符，并它们分别放入不同的层，创建文字的动画效果。还可以再次打散，使其成为形状，这样就可以对这些转换过的字符做任何变形处理。,8.5 时间轴与帧,动画
11、是利用人的“视觉暂留”特性，连续播放一系列画面，给视觉造成连续变化的图画。它的基本原理与电影、电视一样，都是视觉原理。由于人类具有“视觉暂留”的特性，也就是说人的眼睛看到一幅画或一个物体后，在1/24秒内不会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人造成一种流畅的视觉变化效果。,认识时间轴时间轴在Flash动画中起着组织和控制影片在一定时间内播放的图层数和帧数的作用。时间轴主要由图层、帧和播放头等部分组成。,帧是形成动画的基本时间单位。制作动画其实就是改变连续帧的内容过程，它显示在时间轴中，不同的帧对应不同的时刻，画面随着时间的推移逐个出现，就形成了动画。在逐帧动画中，需
12、要在每一帧上创建一个不同的画面，连续的帧组合成连续变化的画面；而补间动画只需确定动画起始帧和结束帧的画面，中间部分的动画内容则由Flash自动生成。,8.5.1制作基本动画,1.创建逐帧动画逐帧动画是指在每一个帧上都有关键性变化的动画，它由许多单个的关键帧组合而成。将所要表现的动态部分分解，一个个地绘制动作。通过在时间轴中更改连续帧的内容来创建逐帧动画，可以在舞台中创作出移动对象、增加或减小对象、旋转、更改颜色、淡入或淡出，也可以更改对象的形状。,创建逐帧动画可以通过在时间轴中更改连续帧的内容创建，需要亲自制作；还可以通过导入图像序列来完成，该方法只是导入不同内容的连贯性图像，需要准备、收集素
13、材即可。,制作倒计时,2.制作形状补间动画形状补间动画是将时间轴中创建两个不同形状对象的之间的变化过程。例如，在时间轴的某一关键帧上绘制一个形状对象，在另一关键帧中改变该形状或者绘制另一个新的形状对象。然后，Flash将自动在这两帧之间的帧上插入中间形状，从而创建一个形状到另一个形状的变形动画。它只需要定义动画的起始和结束两个关键帧内容，而这两个关键帧之间的过渡帧则由Flash自动创建。,必须把元件实例打散成像素点（Ctrl+B）,1创建补间形状补间形状就是变形，可以是位置、尺寸和颜色的变化，但更主要的是形状的改变。补间形状的对象是分离的可编辑图形，可以是同一图层上的多个图形，也可以是单个图形
14、。,2设置补间形状属性Flash CS4不仅允许用户制作补间形状动画，还支持设置补间形状的“缓动”和“混合”等属性。补间形状的缓动与传统补间动画的缓动类似，都是通过改变动画补间的变化速度，制作出特殊的视觉效果。,5.3.4制作动作补间动画Flash CS4支持两种不同类型的补间以创建动画：一种是传统补间（包括在早期版本中Flash创建的所有补间），其创建方法与原来相比没有改变；另一种是补间动画，其功能强大且创建简单，可以对补间的动画进行最大程度的控制。 1创建传统补间动画Flash CS4将之前各版本Flash软件创建的补间动画称作传统补间动画，即非面向对象运动的补间动画。创建传统补间动画，使用的仍然是基于Flash CS3的补间动画创建方式，传统补间动画并非基于某一个元件，而是基于某个图层中的所有内容。,2设置传统补间属性选择起始和结束关键帧之间的任意一帧，将显示【属性】检查器，可以设置补间动画的减速方式、对象是否旋转以及支持沿路径运作等属性。,8.5.3动画编辑器面板的应用通过【动画编辑器】面板，可以查看所有补间属性及其属性关键帧，它还提供了向补间添加精度和详细信息的工具。动画编辑器显示当前选定的补间的属性，在时间轴中创建补间后，动画编辑器允许以多种不同的方式来控制补间。 此种方式来控制补间动画。 了解【动画编辑器】面板,例,通过，动画编辑器创建补间动画,谢谢！,
