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