第八周PPTppt课件.ppt

《第八周PPTppt课件.ppt》由会员分享，可在线阅读，更多相关《第八周PPTppt课件.ppt（24页珍藏版）》请在三一文库上搜索。

1、FlashCS3动画教学,团结进取 砥砺成才 http:/,提纲,冲击文字 爆炸文字 飘动文字 广告文字 毛笔字二 MTV字幕,FlashCS3动画教学,团结进取 砥砺成才 http:/,冲击文字,原理：该实例主要通过多层，逐步、连续放大文字，产生层层推进的效果，来产生一 种冲击文字特效，简单易学。 操作步骤：01.新建一个Flash文件，设置场景大小； 02.选择文字工具，在其中输入“动画课堂”四个字，并调整文字大小为 25 像素。 03.选择选择工具，选中该文字，然后点击F8转换为图形元件，随意命名 文字颜色大小可按自己需要随意调整。 04.在文字层第15帧处插入关键帧，然后选择变形工具，

2、按住Shift键的同 时，斜上方拖动右上角小区快，使得在原位置上同比例放大，具体放 大多少视情况而定。 05.在1到15帧任何一帧上点击右键选择创建补间动画效果，可看到文字由 小到大，从有到无的变化过程。 06.做好这些后，在新建多个层，这里我们新建7层 07.将新增图层上的帧全部选中并删除他们。然后选择第一层上动画帧， 也就是第1到15帧，点击右键选择复制帧。 08.选择第二层第2帧，点击右键粘贴帧，第三层第3帧，点击右键粘贴帧 第四层第四帧，右键单击粘贴帧，依次选择到第八层第8帧，右键点击 粘贴帧。,FlashCS3动画教学,团结进取 砥砺成才 http:/,冲击文字,至此，整个动画创作完

3、毕，如图所示图层和效果展示。,FlashCS3动画教学,团结进取 砥砺成才 http:/,提纲,冲击文字 爆炸文字 飘动文字 广告文字 毛笔字二 MTV字幕,FlashCS3动画教学,团结进取 砥砺成才 http:/,爆炸文字,原理：该实例主要通过将文字打散，然后切割为多个小区块，并让这些小区块以不同方向飞出消失，产生文字劈裂爆炸的特效，第二种方式是直接利用Flash提供的特效来实现，实现速度快，但效果比手动效果稍逊。 操作步骤：01.新建一个Flash文件，设置场景大小； 02.选择文字工具，在其中输入“动画课堂”四个字，并调整文字大小为 90 像素。 03.选择选择工具，选中该文字，点击两

4、次Ctrl+B，将文字打散。 04.在文字层通过选择工具或者套索工具选择第一个文字的一小块，具体 块的大小自己定，分的越小效果越细腻，选择好后点击F8转换为图形 元件。 05.然后再选择一小块，如果选择时将刚才已经转换为元件的部分也选中 可按住Shift，左键单击取消已经转化为元件部分的选中状态，只保留 没转化的部分文字，继续按F8转换为图形元件，这里我们将第一个字 分成6块。 06.做好这些后，选中这个字的全部共六块，右键单击该字，选择分散到 图层，该功能可以将这些小元件分散到不同层的同一位置，如图,FlashCS3动画教学,团结进取 砥砺成才 http:/,爆炸文字,FlashCS3动画教

5、学,团结进取 砥砺成才 http:/,爆炸文字,操作步骤：08.选执行分散命令后，可见如图效果。 09.然后选择1-1所在层，在第5帧处插入关键帧，创建补间动画，将该层 第5帧所在小块向左上扔出 10.依次将这六块都向不同方向将这六块扔出，具体方向、距离自己把握,FlashCS3动画教学,团结进取 砥砺成才 http:/,爆炸文字,操作步骤：11. 然后通过鼠标拉动将这1-1到1-6层选中每层的第一帧，在属性面板中选 择顺时针旋转； 12.至此呢第一个字的爆炸效果就完成了，可以预览一下，同理可完成其 他字的爆炸效果。 13.Flash提供一种快速的爆炸效果制作，再次我们也简单介绍一下，其效 果

6、没手动制作的逼真。 14.新建一个文件，通过文字工具书写“动画课堂”文字，然后选择文字 点击F8转化为图形元件。 15.右键点击这个元件，在弹出菜单中，选择最后一项TimeLineEffects，即 时间轴特效，然后选择Effects（效果）下的Explode（爆炸）项，将弹 出一个具体效果参数设置和预览窗口，在此我们选择默认设置，完成 后时间轴即场景中文字效果如下：,FlashCS3动画教学,团结进取 砥砺成才 http:/,爆炸文字,操作步骤：从下图中可看出，时间轴上层名前加了效果前缀名，动画效果比较粗糙；,FlashCS3动画教学,团结进取 砥砺成才 http:/,提纲,冲击文字 爆炸文

