常宝宝北京大学信息科学技术学院chbb@pku.edu.cn 计算机网络和多媒体技术.ppt

《常宝宝北京大学信息科学技术学院chbb@pku.edu.cn 计算机网络和多媒体技术.ppt》由会员分享，可在线阅读，更多相关《常宝宝北京大学信息科学技术学院chbb@pku.edu.cn 计算机网络和多媒体技术.ppt（27页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、常宝宝北京大学信息科学技术学院 计算机网络和多媒体技术 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望Flash简介Flash是美国Macromedia 公司开发的一个优秀的网页交互式动画设计软件动画设计软件。Flash使用矢量图形矢量图形和流式播放流式播放技术。矢量图形可以任意缩放动画尺寸而不影响图形质量，而流式播放技术使得可以边下载动画边播放动画。（图形和图像的存储方式不同，图像是点阵式储存，图形是矢量储存。图像放大会失真，出现锯齿，矢量图形没有关系。）Fla

2、sh使用关键帧关键帧和图符图符,生成的动画文件非常小，非常符合网页动画设计的需要。使用Flash可以将交互式交互式融入动画，从而做出可以和用户交互的动画作品。Flash工作界面菜单工具栏舞台时间轴窗口图符库窗口绘图工具栏播放控制栏状态栏动画创作者可以用Flash提供的各种工具在舞台上绘制动画内容。动画是由许许多多称为帧（frame）的图片组成的。舞台是动画创作者制作帧的作坊。时间轴用来描述动画中帧如何随着时间而变化。利用时间轴窗口，用户可以把舞台上的不同图层中的图形作为帧安放在时间轴上的某一刻，定义出不同帧的播放顺序。可以重复使用的图形元素如：图片、按纽和动画片段可以图符（symbol）的形式

3、保存下来，这些图符被存在图符库中。提供了创作和编辑图形的工具，利用这些工具，可以在舞台上绘制、编辑图形对象。播放控制工具栏提供了一组控制动画播放的按纽。如播放、停止播放按纽等等。设置舞台属性操作：（菜单）Modify|Movie（热键）Ctrl+M舞台属性Frame Rate:帧播放速率(网页动画以每秒12帧为宜)Dimensions:帧的宽度和高度，单位是像素，最小为18，最大是2880。Match:content：按舞台上的对象设定舞台大小。printer：按照当前选定的纸型设定舞台大小。Background:背景颜色Ruler Unit:标尺、网格单位设定 绘制图形和文字绘制工具 在绘制

4、帧时，常常需要绘制线条、椭圆以及矩形等基本形状，在Flash中，这些基本形状都可以通过绘图工具进行绘制。绘制线条（注意如何设定线条的类型、粗细和颜色）利用绘图工具栏的线条工具(Line Tool)绘制线条利用Windows|Panels|Stroke进行线条属性设定绘制矩形利用绘图工具栏的矩形工具(Rectangle Tool)绘制矩形利用Windows|Panels|Stroke进行矩形线条属性设定利用Windows|Panels|Fill进行矩形填充属性设定矩形角部半径控制（绘制圆角矩形）如何绘制正方形（同时按住shift键）绘制图形和文字绘制工具绘制椭圆利用绘图工具栏的椭圆工具(Oval

5、 Tool)绘制椭圆利用Windows|Panels|Stroke进行椭圆线条属性设定利用Windows|Panels|Fill进行椭圆填充属性设定如何绘制圆形（同时按住shift键）铅笔工具模拟铅笔，创作任意形状的图形对象。利用绘图工具栏的铅笔工具(Pencil Tool)进行绘制 线条属性设定同线条绘制注意三种绘制模式间的细微差异拉直模式(straighten)、平滑模式(smooth)和徒手模式(ink)如何画出水平、垂直线条(同时按住shift键)绘制图形和文字绘制工具钢笔工具绘制线条、曲线等。利用绘图工具栏的钢笔工具(Pen Tool)进行绘制 线条属性设定同线条绘制用钢笔工具绘直线

6、（单击创建端点）用钢笔工具绘曲线（单击拖动创建端点）绘制图形和文字颜色处理设置线条属性和填充属性panel的使用(windows|panels|)使用stroke panel 改变线条类型、线条粗细、线条颜色使用fill panel改变填充模式(单色填充、线性渐进填充、经向渐进填充和位图填充)颜色定制(使用mixer panel)使用windows|panels|mixer如何设置透明度(alpha)着色 使用绘图工具栏笔刷工具(Brush Tool)笔刷属性设定(形状、大小)着色模式(正常涂色、填充涂色、后置涂色、选择涂色和内部涂色)绘制图形和文字颜色处理墨水瓶工具 使用绘图工具栏墨水瓶工具

