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