flash操作界面与时间线动画

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第一讲：flash操作界面与时间线补间动画,一、flash的操作界面,二、绘画,三、处理颜色,四、简单补间动画,五、多图层动画,六、使用引导层,七、遮罩层,关于本课程,介绍flash与其后台脚本action script。,flash的应用场合：,1、flash动画影片,2、应用于网页：使用矢量图形和交互动画点缀网页,图片切换：制作动画图标,动态导航：制作出用于浏览的导航控制,全flash网站：创建出生动的、富于表现力的网页,flash小游戏：开发交互式应用程序,3、flash游戏,本课程讲授的主要内容：,1、图片切换动画,2、键盘、鼠标响应与flash游戏,3、事件音效与外部文件的读写,4、loading的制作,5、动态导航菜单,关于课程考察,18次课，10次上机,平时成绩30%，考察成绩70%,平时成绩：全点 抽点,考察：10次上机作业+一次课程设计,一、flash的操作界面,1.舞台,2.时间轴,3.帧和关键帧,4.层,5.工具栏,6.网格、辅助线和标尺,7.面板和“属性”检查器,1.舞台,Flash创作环境中的舞台相当于flash文档显示时的,矩形,空间，可以在工作时,放大和缩小,舞台的视图（ctrl+alt+shift+鼠标滚轮）、在属性面板中,定义,舞台的大小。,例1：新建一个flash文档存盘按CTRL+ENTER测试观察自动生成的*.swf文件,2.时间轴,时间轴的主要组件是,层,、,帧,和,播放头,。,文档中的层列在时间轴左侧的列中。每个层中包含的帧显示在层名右边的一行中。,时间轴顶部的时间轴标题指示帧编号。,播放头指示在舞台中当前显示的帧。,3.帧和关键帧,关键帧是指在动画中定义的,更改所在,的帧，或包含修改文档的帧动作的帧。Flash可以在关键帧之间补间或填充帧，从而生成流畅的动画。,可以通过在时间轴中拖动关键帧来更改补间动画的长度。,在时间轴上右键“插入关键帧”,4.层,像photoshop中的层一样一层层地叠在一起。可以帮助我们组织文档中的插图。可以在层上绘制和编辑对象，而不会影响其他层上的对象。,层或文件夹名称旁边的铅笔图标表示该层或文件夹处于编辑中的,活动,状态。同一时间只能有一个层处于活动状态。,对层可以,隐藏,、,锁定,和,重新排列,，还可以创建文件夹来组织和管理层。,建议对声音文件、动作、帧标签和帧注释分别使用不同的层或文件夹。,使用特殊的,引导层,可以使绘画和编辑变得更加容易，而使用,遮罩层,可以创建复杂的效果。,5.网格、辅助线和标尺,flash具有标尺和辅助线，可以帮助用户精确地勾画和安排对象。可以在文档中放置辅助线，然后让对象与这些辅助线对齐，也可以打开对象，然后让对象与网格对齐。,也可以将对象与其他对象或像素对齐，或者使用指定的对齐容差范围来对齐对象。,“视图标尺”与“视图网格”可以控制标尺与网格的显示。,6.工具栏,关于主工具栏和编辑栏：,工作区顶部的主工具栏显示包含命令（用于控制flash功能）的菜单。,主工具栏正下方的编辑栏用于编辑,场景,和,元件,以及用于更改舞台的,缩放比率,的控件和信息。,7.面板和“属性”检查器,取决于当前选定的内容，“属性”检查器可以显示当前文档、文本、元件、形状、位图、视频、组、帧或工具的信息和设置。,当选定了两个或多个不同类型的对象时，“属性”检查器会显示选定对象的总数。,二、绘画,使用flash可以创建压缩矢量图形并将它们制作为动画。也可以用flash导入和处理其他应用程序中创建的矢量图形和位图图形。,选中一个绘图工具后，可在“属性”面板内设置图形及其边框的颜色、形式等。,用shift键配合作图工具，画规则图形,任意变形工具：可以调整图形的形状,墨水瓶：对图形描边。颜料桶：填充整个图形。,钢笔工具：类似ps的路径。,例2：对位图“图例1.jpg”进行勾线操作。,三、处理颜色,使用默认调色板或自己创建的调色板，可以选择应用到要创建对象或已有对象的颜色。,笔触颜色应用到形状轮廓着色（使用墨水瓶）,填充颜色应用到形状内部着色（使用颜料桶）,可以用纯色、渐变色和位图对形状作填充（用位图填充时，要先将位图导入）。可以对文本应用纯色填充。,窗口调色板，可以编辑渐变色,四、使用时间轴生成补间动画,“补间”是“补足间区”的简称。在舞台上安排要进行动画的元件，然后确定起始与结束关键帧，以及在两个关键帧上元件的位置，就能生成一个简单的补间动画。,能够作为补间动作的除了位置的改变，还可以是形状的变化与旋转、不透明度的改变、色彩的改变等等。,可用关键帧之间的帧数调整动画的快慢。,例3：一个简单图形的动画效果（CTRL+ENTER测试影片。注意源文件和发布后文件的扩展名）,具体步骤：,安排图形,在时间轴上用右键创建关键帧,在两个关键帧上用右键“创建动画动作”,设置起始帧和结束帧上的图形位置与形态,五、多元件的不同步运动多图层动画,1、同一图层上的各元件，在两个关键帧之间只能同步地运动。,例4：两个相对运动的元件。,2、要制作稍复杂一点的动画，我们必须在多个图层上安排各个物体，让它们在不同的图层上同时运动。,例5：逐一进入场景的多个文字。,附：配音的添加用“导入”命令将声音文件导入到库，再将其拖动到一个新的图层上,注意：“同步”方式应为“开始”。,六、让物体按我们规定的路线运动使用引导线,在图层上单击鼠标右键，添加一个引导线。,在引导线上创建我们要引导物体运动的路线,在关键帧上安排物体的位置,例6：做圆周运动的小球,七、遮罩层,遮罩层对图象的显示与普通图层相反，用不透明的一层遮住下面的层，遮罩层上的内容是在这层上开的孔。,要创建动态效果，可以让遮罩层动起来。,遮罩层的使用是制作图片切换动画的重要手段。,例7：图片显示区域的动态变化,