1 / 73

项目 3 网页动画制作

项目 3 网页动画制作. 知识技能目标 能熟练运用 Flash 的常用工具 能制作逐帧动画、运动动画、形变动画并将其应用到网页中. 本单元理论授课 10 学时，上机操作 10 学时。. 任务 1 Flash 基本操作 一、任务分析 张先生的网站首页需要一幅 banner 动画，展示产品和宣传企业形象。

olisa
Télécharger la présentation

项目 3 网页动画制作

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 项目3 网页动画制作 • 知识技能目标 • 能熟练运用Flash的常用工具 • 能制作逐帧动画、运动动画、形变动画并将其应用到网页中 本单元理论授课10学时，上机操作10学时。 / 73

  2. 任务1 Flash基本操作 一、任务分析 张先生的网站首页需要一幅banner动画，展示产品和宣传企业形象。 目前网页动画制作工具主要使用Macromedia公司开发的Flash，它是的一款二维矢量动画制作软件，被大量应用于互联网网页的动画文件格式（.swf）。现在，Flash已经被Adobe公司购买，最新版本为Adobe Flash CS4。 下面首先学习一下Flash基本操作。 / 73

  3. 二、相关知识 （一）Flash的工作窗口 Flash 工作窗口如下图所示，主要由菜单栏、工具箱、舞台、时间轴面板、属性面板等构成。 / 73

  4. 1．菜单栏 菜单栏主要提供各种菜单操作命令。 2．工具箱 使用绘图工具时，图形的笔触颜色和填充色可以从颜色工具箱或属性面板中选择，也可以从混色器面板中选择。选中一个绘图工具后，在工具箱的选项中会出现相应的选项。 3．舞台 舞台是Flash制作动画的场所，舞台大小就是动画作品在网页中的大小。 4.属性面板 　属性检查器也称作属性面板，当选中舞台中的对象时，属性检查器中就是该对象的属性，通过属性面板可以设置对象的属性。 / 73

  5. 选择场景 5．滤镜面板 滤镜面板是Flash 8新添的功能，使用滤镜可以为文本、按钮和影片剪辑添加发光、投影等效果。 6.动作面板 动作面板用于对动画关键帧、按钮以及影片剪辑元件实例添加动作脚本。 7．当前场景 当前编辑的场景。一个Flash动画可以由多个场景组成，就像戏剧由多个场次组成一样。 8．面板组 从【窗口】菜单中可以选择打开的面板。 / 73

  6. （二）时间轴面板 Flash动画是由对象的空间结构和时间顺序组成的，时间轴面板是创作Flash动画的主要工具，时间轴面板如下图所示。 Flash影片由若干场景\时间帧\图层构成。 / 73

  7. 图层1 图层2 图层3 图层4 图层叠加 Flash时间轴面板中分为图层操作区和帧操作区。图层反映运动对象的空间结构，时间轴是由按时间顺序排列的帧组成的，其反映运动的时间顺序。 通过 按钮可以在窗口中实现时间轴面板的显示与隐藏。 1．图层操作 图层操作在时间轴面板的图层操作区进行， 图层操作包括： (1)插入／删除图层 单击 按钮可以在选中图层的上面插入 一个新图层，插入一个新图层后，系统会自动 为新图层命名为图层1，图层2，……。最上面 的图层离我们的眼睛最近。拖动图层的上下位 置可以改变图层的排列顺序。 双击图层名，可以修改图层名。使用 按钮图标可以删除当前图层。 (2)添加运动引导层 运动引导层是用于轨迹动画的引导图层，该层的使用见4.4.3小节。 / 73

  8. (3)插入图层文件夹 为便于管理，可插入图层文件夹，将一些相关图层放入图层文件夹中。 (4)图层属性 双击图层名前面的【图层属性】 图标，打开【图层属性】对话框，可 以设置该图层的属性，如右图所示。 (5)编辑图层 选中一个图层后，图层上显示出铅笔图标，表示该层处于编辑状态。单击图层的 列，可锁定图层，避免无意破坏。单击图层的 列，可隐藏图层内容，减少操作干扰。单击图层的 列，只显示对象的轮廓线。 单击图层操作区顶部的 、 、 图标，表示是对所有层的操作。 / 73

  9. 2．帧操作区 帧操作区中是动画的时间顺序排列，每个层有同步工作的时间通道。时间通道中的每个格表示一帧，舞台中的显示内容是当前帧的对象内容。“帧频率”表示动画的播放速度(帧／秒)。 3．帧类型 Flash中帧有4种类型： (1)关键帧：带黑点的帧，关键帧是动画中图形发生关键性变化的帧，也是动画制作中进行编辑操作的帧。动画制作一般只在关键帧中操作，其他帧是由系统自动生成的。 (2)空白关键帧：带白圆圈的帧，空白关键帧是帧内没有对象的关键帧。空白关键帧也可以编辑，在空白关键帧放置对象后，空白关键帧就变成关键帧。 (3)静止帧：是前面帧的静止延续，常用于背景图层，静止帧的结束帧是带白色矩形框的帧。有空白静止帧和非空白静止帧之分。 (4)过渡帧：过渡帧是两个关键帧之间动作渐变的帧，过渡帧是系统自动生成的，所以不能编辑过渡帧。通过插入关键帧可以将过渡帧转变为关键帧。正确的过渡帧是带箭头的实线，虚线则是发生了错误的过渡帧。 / 73

  10. 4．帧操作 右击图层动画通道中的一个帧位置，弹出帧操作菜单，如下图所示。 (1)插入帧：插入静止帧的结束帧，即将前面关键帧的内容延续到该帧。 (2)删除帧：删除当前选中的所有帧，选中多帧时需要使用Shift键。 (3)插入关键帧：在该帧位置插入一个关键帧，插入关 键帧后，前一个关键帧中的对象自动复制到该关键帧中。 (4)插入空白关键帧：在该帧位置插入一个空白关键帧， 插入空白关键帧后，可以向该帧中添加对象或添加动作脚本。 (5)清除关键帧：将关键帧转变为静止帧。 / 73

  11. （三）Flash文档操作 1．新建文档 　 从起始页【创建新项目】中选择【Flash文档】，或使用【文件】菜单/【新建】，打开【新建文档】对话框，从【常规】选项卡中选择【Flash文档】，即可创建一个新的Flash文档。 2．打开文档 从起始页【打开最近项目】中选择一个Flash文档，可打开该文档。单击【打开最近项目】中的【打开】图片，或使用【文件】菜单/【打开】，都可以打开【打开】文件对话框，从中选择要打开的文档。Flash的源代码文档为.fla文档,也可以使用【文件】菜单/【导入】，导入.swf文档，但导入后是逐帧动画，丢失了.fla文档的部分可编辑属性。 3．文档属性 单击舞台空白部分，属性检查器中显示文档属性，文档属性面板如下图所示。在面板中可设置舞台的“大小”、“背景”颜色、“帧频”等。 / 73

  12. 4．测试动画 Flash动画也称作影片,动画制作好后使用Enter键可以对影片进行测试。 5．导出 使用【文件】菜单/【导出】/【导出影片】，可以导出.swf的动画文件；使用【文件】菜单/【导出】/【导出图像】，只能导出当前帧中的图像。 6.发布影片 发布影片是将动画作品发布到网页中，可以 生成包含动画的HTML文档。 (1)发布设置 使用文档属性面板的 按钮， 或者使用【文件】菜单/【发布设置】，可以打开 【发布设置】对话框，如右图所示。 / 73

  13. 【格式】选项卡设置发布文档的类型，一般发布为swf文档和HTML文档，swf文件较小，适合在网页中使用。如发布为exe文档，则动画中自带播放器，但文档的字节数将增加。 该选项卡还可设置发布文件的名称和位置，单击文件名称框后面的文件夹图标，可通过浏览的方式设置发布文件的名称和位置。 【Flash】选项卡可设置播放器的版本、ActionScript(动作脚本程序)版本等。对swf文件而言，如选择了“防止导入”复选框并输入了密码，则以后在导入时须正确输入密码。 【HTML】选项卡可设置动画大小、播放方式及在网页中的对齐方式等。 (2)影片发布预览 影片发布预览是在浏览器中的播放预览，可以使用【文件】菜单/【发布预览】或使用F12快捷键。 (3)发布影片 在【发布设置】对话框中，单击【发布】按钮或使用【文件】菜单/【发布】，可按照【发布设置】中的设置内容发布影片。使用Ctrl+Enter组合键，可以实现发布预览和发布。 7．保存文档 将当前编辑文档保存。 / 73

  14. 三、任务实施 【任务场景】创建一个Flash文档，并进行文档设置；练习图层操作，时间轴面板的操作。 【操作环境】Windows XP、Flash。 【操作步骤】 步骤1 安装并启动Flash； 步骤2 选择创建Flash文档； 步骤3 右键单击舞台空白处，在快捷菜单中选择“文档属性”； 步骤4 在文档属性对话框中进行相关设置； 步骤5 练习图层操作及时间轴面板的操作。 四、课堂实践 例3-1 设置Flash文档属性。 操作内容：设置影片大小、背景颜色、帧频等。 例3-2 熟悉Flash图层的操作。 操作内容：增加、删除图层、命名图层、锁定图层、改变图层叠放顺序和类型等。 例3-3 熟悉Flash时间帧的操作。 操作内容：增加、删除帧、改变帧类型等。 / 73

  15. 任务2 Flash常用工具的使用 一、任务分析 要制作一个好的动画，首先必须熟练掌握制作工具的特性。下面我们首先来练习一下Flash工具箱中各种工具的使用方法。 二、相关知识 Flash工具箱主要是绘图工具，用于绘制矢量图形。Flash也可使用位图，如动画背景、动画元件、位图填充等，但不能使用绘图工具对位图进行加工。 （一）颜色选择 使用绘图工具绘制图形时，首先需要选择笔触与填充的颜色。颜色选择可以在工具箱的【颜色】栏中进行，也可以在属性检查器中选择，还可以在混色器面板中选择。 / 73

  16. Flash的颜色填充类型有纯色、线性、放射状和位图四种。设置颜色可以在【颜色样本】中选择，如下图a所示。如果需要编辑渐变色，则需要使用【混色器】面板，在类型为线性或放射状时可加或减颜色瓶。如下图b、c所示。使用位图填充时，需要打开一个位图文件，使用该位图作图案填充。Flash的颜色填充类型有纯色、线性、放射状和位图四种。设置颜色可以在【颜色样本】中选择，如下图a所示。如果需要编辑渐变色，则需要使用【混色器】面板，在类型为线性或放射状时可加或减颜色瓶。如下图b、c所示。使用位图填充时，需要打开一个位图文件，使用该位图作图案填充。 C / 73

  17. 端点 接合 （二）图形工具 1．线条工具 线条工具可以绘制直线。在线条工具属性面板中可以设置笔触的颜色、粗细、直线类型，还可设置直线端点的类型(圆角、方形)和直线接合的类型(尖角、圆角、斜角)。如下图所示。 单击线条工具属性面板中的 按钮，可以打开【笔触样式】对话框，如下图所示，在【类型】下拉列表框中可以选择一些笔触类型，还可以设置笔触的参数。使用线条工具并按住Shift键可绘制水平线、垂直线和45度斜线。 / 73

  18. 2．椭圆工具 椭圆工具用于绘制椭圆和圆形图形，选中【椭圆工具】后，可以在颜色面板或属性面板中设置笔触和填充颜色，笔触和填充颜色都可以是透明色、纯色或渐变色，笔触属性的设置与直线工具相同。 使用椭圆工具绘制正圆形时需要附加Shift键，从中心展开需要附加Alt键。如果绘制的图形中笔触和填充都不是透明色，一次绘制将得到两个对象，即椭圆边线路径对象和椭圆填充对象。 3.矩形工具 矩形工具用于绘制矩形图形，绘制正方形要附加Shift键，从中心展开需要附加Alt键，其他与椭圆工具相同。 / 73

  19. 绘制圆角矩形通过工具箱【选项】中的【边角半径设置】完成，如下图a所示。单击【边角半径设置】图标 打开【矩形设置】文本框，如下图b所示，在其中可以设置圆角半径。 选择矩形工具组的【多角星形工具】 ，可绘制多边形或星形。这时单击属性面板中的【选项】按钮可打开【工具设置】对话框，如下图c所示。在其中【样式】下拉列表框中可以选择“多边形”和“星形”,绘制五角星时“边数”设为5而“星形顶点大小”可设为0.5。 / 73

  20. （三）选取工具 1．选择工具 单击对象时选中对象。当鼠标样式为 时，可以进行区域对象选择，即可以拉出一个矩形区域，该矩形区域的对象都被选中。鼠标样式为 时，可以移动对象。当【选择工具】鼠标旁边为弧形曲线或直角形状时，使用鼠标可以移动对象的边缘或拐角点，改变对象的形状。如果使用【选择工具】选中一段线段，可以使用工具箱【选项】中 、 按钮对线段进行加工，每单击一次图标，选中线段的外形就会有所改变。 2．部分选取工具 　使用【部分选取工具】可以单击对象的边缘选中对象，或拉出一个矩形选中区域内的所有对象。【部分选取工具】只能选取对象的边缘，选中一个对象后，对象边缘上出现控制点，可以拖动对象边缘控制点改变对象形状，也可以拖动控制点的手柄调整对象边缘曲率。 / 73

  21. 3．套索工具 【套索工具】用于在打散的图像内部选取部分区域。使用【套索工具】在对象内部绘制一个闭合区域后，可以对该区域进行填充、移动、复制(附加Ctrl键)、删除(Delete键)等操作。选中【套索工具】后，工具箱【选项】中有三个套索工具选项，如下图a所示。【魔术棒设置】对话框如下图b所示。 魔术棒只在分离(打散)的位图中按颜色选择区域，在【魔术棒设置】对话框中可以设置颜色的阈值(即容差)，值越小要求颜色匹配的精度越高。 使用【多边形套索】选项可以绘制多边形的选取区域。 / 73

  22. （四）颜色填充工具 1．颜料桶工具 颜料桶工具可以对选中区域进行颜色填充。选择填充选项中的适当空隙，可以对不完全封闭的图形进行填充。 2．墨水瓶工具 使用【墨水瓶工具】可以改变对象的笔触（轮廓边线）颜色。 3．滴管工具 滴管工具用于选取笔触或填充色，使用【滴管工具】可以从【颜色样板】或图像中获取纯色、渐变色以及填充位图。 用位图填充步骤：导入一幅位图，打散，用滴管工具吸取，再用颜料桶工具进行填充或直接画出封闭图形即可。 / 73

  23. （五）变形工具 1．任意变形工具 　任意变形工具可以对图形对象进行任意变形操作。选中对象并点击任意变形工具后，选项中有【缩放】、【旋转与倾斜】、【扭曲】和【封套】选项，如下图a所示。选择【封套】选项时，被编辑对象周围出现控制点，拖动这些控制点可以编辑对象的形状，如下图b所示。 / 73

  24. 2．填充变形工具 填充变形工具用于调整线性填充、放射状填充及位图填充的填充效果。选取填充变形工具后，填充对象上出现填充变形调整手柄，如下图a所示，调整相应手柄可以调整填充效果。位图填充变形调整手柄如下图b所示。 / 73

  25. （六）笔形工具 • 1．铅笔工具 • 铅笔工具和线条工具的属性相同，铅笔工具的选项区域中有【伸直】、【平滑】和【墨水】三个选项，使用相应选项可绘制直线、平滑的曲线和任意曲线。 • 2．钢笔工具 • 钢笔工具用于绘制贝塞尔曲线。 • 3．刷子工具 • 　刷子工具用于绘制填充色块，在【刷子工具】的选项区域中有【刷子大小】、【刷子形状】的选择以及【刷子模式】选项。【刷子模式】如下： • 标准绘画：可以改变原来的边线与填充部分颜色（①）； • 颜料填充：只能改变填充颜色，不能改变边线的颜色（②）； • 后面绘画：在图像上面不能绘画（③）； • 颜料选择：绘画只能在选中的对象或区域中绘画，必须先选对象（④）； • 内部绘画：只能改变开始接触的颜色块的颜色。不必选中对象（⑤）。 ① ② ③ ④ ⑤ / 73

  26. 未锁定 前一次填充 锁定 注：在刷子工具或颜料桶工具中，有“锁定填充”的选项按钮 ，该按钮会锁定上一次的填充，如下图所示。 （七）文本工具 文本工具可以在Flash文档中输入文字。Flash8文档中的文字可以使用任意变形工具进行缩放、旋转与倾斜，在将文字打散之前不能对其扭曲、封套、填充渐变颜色或擦除。Flash中的文本有静态、动态和输入三种。 / 73

  27. （八）橡皮擦工具 使用橡皮擦工具时，可以从选项区域中选择【橡皮擦】的大小与形状。如果选择【水龙头】选项，则可以一次擦除整个封闭区域。【橡皮擦工具】的选项如下图a所示。【擦除类型】中包含的类型如下图b所示。 • 擦除类型功能及效果图如下： • 标准擦除：可以擦除所有对象(①)； • 擦除填色：只能擦除填充色，不能擦除边线(②)； • 擦除线条：只能擦除边线，不能擦除填充色(③)； • 擦除所选填充：只能擦除选择区域的填充颜色(④)； • 内部擦除：只能擦除起始接触的颜色(⑤)。 ① ② ③ ④ ⑤ / 73

  28. 三、任务实施 【任务场景】在Flash文档中利用各种工具进行操作。 【操作环境】Windows XP、Flash。 【操作步骤】 步骤1 使用填充工具进行颜色填充练习； 步骤2 使用图形工具、选取工具、变形工具、笔形工具、文本工具、橡皮擦工具等进行文档其他动画元素的编辑。 四、课堂实践 例3-4 熟悉Flash各种工具的使用。 操作内容：掌握颜色选择与填充工具、图形工具、选取工具、变形工具、笔形工具、文本工具、橡皮擦工具等的使用方法。 / 73

  29. 任务3 动画制作 一、任务分析 根据张先生网站的要求制作动画。Flash动画主要分逐帧动画与插值动画两大类，插值动画又分为形变动画和运动动画两种。有时为了突出效果，还经常对动画进行遮盖和导引处理。当然，要完成一个优秀的动画作品，还需要一定的美工创作基础。 / 73

  30. 二、相关知识 Flash动画分逐帧动画和插值动画两大类,插值动画又分形变动画和运动动画两种。 （一）逐帧动画 逐帧动画是将动画内容逐帧放置，每一帧都是关键帧。(逐帧动画示例) （二）形变动画 形变动画是图形的形状、大小、颜色等发生改变。 只能对矢量图作形变动画，如果要变形文字，需将文字分离成矢量图形。 / 73

  31. 例3-5 简单形变动画（效果如下所示） (1)新建一个Flash文档 (2)选择“矩形工具”，填充色选择“绿色”，在舞台左侧画一个填充矩形； (3)点选第1帧，在属性面板的“补间”下拉列表中选择“形状”； (4)点选第30帧，右击，选“插入空白关键帧”； (5)选择“椭圆工具”，填充色选择“红色”，在舞台右侧画一个填充圆，完成。 / 73

  32. （三）运动动画 运动动画是指“元件”的移动动画。在形变动画中，形变对象也可以移动位置，但由于动作对象不是“元件”，所以不是运动动画。在运动动画中，“元件”可以发生位置、大小、颜色的变化，但不能改变外部形状。在制作运动动画时，要注意每个图层上同一时刻只能有一个“元件”运动，但可以有多个影片剪辑。 运动动画中的“元件”可以是图形、按钮或影片剪辑。对于影片剪辑元件，可以在滤镜面板中添加滤镜效果。 / 73

  33. （四）元件的制作 在Flash代码中，“元件”是用标识符表示的，这样可以大量降低 动画文档的尺寸、节约文档下载时间。元件的制作方法如下： 1．创建新元件 库面板如下左图所示，单击 按钮打开【创建新元件】对话 框，如下右图所示。 / 73

  34. 在【创建新元件】对话框中输入元件名称，选择元件类型，单击“确定”按钮，打开元件编辑窗口，如下图左所示，在元件编辑窗口中进行元件的制作。在【创建新元件】对话框中输入元件名称，选择元件类型，单击“确定”按钮，打开元件编辑窗口，如下图左所示，在元件编辑窗口中进行元件的制作。 图形元件可以是矢量图形，也可以是文字或位图图像。对于影片剪辑元件，可以制作成一个动画。元件制作完成后，返回场景1，结束元件制作，元件进入库面板的元件列表中，如下图右所示。 / 73

  35. 2．将图形转换为元件 在舞台中绘制好图形后，选中图形，使用【修改】/【转换为元件】，或直接使用F8键打开【转换为元件】对话框，在其中填写元件名称、选择元件类别，单击“确定”按钮，图形被转换为元件进入库面板的元件列表中，同时舞台上的图形已经是一个元件的实例（对元件的引用）。 3．编辑库面板中的元件 双击库面板列表中元件的图标，在元件编辑窗口中对元件进行编辑，结束元件编辑后舞台中原来加入的该元件实例也随之改变。 4.影片剪辑元件实例的滤镜效果 一般影片剪辑元件是含有自己时间轴动画的元件，但也可以是简单的图形，甚至是空元件。当元件实例的行为是影片剪辑时，在舞台中就可以为元件实例添加滤镜效果。在滤镜面板中单击 按钮，可以为元件实例添加投影、模糊、发光、斜角等滤镜效果。 / 73

  36. （五）简单运动动画 运动动画是由元件实例运动构成的，图形元件实例的直线运动是最简单的运动动画。下面以实例制作说明图形元件实例的直线运动动画制作方法： (1)新建Flash文档，舞台大小为500*200px，舞台背景为白色。 (2)在库面板中单击 按钮，打开【创建新元件】对话框。 (3)在【创建新元件】对话框中输入元件的名称为“红球”，选择元件的类型为图形，单击“确定”按钮打开元件的编辑窗口。 (4)在“红球”元件编辑窗口中，以“+”为中心绘制一个无笔触色、红色放射状填充的圆形。单击【场景】，完成“红球”元件制作。 (5)选中图层1的第1帧，从库面板中拖动“红球”元件到舞台左侧。 (6)选中图层1的第30帧，插入关键帧，将“红球”元件实例拖到舞台右侧。 (7)鼠标右击两个关键帧之间的静止帧， 打开快捷菜单，选择【创建补间动画】，静 止帧上生成过渡帧。 / 73

  37. （六）轨迹动画 轨迹动画是用导线引导元件实例运动，从而控制对象的运动轨迹。轨迹动画的制作方法是在动画中添加“引导层”，运动的元件实例在“被引导层”中。引导层内只有“导线”，导线在播放时不会显示出来。一个引导层内可以有多条导线，一条导线可以引导多个图层内的元件实例。 例题，制作如下图所示演示抛物线运动的动画，步骤如下： (1)新建Flash文档，舞 台大小为550*400px，舞台 背景为白色。 (2)在库面板中创建图 形元件“球”，黑白色放射 状填充。返回场景。 (3)修改图层1名称为 “背景”，在图层中绘制背景 和桌子图案如右图所示，在 第40帧插入静止帧。 / 73

  38. (4)插入“运动”图层，将图形元件“球”拖入舞台“运动”图层第1帧，位于桌子左端；在第20帧插入关键帧，将“球”拖到“桌子”边缘，【创建补间动画】。 (5)在“运动”图层第30帧插入关键帧，将“球”拖到“地面”位置，【创建补间动画】。 (6)插入引导层，在引导层第20帧插入空白关键帧，使用钢笔工具绘制从桌子边缘到地面的抛物线导线。 (7)设置运动加速度，选择“运动”图层第20帧，单击属性检查器中“编辑”按钮，打开【自定义缓入／缓出】对话框，调整运动速率曲线成抛物线状，如下图 所示。完成。 / 73

  39. （七）遮罩动画 遮盖图层又称蒙板图层，利用它可以制作出很多特殊效果的动画。在遮盖图层中可以设置除了线条以外的各种图形对象，被遮盖图层中的图形对象，只有在遮盖图层填充色范围内才是可见的，而遮盖图层本身的填充色并不可见。 / 73

  40. 三、任务实施 【任务场景】利用Flash完成动画制作。 【操作环境】Windows XP、Flash。 【操作步骤】 步骤1 在文档中制作一个有3个关键帧的逐帧动画； 步骤2 在文档中制作一个文字形变动画，要求添加形状控制点； 步骤3 在文档中制作一个运动元件，并制作对该元件的导引运动动画。 四、课堂实践 例3-6 文字形变动画(如下图所示，其中图二是添加了形状提示后的效果) (1)新建背景白色的文档，选文本工具，红色，黑体，大小120，输入“人”字，坐标(100,100)，打散； (2)在第30帧插入空白关键帧，隶书，输入“人”字，坐标(100,100)，打散； (3)选第1帧，属性面板中，补间选“形状” ；运行一下。 (4)选第1帧，按Ctrl+Shift+H添加一个形状提示点，移到指定位置，选第30帧，将相同编号的形状提示点移到对应位置； (5)重复步骤(4)，添加完所有需要的形状提示点，控制好对应位置。完成。 / 73

  41. 注：图一效果只要操作步骤（1）～（3）即可，但字型复杂时最好加形状提示。在形变过程中，相同编号的形状提示点会保持同步变化。注：图一效果只要操作步骤（1）～（3）即可，但字型复杂时最好加形状提示。在形变过程中，相同编号的形状提示点会保持同步变化。 图一 不加形状提示 图二 添加形状提示效果 添加形状提示 图三 不加形状提示 图四 添加形状提示效果 添加形状提示 / 73

  42. 例3-7 制作如下图所示的运动动画，要求运动元件中轴与导引轨迹重合并显示出轨迹线。 例3-8 制作如下所示的遮罩动画 / 73

  43. 例3-9 遮罩层移动 创建一个526X363的文档,在背景图层画红色边框,粉红填充,有”数据库”文字,共160帧。 新建一图层，导入database.jpg图片。 新建“运动窗口”层，绘制一填充矩形，将窗口沿某个线路运动。 新建“窗口边框”层，绘制大小和运动线路与“运动窗口”层中填充矩形相同的红色矩形边框。再将“运动窗口”层设为遮盖层。 新建“视图文字”层，输入“视图窗口”文字，让其位于窗口边框下面，运动路线一样。完成。 / 73

  44. 例3-10 文字作为遮罩进行运动，底板颜色渐变 例3-11 遮罩层旋转(线条转填充) ←点击播放 / 73

  45. / 73

  46. / 73

  47. / 73

  48. / 73

  49. / 73

  50. / 73

More Related