flash自编课件

《flash自编课件》由会员分享，可在线阅读，更多相关《flash自编课件（53页珍藏版）》请在金锄头文库上搜索。

1、FLASH MX2004 基本知识1、 FLASH常用工具的使用例 1：喜庆灯笼制作 见 宫灯.fla （1） 、400*600（2） 、插入-新建元件-选择“图形” 、命名为：灯笼（3）选择“椭圆”工具，绘制无边线、放射渐变椭圆， 【颜色】面板中，设置两种渐变色：左：红 254 绿 116 蓝 33右：红 243 绿 1 蓝 1（4）增加图层，绘制两个无边矩形， 【颜色】面板中，设置 4 种渐变色：左：红 130 绿 30 蓝 26右：红 255 绿 0 蓝 0左：红 236 绿 104 蓝 62右：红 173 绿 44 蓝 33（5）增加图层，绘制两个无边矩形， 【颜色】面板中，设置金黄色

2、线性渐变色：（6）增加图层，绘制金色纹理线，选择“指针手型”工具调整线条弧度（7）增加图层，输入金色“喜”并进行相应格式化（8）复制“灯笼” ，调整字为“庆”例 2：相关文字编辑（1）、 创建“我要学做闪客”元件，执行【插入】|【新建元件】命令，新建一个图形元件，名称为“我要学做闪客”。单击工具箱中的【文字工具】 ，在场景中输入“我要学做闪客”六个字，在【属性】面板中，设置文字参数如图所示。（2）、选中字体，执行【修改】|【分离】命令二次，把字体打散，再选择【颜料桶工具】，把字体中心填充成红色。各个步骤的文字效果如图所示。 其他如： 艺术字的制作（1）输入“江山如此多娇” ，幼圆，57 号（2

3、）打散 2 次（3）选择【变形】工具，选择画面中文字，矩形边缘出现 8 个手柄（4）单击【封套】 ，拖拽位置和方向 空心字的制作（1） 、先打散文字，然后使用【墨水瓶】工具，设置如图，（2） 、使用墨水瓶单击文字边界（3） 、单击选择工具，选中文字红色部分，按 DELETE 删除例 3：图形工具使用（1）、 绘制无边红色三角形（2）选择矩形，将三角形“中心点。”移到如下图（3）、选择【窗口|设计面板|变形】，打开变形面板(4)连续单击，如图2、逐帧动画制作例 1：圣诞树.fla 步骤略例 2：文字闪烁.fla 步骤略制作方法：3、时间轴特效动画制作例 1：数据结构精品课程时间轴特效.fla（1

4、） 、760*120（2） 、插入-新建元件-选择“图形” 。选择【矩形工具】 ，在【颜色】中设置【笔触颜色】为无，填充色为#FF3300，单击【选项】中【圆角半径】设置为 2 点,矩形宽 57.5 高 39 （为什么？）（3） 、回到【场景 1】 ，打开【库】面板，拖到场景中，设置X=0，Y=0；（4） 、选中圆角矩形，执行【插入/时间轴特效】 ，打开【帮助】 ，选择【复制到网络】特效，设置行数 3，列数 13，间隔 1（5） 、在图层 1 的第 50 帧，按 F5 插入帧（5） 、新建一个元件，输入“数据结构精品课程欢迎您” ，宋体，36号，白色，粗体（6）增加图层 2，在第 1 帧将文字

5、元件拖到场景中，执行【插入】【时间轴特效】 【模糊】 ，设置【效果持续时间】50，分辨率 1，缩放 24、形状渐变动画制作 例 1 变幻的字母.fla注意：一定要连续 CTRL+B 两次，打散成矢量图形才能看到渐变效果，控制动画的速度可以增加帧的长度例 2 神奇的文字变蝴蝶.fla制作方法：步骤略5、运动渐变动画制作例 1：春来江水绿如蓝.fla 制作方法：步骤略例 2：单摆.fla （1） 、通过新建元件，绘制 单摆（2） 、增加图层，在第 1 帧绘制 单摆 框架，第 80 帧按 F5，使的第一帧延长到第 80 帧（3） 、增加图层，拖 单摆元件到场景中，利用【任意变形工具】设置单摆左侧运动

6、最高点（4） 、单击第 20 帧，按 F6 插如关键帧，利用【任意变形工具】设置单摆平衡位置；40 帧，F6 右侧位置，（5） 、单击第 40 帧，按 F6 插如关键帧，利用【任意变形工具】设置单摆右侧位置，（4） 、单击第 60 帧，按 F6 插如关键帧，利用【任意变形工具】设置单摆平衡位置；（5） 、单击第 80 帧，按 F6 插如关键帧，利用【任意变形工具】设置单摆回到原来位置；6、引导层动画制作例 1 旋转文字.fla（1） 、500*400（2） 、单击“文字”根据，输入“旋转文字”4 个字，按 CTRL+B分离文字，使其变成图形（3） 、右键单击“层 1”，选择“添加引导层” ，命

7、名为“导轨” ，用椭圆工具画一个圆，然后用 橡皮擦 工具 在圆上擦开一个小口。在第 40 帧按 F5 插入帧。（4）按 SHIFT 同时选择工具选中分离后的文字，按 F8 转换为电影元件，命名为“文字”（6）在层 1 的第 1 帧，单击选择工具并选中“对齐对象” ，将“文字”中心移到缺口的左点（7）在层 1 的第 40 帧，按 F6 插入关键帧，单击选择工具并选中“对齐对象” ，将“文字”中心移到缺口的右点（8）右单击第一帧，选择“创建补间动画” ，并选中“调整到路径”（9）由于引导层不可见，增加图层，复制圆，并补上缺口，结果如图例 2 火焰山.fla例 3 数据交换.fla7、遮罩层动画在

