|
首页 | 名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
该效果是通过遮罩和简朴的鼠标跟随技术来实现的。首先,做一个光源(发光的蜡烛),通过鼠标跟随技术让它获取鼠标的位置,并隐藏原来的鼠标。再通过遮罩技术使光源只在蛋壳的范围内显示。 效果预览:
源文件下载:点击这里下载 制作步骤: 1.新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为500px x 400px,背景为黑色,帧频为12fps。如图1所示。 2.制作“雏鸟”元件。 按快捷键Ctrl+F8打开“创建新元件”面板,创建一个名为“雏鸟”的图形元件。按快捷键Ctrl+R打开“导入”面板,在该元件的场景中导入一只雏鸟,如图2所示。 3.制作“蛋壳”元件。
按快捷键Shift+F9打开“混色器”面板,如图4所示设置。图4中两个滑块的颜色都为白色,只是第2个滑块的Alpha值为10%。 4.制作“壳-黑影”元件。 按快捷键Ctrl+F8打开“创建新元件”面板,创建一个名为“壳-黑影”的图形元件。把“蛋壳”元件里的蛋壳复制过来,再改变其颜色为纯黑色。这个元件在效果中是做遮罩用的。 5.制作“蛋壳-运动”元件。 按快捷键Ctrl+F8打开“创建新元件”面板,创建一个名为“蛋壳-运动”的影片剪辑元件。按快捷键Ctrl+L打开“库”面板,把库中的“雏鸟”元件拖入到场景中。让雏鸟的小腿动动就可以了。这是为了增加效果的动感。 6.制作“光圈”元件。 按快捷键Ctrl+F8打开“创建新元件”面板,创建一个名为“光圈”的影片剪辑元件。按快捷键Shift+F9打开“混色器”面板,如图6所示进行设置,其中第1个滑块的颜色为 7.制作“烛焰”元件。 按快捷键Ctrl+F8打开“创建新元件”面板,创建一个名为“烛焰”的影片剪辑元件。该元件层的结构如图8所示。如图8所示新建两个层。将三个图层分别改命名为“光圈”、“外焰”和“内焰”。 设计内焰。内焰就是一片蓝色色块在做大小变化的“外形渐变”运动。首先,按快捷键Shift+F9打开“混色器”面板,并进行如图9的设置,图中第1个的颜色为#0064FF,Alpha值为10%,第2个的颜色不变,只是Alpha值为70%。 在“内焰”层的第1帧中绘制一个外形如图10所示的内焰,用“颜料桶”工具着色,用 接下来,分别点选第5、9、13帧按F6插入要害帧,再点选第1、5、9帧,在“属性”面板里的“补间”下拉菜单中选择“外形”命令。注重:各帧中烛焰的大小不要相同,这样烛焰才有跳动感,但彼此的位置要很接近。 设计外焰。按快捷键Shift+F9打开“混色器”面板,如图12所示进行设置。图中第1个滑块是白色,Alpha值为0%;第2个滑块是白色,Alpha值为30%;第3个滑块是黄色(#FFFF99),Alpha值为100%;第4个滑块的颜色是#FAAF65,Alpha值为100%;第5个滑块是白色,Alpha值为80%。如此设计是为了让外焰更有层次感,效果更加的逼真。外焰大小、位置的设置同内焰。只是位置有所不同。设计出的外焰效果如图13所示。 设计光圈。按快捷键Shift+F9打开“混色器”面板,如图14所示进行设置,用“椭圆” 8.制作“蜡烛”元件。 按快捷键Ctrl+F8打开“创建新元件”面板,新建一个名为“蜡烛”的影片剪辑元件。“蜡烛”元件里有两层,上面一层放“烛焰”元件。下面一层中绘制一个烛身。如图16所示。 9.按快捷键Ctrl+E回到“场景1”,如图17所示建立各层,层的上下次序不能颠倒。按快捷键Ctrl+L打开“库”面板,把库中的元件拖拽到场景里名字想对应的层中。这样做可以方便设计和提高工作效率――把它们放在各自的层里,那么就可以通过隐藏有锁定其它层来选取编辑它。 10.点选“蛋壳”层的第1帧,按快捷键F9打开“动作”面板,输入代码“Mouse.hide();”,其作用是隐藏鼠标。让“蛋壳”元件和“壳-黑影”元件重叠,并把“雏鸟”元件隐藏在“蛋壳”元件下。右键点选最上面的“壳-黑影”层,点选“遮罩”命令将其创建为遮罩层。 11.最后,我们来编写一些程序。点选“光圈”层中的“光圈”元件以及“蜡烛”层中的“蜡烛”元件,按快捷键F9打开“动作”面板,输入一样代码。 // 让“光圈”、“蜡烛”元件跟着鼠标移动 效果到这里就完成了。大家可以按快捷键Ctrl+Enter测试一下。 返回类别: Flash教程 上一教程: Flash视频教程:滚动的球 下一教程: 把Flash动画轻松转成GIF图片 您可以阅读与"Flash透视技术之鸡蛋里面的世界"相关的教程: · Flash动画背景绘制方式-透视篇 · FlashMX 视频教程(24)-实例3制作透视文字 · Flash MX 2004视频宝典教程(3)达芬奇的鸡蛋 · Flash中的电影艺术之镜头技巧教程 · Flash鼠绘技术内幕完全接触 |
快精灵印艺坊 版权所有 | 首页会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店 |