7、(Ink Bottle Tool)改变线条的颜色、宽度和样式（对填充色无效），不能使用渐进色油漆桶工具使用绘图工具栏油漆桶工具(Paint Bucket Tool)改变填充色，对线条无效，可以使用渐进色缺口选项（不封闭缺口、封闭小缺口、封闭中型缺口和封闭大缺口）吸管工具 使用绘图工具栏吸管工具(Dropper Tool)拾取舞台中已有的颜色并用于其它对象对线条应用后，自动选择墨水瓶工具；对区域应用后，自动选择油漆桶工具按住shift在进行颜色拾取，不自动选择墨水瓶以及油漆桶工具绘制图形和文字图形编辑橡皮擦工具使用绘图工具栏橡皮擦工具(Eraser Tool)擦除图形 擦除模式（正常擦除、填充擦

8、除、线条擦除、选择擦除、内部擦除）水龙头工具（整个区域或线条擦除）选定工具 箭头工具 使用绘图工具栏箭头工具(Arrow Tool)单击选定（线条或填充区域）、双击选定（线条、线条和区域）以及矩形选定 拉直变换、平滑变换、缩放变换、旋转变换(Modify|Transform)绘制图形和文字图形编辑选定工具 套索工具 使用绘图工具栏套索工具(Lasso Tool)任意形状的选定多边形选定魔术棒工具 选定工具 锚点选择工具使用绘图工具锚点选择工具(Subselect Tool)对线条或曲线进行调整图形组合和反组合 把多个对象组合成一个对象处理 执行Modify|group(Ctrl+G)进行组合执

9、行Modify|ungroup进行 反组合 绘制图形和文字文字工具文字工具使用绘图工具栏文字工具(Text Tool)文字属性设定Windows|Panels|CharacterWindows|Panels|Paragraph绘制图形和文字图形编辑打散用来将文本块、图符实例、位图等对象分成独立的可编辑的元素。执行Modify|break apart(Ctrl+B)进行打散 打散命令不可逆转 打散命令对对象有下述影响：切断了图符实例同图符的联系。将位图转换成填色。将文本字符转换成轮廓线。切断了OLE对象同其原创作程序的联系。反组合命令与打散命令的区别反组合命令将集合的元素重新分成不连续的部分，这

10、个命令不能够打散字体、位图或实例，它只是将集合元素恢复到集合之前的状态。它也不能将字体转换成轮廓线。动画制作 基本概念基本概念 渐变动画（运动渐变、形状渐变）制作出的动画文件很小，但不能作出复杂的变化，在指定了一个开始帧和结尾帧之后，Flash负责制作出开始帧和结尾帧之间的帧。逐帧动画 制作出的动画文件较大 适合做复杂的动画 关键帧：是渐变动画中表示变化开始和结束的帧。动画制作 层层可以理解为覆盖在舞台上的一张张透明胶片，动画作者可以在每一个层上绘制图形。在引入层的概念以后，一帧动画的内容实际上由多个层堆叠在一起形成。层本身是透明的，但是由于在层上绘制的图形对象是不透明的，因此上面的层会因此遮

11、盖下面的层中的内容。层的引入可以缩小动画文件的大小，并且引入层后，在编辑某层上的图形对象时可以不影响其它层的内容，方便了帧的绘制和管理。动画制作 层有关层的操作创建新层（按纽）删除层（按纽）改变层的堆叠顺序(拖动)层的重命名（双击）隐藏层、锁定层、概要显示特殊层：引导层和遮罩层动画制作 时间轴时间轴窗口主要内容包括：层、帧以及播放头，在窗口左部列出的是动画中所有的层，右部是每一层中所包含的所有的帧，窗口顶部的数字是帧的编号，粉红色的方块是播放头(playhead)。窗口底部的状态条上的数字分别是当前选定帧的编号、帧速率以及播放到当前选定帧所需要的时间。在时间轴窗口中，关键帧表示为一个黑色的圆点

12、 播放头可以通过拖动方式改变位置。动画制作 帧关键帧操作插入关键帧（Insert|keyframe）删除帧或帧序列（选定、Insert|Remove frame）移动帧或帧序列（拖动）复制关键帧或帧序列（Alt+拖动）复制到剪贴板（edit|copy frame）从剪贴板粘贴（edit|paste frame）动画制作 图符图符（symbol）是在动画中可以重用的图片、按纽、声音或者动画片段等。在Flash中图符被保存在图符库中。在创作动画时如果需要使用图符，则可以将图符从图符库中拖动到舞台上，这称做在舞台上为该图符创建了一个实例（instance）。图符的引入会减小动画文件的大小，因为如果在