8、Flash 的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜等等。那么，“遮罩”如何能产生这些效果呢？在本节，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧，最后，提供二个很实用的范例，以加深对“遮罩”原理的理解。1遮罩动画的概念（1）什么是遮罩遮罩动画是 Flash 中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在 Flash 的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出

9、来，而“视窗”之外的对象将不会显示。（2）遮罩有什么用在 Flash 动画中，“遮罩”主要有 2 种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。2创建遮罩的方法（1）创建遮罩在 Flash 中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键，在弹出菜单中选择【遮罩层】，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标 变为遮罩层图标 ，系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时图标变为 ，如果你想关联更多层被

10、遮罩，只要把这些层拖到被遮罩层下面就行了，如图所示。（2）构成遮罩和被遮罩层的元素遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。（3）遮罩中可以使用的动画形式可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。3应用遮罩时的技巧 遮罩层的基本原理是：能够透过该图层中的对象看到 “被遮罩层”中的对象

11、及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。 要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。 可以用“Actions”动作语句建立遮罩，但这种情况下只能有一个 “被遮罩层”，同时，不能设置_Alpha 属性。 不能用一个遮罩层试图遮蔽另一个遮罩层。 遮罩可以应用在 gif 动画上。 在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮 ，使之变成 ，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外

12、形和位置。 在被遮罩层中不能放置动态文本。或许你读了上面的描述，还有点模糊，那么，通过一些范例，相信你会感受到遮罩动画的神奇！例 1 狮子追兔子.fla（略）例 2要学做闪客（文字效果）实例简介“嗖”，伴着这声音，一道白光迅速掠过一排文字，这是我们经常在广告和电视中看到的效果，如图所示。你想不想知道它们是怎么制作出来的呢？其实很简单，利用前面学过的知识就可轻易地做出这个效果，下面，让我们动手试一试。知识要点 字体的二次打散 将字体转为形状 创建遮罩动画（1）创建影片文档执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|【Flash 文档】选项后，单击【确定】按钮，新建一个影片文档，在【

13、属性】面板上设置文件大小为 550400 像素，【背景色】为黑色（在教程中，我们为了更好地显示场景中的内容，背景色设为了深绿色）,如图所示。（2）创建元件步骤 1 创建“我要学做闪客”元件，执行【插入】|【新建元件】命令，新建一个图形元件，名称为“我要学做闪客”。单击工具箱中的【文字工具】 ，在场景中输入“我要学做闪客”六个字，在【属性】面板中，设置文字参数如图 3-5-20 所示。选中字体，执行【修改】|【分离】命令二次，把字体打散，再选择【颜料桶工具】，把字体中心填充成红色。各个步骤的文字效果如图所示。（3）遮罩动画 创建“辉光”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称

14、为“辉光”。执行【窗口】|【设计面板】|【混色器】命令，打开【混色器】面板，设置【填充样式】为线性，将三个色标全部设置为白色，第一和第三个的【Alpha】值为零，中间的为 74%（你可按需设置），设置完后，在场景中画一个无边矩形，大小为 40230，如图所示。（4）创建动画单击时间轴右上角的【场景 1】按钮，切换到主场景。本例的主场景 1 中共有四个图层，我们从下向上一层一层的做，可参看图所示。步骤 1 创建【底层文字】层将【图层 1】重新命名为【底层文字】。从库里把“我要学做闪客”的元件拖到场景中，在第 60 帧处添加普通帧，这一层起显示文字的作用。步骤 2 创建被遮罩层新建一个【辉光】图层

15、，从库里把“辉光”元件拖到场景中，放在“我要学做闪客”元件实例的左边。选择工具栏上的【任意变形工具】，单击【选项】中的【旋转与倾斜】按钮，将鼠标放在“辉光”元件实例的任意一个角，拖动鼠标旋转一定有角度，使“辉光”元件实例产生一定的倾斜度。在第 30、60 帧处添加关键帧，在第 30 帧处把“辉光”元件实例拖到“我要学做闪客”元件实例的右边，在第 1 帧和第 30 帧处建立动作补间动画，如图所示。 步骤 3 创建遮罩层新建一个【遮罩层】图层，复制【底层文字】层的第一帧中的元件实例，选择【遮罩层】的第 1 帧，执行【编辑】|【粘贴到当前位置】命令，用鼠标右键单击【遮罩层】，选择【遮罩层】，设置此层为遮罩层，这一层的作用是用字体做遮罩元素，用它来控制辉光在场景中出现的大小和位置。至此，我们就已经创建好了“我要学做闪客”这个动画，时间轴面板如图所示。例 3文字变色的 OK 效果.fla制作的步骤：（1） 、插入元件，输入红色的“安庆师范学院” ，并打散为矢量图形（2） 、图层 1 命名为“OK 红色” ，第 1 帧拖入“安庆师范学院”元件，在第 60 帧按 F5 插入普通帧；（3） 、增加图层，命名为“遮罩层” ，绘制无边的矩形，大小与“安庆师范学院”相等，然后按 F8 转换为元件；在第 1 帧拖入此元件到“安”字左侧；在第 6 帧拖此元件盖住这个文