7、字 飘动文字 广告文字 毛笔字二 MTV字幕,FlashCS3动画教学,团结进取 砥砺成才 http:/,飘动文字,原理：该实例主要通过将文字作为遮罩的一部分，通过遮罩移动，文字边缘产生波动，达到一种文字飘动的效果，简单易学。 操作步骤：01.新建一个Flash文件，设置场景大小； 02.选择文字工具，在其中输入“动画课堂”四个字，并调整文字大小为 90 像素。 03.选择选择工具，选中该文字，复制文字。 04.新建一个图层，同位置粘贴该文字，使得文字层有两层，不要错位。 05.然后再新建一层，并将该层放置到最下面，在这一层绘制一个矩形， 填充颜色自己定义，边框色无。 06.选择这个矩形，然后

8、打开颜色面板，选择线性，然后选择线性溢出中 的第二项，如图： 这个是Flash8以后添加的功 能。 07.选择颜色渐变工具，拉动右侧箭头图标，调整填充色为如下： 08.选中这个调整好的矩形，使其右边和文字对齐，稍长处一些，按F8转 换为图形元件，并在第20、40帧出添加关键帧。 09.选择第20帧关键帧，拉动矩形到右边，和文字左侧对齐，稍长一些。,FlashCS3动画教学,团结进取 砥砺成才 http:/,飘动文字,操作步骤：10.选择矩形层上第1到40帧，右键单击，选择创建补间动画，预览可看到 矩形左右运动； 11.选择矩形上方的文字层，右键单击创建遮罩，通过Ctrl+Enter查看效果,F

9、lashCS3动画教学,团结进取 砥砺成才 http:/,提纲,冲击文字 爆炸文字 飘动文字 广告文字 毛笔字二 MTV字幕,FlashCS3动画教学,团结进取 砥砺成才 http:/,广告文字,原理：该实例主要通过将文字由大到小从场景外收缩到场景内的一个简单效果。 操作步骤：01.新建一个Flash文件，设置场景大小为180*60像素； 02.选择文字工具，在其中输入“动画课堂”四个字，并调整文字大小为 40 像素。 03.选择选择工具，选中该文字，执行一次CTrl+B，将文字分为四部分，记 住只分开不要执行两次给打散了。 04.选中四个文字，右键单击，选择分散到图层，执行后可看到文字被分

10、散到四层。 05.然后选择“动”字所在一层第一帧关键帧，选中该文字，点击F8转换 为图形元件，在该层第10帧F6创建关键帧，然后再次选中第一帧，选 择形状渐变工具，按住Shift键的同时拖动右上角区块，同比例放大 “动”字到一定大小，打开属性面板，选择颜色属性，将其alpha（透 明度）置为0，同时创建补间动画。 06.选择“画”所在层第一帧，转换为图形元件，将其移动到第10帧处， 在第20帧处创建关键帧，然后再次选中该层第10帧，同样按住Shift同 比放大，修改其透明度为0，创建补间动画。 07.同样的方法将“课”、“堂”二字也创建动画效果，创建完毕的时间 轴如图所示：,FlashCS3动

11、画教学,团结进取 砥砺成才 http:/,广告文字,操作步骤：效果为；,FlashCS3动画教学,团结进取 砥砺成才 http:/,提纲,冲击文字 爆炸文字 飘动文字 广告文字 毛笔字二 MTV字幕,FlashCS3动画教学,团结进取 砥砺成才 http:/,毛笔字二,原理：该实例主要通过逐帧添加遮罩的方式，完成笔画复杂，笔画间有交叉的文字的书写效果，相比上节讲解方式制作稍微麻烦，但效果更佳。 操作步骤：01.新建一个Flash文件，设置场景大小为550*400像素； 02.选择文字工具，在其中输入“大” 字，字体华文行楷，并调整文字大 小为90像素。 03. 然后再新建一层，在该层如上节一样

12、绘制一支毛笔，并转化为图形元 件，相关步骤不再赘述，在此我们绘制一支简易的笔。 04.在笔所在层上方再新建一层轨迹层，并用铅笔画出大字的轨迹。 05.在笔所在层第30帧创建关键帧，点击1帧，选择形状变形工具，将笔的 代表运动中心点那个小圆圈拉动到笔尖，30帧的关键帧也类似处理。 06.将第一帧关键帧移动到大字轨迹的其实位置，使得圆圈吸附到其实轨 迹线头上。 07.将第30帧关键帧移动到“大”字轨迹的结束位置，使得圆圈吸附 08.在文字层和笔层之间再添加一层，用于逐帧添加遮罩。 09.在新建的遮罩层上第一帧插入关键帧，选择笔刷工具，选择笔刷大小 和文字粗度近似，在“大”字的第一笔上点一下，覆盖一

