《flash制作梦幻仙境的动画.doc》由会员分享，可在线阅读，更多相关《flash制作梦幻仙境的动画.doc（28页珍藏版）》请在金锄头文库上搜索。
1、本文中我们用Flash将一幅风景照片来制作一个梦幻仙境的动画。本例主要利用以下知识点：时间轴特效制作百叶窗、滤镜制作边框效果、混合模式制作图片色彩变幻的效果、AS制作鼠标跟随效果。本文由中国教程网 云飘飘 原创。效果演示：一、新建FLASH文档文件尺寸大小600*400，其他数值默认。 二、元件的准备(一).制作百叶窗元件1.插入-新建元件，类形图形，命名为线条(图1). 图1笔触颜色禁止，填充色任意，用矩形工具画一个600*3长方形(图2).图2用黑箭头工具选中长方形，全居中(相对舞台，水平中齐，垂直中齐)(图3)图32.插入-新建元件，类形影片剪辑，命名为百叶窗. 从库中把线条元件拖入，全
2、居中. 选中线条，然后点插入-时间轴特效-帮助-复制到网格(图4)图4如图5设置好，点确定.百叶窗元件就做好了。图5(二).制作边框元件插入-新建元件，类形影片剪辑，命名边框元件. 笔触颜色禁止，填充色任意，用矩形工具画500*350的长方形.全居中。(三).制作图片元件点插入-新建元件，类形影片剪辑，命名图片元件. 再点文件-导入-导入到舞台，找到一张你喜欢的图片，点打开，这时舞台和库中都有这张位图了(见图6.图7).图6图7选中图片，在属性面板改大小为500*350，全居中(图8)。图8(四).制作图片按钮 点插入-新建元件，类型按钮，命名为图片按钮，点确定(图9)。图9点弹起帧，然后从库
3、中把位图拖入，选中图片，在属性面板设置大小为500*350，全居中(图10)。图10(五).鼠标跟随元件1.蝴蝶飞舞元件:我比较懒，利用了网上的资源，大家有兴趣可以自己做。 2.跟随1元件. 插入-新建元件，类形影片剪辑，命名跟随1 。图层1的第一帧，点文本工具，在属性面板中，设置为动态文本，并设置好字体和大小，然后在舞台中打上任意一个字，选中这个字，在属性面板中，实例名称改为_txt(注意要在英文输入状态才行) (图11) ，全居中。图11插入图层2，点图层2的第一帧，从库中把蝴蝶飞舞的元件拖入放在字的上方(图12)。图123.鼠标跟随元件 插入-新建元件，类形影片剪辑，命名鼠标跟随 点图层
4、1的第一帧，从库中把跟随1元件拖入，选中这个元件，在属性面板，改实例名为:mc0，全居中(图13). 图13 插入图层2，点图层2的第一帧，按F9，打开动作面板，输入下面代码: var disWord = 梦幻仙境; var dConst = 4; var xConst = 30; var yConst = 0; var sConst = 4.000000E-001; var count = disWord.length; var i = 0; while (i count) if (i = 0) mc0.swapDepths(count - i); else mc0.duplicateMov
5、ieClip(mc + i， count - i); / end else if thismc + i._xscale = thismc + i._yscale = 100 * (1 - sConst + sConst * (1 - i / count); thismc + i._txt.text = disWord.substr(i， 1); +i; / end while onEnterFrame = function () this.mc0._x = this._xmouse; this.mc0._y = this._ymouse; for (var _loc2 = 1; _loc2 c
6、ount; +_loc2) var _loc4 = xConst * (1 - sConst + sConst * (1 - _loc2 / count); var _loc3 = yConst * (1 - sConst + sConst * (1 - _loc2 / count); thismc + _loc2._x = thismc + _loc2._x + (thismc + (_loc2 - 1)._x + 1.500000E+000 * _loc4 - thismc + _loc2._x) / dConst; thismc + _loc2._y = thismc + _loc2._
7、y + (thismc + (_loc2 - 1)._y + 1.500000E+000 * _loc3 - thismc + _loc2._y) / dConst; / end of for ; 见图14。图14(六).金鱼元件:金鱼的制作我已经另外开贴发出来了，有兴趣的可以自己做下，也可以制作其他元件来装饰场景。 (七).音乐元件:先导入一首你喜欢的歌到库中，然后给音乐减肥，从库中找到音乐，选中它，点右键属性，如图设置。 插入-新建元件，类形影片剪辑，命名音乐，点第一帧，在属性栏里，如图设置.(见图15，16，17) 。图15图16图17延长帧至音乐消失。 三、场景组装 1.场景1的第一层
8、，改名为大图，点第一帧，从库中把图片元件拖入，选中图片，在属性面板中，颜色下拉列表中选择Alpha值设置为75%，大小改为600*400(图18)。图18 全居中，点第11帧，按F5，延长帧到11帧(图19).图层上锁. 图192.增加图层2，改名为百叶窗，点第一帧，从库中把百叶窗元件拖入，属性面板设置大小为600*400，全居中。 在属性面板中将色调如图设置(可以改成你喜欢的颜色).混合项为叠加(图20).图层上锁。图203.增加图层3，改名为底图，点第一帧，从库中把图片元件拖入.全居中(图21)。图214.增加图层4，改名为图片组， 点第一帧，从库中把图片按钮拖入，全居中.选中这个按钮，按
9、F9，打开动作面板，输入代码: on (rollOver) gotoAndPlay(2); 点第二帧，按F7，插入空白关键帧，从库中把图片元件拖入，全居中。 在属性面板中，在混合项选择色彩增殖。在颜色项选择色调，色彩数量设为52%。单击色调旁边的填充色按钮，打开调色板，同时光标变成吸管状。在调色板上移动鼠标，会发现鼠标移动到不同颜色图片也会随之而变化，吸取你喜欢的颜色.( 如图22)图22再把第3帧到第11帧每一帧都插入一个关键帧，为每一帧选择不同的颜色. 5. 增加图层5，改名边框，把边框元件拖入，全居中.增加滤镜效果:选中边框元件，点滤镜，再点”+”，点发光，模糊数值默认，强度为500，颜
10、色选择自己喜欢的，挖空项一定要打上勾.如图23.图236.增加图层6，改名金鱼，从库中拖入几个金鱼摆好位置. 7. 增加图层7，改名鼠标跟随，从库中把鼠标跟随元件拖入场景 . 8. 增加图层8，改名音乐， 从库中把鼠标音乐元件拖入场景 9.增加图层9，改名AS，点第一帧，按F9打开动作面板输入命令:stop(); 测试，发布，保存。本例中我们用Flash来模拟光斑的动画效果，效果如下。从中我们可以学习色彩的调节变换，调节出好的色彩才会使图像更加亮丽，增加层次感和视觉效果。 本文由中国教程网 祥云 原创。效果演示： 1. 单击Flash文件菜单点新建命令新建一个动画文件，再单击修改菜单中的场景，
11、在弹出影片属性框中作一下修改，宽(width)为300px，高(height)为160px，背景色为黑色，按确定按钮。图12.单击“插入”菜单中“添加组件”命令，新建一个组件取名为gux(随便取名)，性质设为图像，按确定进入gux的编辑区。图23. 从左边的工具栏中选择矩形工具，在下面的线条颜色按钮上单击，在弹出的选色面板左上角有个描边按钮，把它关闭，如左图，目的是在画出的矩形中去掉外边框。 在工具栏的下面填充颜色按钮上单击， 在弹出的选色面板上单击顶部中间的配色按钮。图34. 在弹出的颜色面板上选择渐层，设置类型为线渐层，在配色坐标上排列5个色标，从左到右5个色标的值分别为(0，0，0)、(
12、250，100，0)、(250，250，200)、(250，100，0)、(0，0，0)，两个黑色Alpha的值为100%，如下图。图45. 在编辑区中拖动鼠标绘制一个细长条的矩形，用缩放工具把刚才画的长条矩形尽量压细，最好能成为一条线。图56. 再新建一个组件， 单击 插入菜单中添加组件命令，新建一个组件取名为gyu(光源)，性质设为图像，按确定进入gyu的编辑区。在填充颜色按钮上单击， 在弹出的选色面板上单击顶部中间的配色按钮，在弹出的颜色面板上选择渐层，设置类型为圆型渐层，在配色坐标上排列2个色标，从左到右2个色标的值分别为(250，250，160)、(0，0，0)，黑色Alpha的值为
13、5%，添加到样品库中，等会用，如下图。图67. 继续保持在gyu的编辑区里，打开窗口/图库，把刚gux组件拖入编辑区内，调整各长短、旋转方向以达到满意为止。图78. 加上光环，使用圆形工具，指定以黄色描边，宽度为一个像素。把填充颜色关闭(操作与关闭描边方法相同)，按下shift键不放，拉出一个略大的圆圈，调整这个和gux(光束)不在同一个中心点上，如下图。图89. 新建一个层，使用圆形工具，在样品库中选择刚才配好色的光源，用鼠标在编辑区内安住shift键拖出一个圆和光束的中心点重叠，使之与外边的光环不在一个同心圆上，以便呈现出较自然的感觉，如下图图910. 为了使它更加真实，再给它加上残光，选
14、为蓝色的圆渐层，如下图图1011. 再新建一层，把这一层放在最底下，绘制出深蓝色的残光。到这里光斑效果的所有组件都做好了，返回影片的主画面图1112. 打开窗口/图库，把刚gyu组件拖入影片的主画面。13. 在时间轴40处点击右键，从弹出的快捷菜单中选择插入影格，并插入关键帧，20处插入一个关键帧，21处插入一个关键帧。在第一帧双击gyu，在组件实体属性中的颜色效果里选择亮度，并把其值调到-70左右，并把它变小，在40帧处gyu的值和第一帧相同，也将它变小。20和21帧处gyu的值不变，在第一帧点击右键，选择产生移动渐变，在21帧处点击右键，选择产生移动渐变，好了，到这模拟光斑的效果就做完了。图12