13、动画文件中创建了一个图符的多个实例，该图符最终在动画文件中只保存一次。对图符编辑修改会影响到所有图符实例。而对图符某个实例的编辑修改则不影响该图符的其它实例。动画制作 图符图符的类别：图片、按纽和动画片段 打开图符库（Window|library）创建图符（Insert|new symbol）将舞台上选定的图形对象转换为图符（Insert|Convert to Symbol）图符实例的编辑（直接在舞台上进行）图符的编辑进入图符编辑模式（Edit|Edit symbols）退回到动画编辑模式（Edit|Edit movie）图符库有关操作：建文件夹、删除、重命名图符等操作。动画制作 渐变动画渐变

14、动画运动渐变（位置变化）形状渐变（形状变化）渐变动画中，不仅可以设定舞台上的对象运动和变形，而且还可以设定在运动和变形过程中改变大小和旋转。在关键帧处运用变换功能对图形对象进行变换 使用帧属性面板执行windows|panels|frame设定运动渐变或形体渐变（tweening motion/shape）设定旋转特性（rotate）（不旋转，顺时针旋转、逆时针旋转、旋转次数）设定变速运动（easing，负值表示逐渐加速，正值表示逐渐减速，0表示匀速）动画制作例示（1）新建动画文件；（2）设定舞台属性，宽300像素、高50像素，背景色蓝色（3）创建一个小球的图符；（无轮廓线以及经向渐进色填充）

15、（4）在舞台左侧建立小球的实例，观察时间轴第1帧处出现了一个表示关键帧的黑色圆点。（5）选定时间轴第25帧处，插入一个关键帧。（6）将小球平移到舞台右侧。（7）重新选定第1帧，执行windows|panels|frame打开帧属性面板，点击tweening标签，选择motion，此时，时间轴上出现了一个从第1帧指向第25帧的箭头，表明创建了一个运动渐变动画。（8）执行control|test movie观看动画播放效果。（9）执行file|publish（shift+F12）发布动画动画制作例示（1）新建动画文件；（2）设定舞台属性，宽100像素、高100像素，背景色蓝色（3）使用文字工具输入

16、字母F（4）分别在第12、24、36、48、60帧处插入关键帧，并分别将字母F改为L、A、S、H、F（5）分别选定第1、12、24、36、48、60帧，将字母打散（6）分别选定第1、12、24、36、48帧，利用帧属性面板，点击tweening标签，选择shape。（7）执行control|test movie观看动画播放效果。（8）执行file|publish（shift+F12）发布动画动画制作遮罩层遮罩层也是一个特殊层，该层上可以有一个填充形状或一个文字块或一个实例。并且遮罩层总是和一个被罩层联系在一起，在播放时，被遮罩层中只有盖在遮罩层中形状对象下面的部分会显示出来。使用遮罩层选定被遮

17、罩层，执行Insert|layer，在被遮罩层上方创建一个新层。选择新创建的层，执行context menu|mask，该层就变作遮罩层。动画制作例示（1）新建动画文件；（2）设定舞台属性，宽400像素、高100像素，背景色蓝色（3）使用文字工具，输入文字“北京大学”（字号70、白色、隶书）（4）为文字所在的层创建遮罩层。（5）在遮罩层上绘制一个圆，删除边。（6）在遮罩层第25、50帧处插入关键帧，创建运动渐变动画，使小球来回运动。（7）选定文字层，在第50帧处插入一个普通帧。（8）创建一个新层，并拖动到最底层。（9）运用复制帧的办法把文字层的内容复制到新建的层中，设置透明度。（10）执行co

18、ntrol|test movie观看动画播放效果。（11）执行file|publish（shift+F12）发布动画动画制作导向层在Flash中，如果想建立复杂的运动路线，则可以通过建立运动导向层和运动路径的办法，如果希望层A上的图形对象沿着一个复杂的运动路径运动，则可以为层A建立一个运动导向层。并在导向层上用铅笔工具、钢笔工具、矩形工具等绘制运动路径。为层A建立导向层的方法:选中层A，执行Context Menu|Add Motion Guide。动画制作例示（1）新建动画文件；（2）创建一个小球的图符。（3）为小球所在的层创建引导层。（4）在引导层创建运动轨迹。（直线+曲线）（5）为小球创建渐进动画。（18、36帧）（6）创建新层，建立另一个小球的实例，创建渐进动画，使其在1-18帧静止，18-36帧向右水平运动。（7）调整两个小球的运动速度。（8）执行control|test movie观看动画播放效果。（9）执行file|publish（shift+F12）发布动画