13、小部分。 10.在第二帧处再插入关键帧，然后再多覆盖一点，依次添加关键帧并用 刷笔慢慢覆盖整个“大”字，文字的细腻效果和你用了多少个帧，以 及每一笔遮罩是否刚好覆盖，均匀覆盖有很大关系，一定要耐心处理,FlashCS3动画教学,团结进取 砥砺成才 http:/,毛笔字二,操作步骤：11.选择遮罩层，右键单击选择遮罩（Mask）形成遮罩，运行动画观察效 果并进行局部调整，整个时间轴如图；,FlashCS3动画教学,团结进取 砥砺成才 http:/,提纲,冲击文字 爆炸文字 飘动文字 广告文字 毛笔字二 MTV字幕,FlashCS3动画教学,团结进取 砥砺成才 http:/,MTV字幕,原理：该实

14、例主要通过遮罩效果，在歌声唱到那个文字时，将其进行遮罩变色，形成的一种动画效果，简单易学。 操作步骤：01.新建一个Flash文件，设置场景大小为550*400像素； 02.选择在讲解文字效果的同时，本例再给大家回顾一下前几节课的一些 内容，在本例中我们导入一些位图，通过对位图的不断变换形状、位 置，配合MTV字幕更生动一些，本例我们使用吴宇森的经典代表作 喋血双雄的电影海报位图和其中插曲前醉一生的音乐，在本例 只做一段，有兴趣的同学可继续制作，本例导入9副相关位图。 03.在场景中选择矩形工具绘制一个矩形，颜色按自己喜好，边框色无， 然后选择矩形对象工具，在场景绘制两个大小不一的矩形对象，颜

15、色 任意，无边框色。按，分别拉动每个矩形的一个角，使形成圆角效果 打散矩形对象，将其中一部分删除，完成后的效果如图,FlashCS3动画教学,团结进取 砥砺成才 http:/,毛笔字二,操作步骤：04.之所以做这些工作，主要为使大家对以前学的一些巩固，将该层命名为 视窗，该层将位于后续建的所有层之上。,FlashCS3动画教学,团结进取 砥砺成才 http:/,MTV字幕,操作步骤：05.新建一个图层，命名为“位图效果”，将其拉动到“视窗”图层下，之 所以将“视窗”放置到顶端，是为所有图片的效果不要超出我们规定 的范围，和上次作业中“跑马灯”效果的顶盖一个道理。 06.拉出第一张海报位图到“位

16、图效果”层，放置该图形到场景中心对齐， 转化该图形为图形元件，命名为“1”，在第20帧处插入关键帧，将图 形元件通过渐变工具，缩小到刚好到是窗中的样子，然后创建补间动 画，如图,FlashCS3动画教学,团结进取 砥砺成才 http:/,MTV字幕,操作步骤：07.新建一个声音图层，创建声音图层，主要是提前导入声音，查看声音长 度，以便能合理安排位图变化等其他效果； 08.导入声音到库中，选择声音层，从库中拉出声音元件，也就是浅醉 一生片段的MP3音乐到场景，通过延长帧发现该段声音共240帧。 09.第一副位图我们通过由大到小的的图形缩放，展示一种场景元素由近 及远的特殊效果，第二幅位图，我们

17、实现从左到有插入，并挤走第一 副位图的效果。 10.在位图效果层上新建一层，命名为“位图效果2”，并在第25帧处插入 空关键帧(F7),从库中拉出第二幅位图，并修改其大小为533*313，即和 第一张位图最后的一帧的大小一样，Y轴坐标和第一副的坐标一致，仔 细调整，然后转化为图形元件“2”。 11.选择位图效果层第25帧插入关键帧，在第40帧处插入关键帧，移动1元 件到左侧视窗边缘，创建补间动画。 12.选择位图效果2图层，在40帧处插入关键帧，将“2”移动到左侧视窗 搞好把第一副图的位置补上。 13.在该层45帧处插入关键帧，在选择位图层第45帧处插入空关键帧。 14.第三幅位图我们通过由小

18、到大从第2幅图的消失中显示出来。,FlashCS3动画教学,团结进取 砥砺成才 http:/,MTV字幕,操作步骤：15.在位图效果层第45帧创建空关键帧，然后从库中拉出第三幅图，将其 大小和第二幅图设置为一样，x、y轴坐标也一致。然后转换为图形元 件“3”。 16.将剩余的5幅位图分别实现由小到大，从上到下等效果实现。到240帧 时将这些位图展示完毕。 17.位图效果复习完成后，我们开始MTV字幕的效果创建，首先在字幕层 和视窗层之间新创建三个层，分别命名为字幕1、字幕2、字幕遮罩。 18.在字幕1层输入第一句歌词“在每一天，我在留恋”，文字大小为25像 素，字体为华文行楷，颜色为绿色，然后同位置复制到字幕2层上，并 修改颜色为红色。 19.在字幕遮罩层，通过矩形工具画一个长方体，大小刚好可以遮住下面 的文字即可，并建起转化为图形元件。 20.选择字幕遮罩，分别在第5帧、10帧、15帧、20帧处设置关键帧，同时 根据歌词进度移动这些帧所在矩形遮罩的位置，使得文字和唱歌进度搭 配。后续的遮罩请参考源文件给的，再次不做赘述。,