Flash打造星光四射的莲花

本例思路：导入莲花素材，然后为其制作闪烁动画效果。绘制遮罩图形，然后利用图形之间的叠加原理制作出星光四射动画特效。
[1b]Part 1[/1b]
制作莲花闪烁动画（1）新建一个大小为550×400像素，背景色为黑色，帧频为25fps的空白文档。将默认的“图层1”更名为“背景”，然后使用“矩形工具”绘制一个没有边框的矩形，打开“颜色”面板，设置类型为“放射状”，再设置第1个色标颜色为（R:1，G:47，B:152），第2个色标颜色为（R:2，G:2，B:100），第3个色标颜色为（R:0，G:0，B:0），填充效果如图4-1所示。
[img]/uploads/allimg/091203/2042300.jpg[/img]
图4-1  制作背景
（2）新建一个“莲花”图层，然后按Ctrl+R组合键导入本书配套光盘中的“Chapter04/素材/莲花.png”文件，如图4-2所示。
[img]/uploads/allimg/091203/2042301.jpg[/img]
图4-2  导入素材
（3）选中“莲花”图层中的莲花，然后按F8键将其转换为影片剪辑（名称为“莲花”），如图4-3所示。
[img]/uploads/allimg/091203/2042302.jpg[/img]
图4-3  创建影片剪辑
（4）选中影片剪辑“莲花”，然后为其添加“发光”滤镜，具体参数设置如图4-4所示。品质为“高”，并设置其发光颜色为：R:0，G:255，B:255），Alpha为100%，如图4-4所示。
[img]/uploads/allimg/091203/2042303.jpg[/img]
图4-4  添加“发光”滤镜
（5）双击影片剪辑“莲花”的编辑区域，再按F8键将其转换为影片剪辑，然后在第40和75帧插入关键帧，选中第40帧，并在属性面板中做如图4-5所示的设置，最后创建出传统补间动画。
[img]/uploads/allimg/091203/2042304.jpg[/img]
图4-5  添加莲花闪烁效果
[1b]Part 2
[/1b]
制作星光四射动画特效（1）在“莲花”图层的上一层新建一个“星光四射”图层，然后按Ctrl+F8组合键创建一个新影片剪辑，如图4-6所示。
[img]/uploads/allimg/091203/2042305.jpg[/img]
图4-6  新建元件
（2）使用“矩形工具”绘制一个没有边框的矩形，然后设置填充颜色为（R:0，G:255，B:255），并用设置好的颜色填充矩形，再用“选择工具”调整好其形状，如图4-7所示。
[img]/uploads/allimg/091203/2042306.jpg[/img]
图4-7  调整矩形形状
（3）使用“任意变形工具”选中图形，然后将变换中心点拖曳到舞台的中心点上，如图4-8所示。
[img]/uploads/allimg/091203/2042307.jpg[/img]
图4-8  调整图形中心位置
（4）使用“选择工具”选中调整好的图形，然后按Ctrl+T组合键打开“变形”面板，设置旋转角度值为30°，然后单击“重制选区和变形”按钮复制出11份图形，如图4-9所示。
[img]/uploads/allimg/091203/2042308.jpg[/img]
图4-9  旋转复制图形
（5）新建一个“图层2”，将“图层1”中的图形复制到“图层2”中，然后选择“图层2”中的图形，执行“修改/变形/水平翻转”菜单命令，再将原图形调整成白色，最后将“图层2”拖曳到“图层1”的下一层，如图4-10所示。
[img]/uploads/allimg/091203/2042309.jpg[/img]
图4-10  水平翻转图形
（6）选中“图层2”的第1帧，按F8键将其转换为图形元件（名称为“转图图形”），再选中“图层1”和“图层2”的第195帧，按F5键插入帧，再选中“图层1”第195帧，然后按F6键将其转换为关键帧，最后将“图层2”转换为“图层1”的遮罩图层，如图4-11所示。
[img]/uploads/allimg/091203/20423010.jpg[/img]
图4-11  添加关键帧
（7）选中“图层2”的第1帧，再单击右键，并在弹出的菜单中选择“创建传统补间”命令，然后在属性面板中设置旋转为“逆时针”，如图4-12所示。
[img]/uploads/allimg/091203/20423011.jpg[/img]
图4-12  创建传统补间动画
（8）返回到“场景1”，选中“星光四射”图层中的“星光四射”影片剪辑，然后在属性面板中为其添加“发光”滤镜，具体参数设置如图如图4-13所示。
[img]/uploads/allimg/091203/20423012.jpg[/img]
图4-13  添加“发光”滤镜
[1b]技巧提示：[/1b]
如图4-13所示是星光的原理图。从左图中可以看出白色图形与青色图形交叉部分是一个菱形，将白色图形转换为遮罩层后，显示出来的就只剩下青色菱形，从而达到右图的菱形效果。
[img]/uploads/allimg/091203/20423013.jpg[/img]
图4-14  星光原理图
（9）新建一个“星光四射小”图层，然后将“星光四射”图层中的影片剪辑复制到该图层中，再使用“任意变形工具”将其缩小到如图4-15所示的大小。
[img]/uploads/allimg/091203/20423014.jpg[/img]
图4-15 复制元件
（10）在“星光四射小”图层小的上一层新建一个“蓝色星光四射”图层，然后将“星光四射小”图层中的“星光四射”元件复制到“蓝色星光四射”图层中，再选中该图层中的“星光四射”元件，并在属性面板中设置其色调为（R:255，G:204，B:0），最后使用“任意变形工具”将其旋转到如图4-116所示的角度。
[img]/uploads/allimg/091203/20423015.jpg[/img]
图4-116  调整颜色并选择图形
（11）选中“蓝色星光四射”图层中的影片剪辑，然后在属性面板中为其添加“模糊”滤镜，具体参数设置如图4-17所示。
[img]/uploads/allimg/091203/20423016.jpg[/img]
图4-17  添加“模糊”滤镜
（12）按Ctrl+Enter组合键发布动画。
[1b]>>出自《Flash CS4动画设计与制作208例》(转载请保留出处)[/1b]
本文转自：http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/5206.html

Flash打造星光四射的莲花相关推荐

【VC++游戏开发#九】2D篇 —— 粒子系统(二)：平安夜特别版——星光四射
本文由BlueCoder编写转载请说明出处: http://blog.csdn.net/crocodile__/article/details/17510463 我的邮箱:bluecoder@y ...
巧用Photoshop滤镜打造星光灿烂特效背景(转)
巧用Photoshop滤镜打造星光灿烂特效背景(转)[@more@] 1.打开一张风景照片,把前景色设置为黑色: 2.执行"滤镜"|"风格化"|"照亮 ...
Flash打造星火飘落效果
本例主要是在上一个实例的基础上进行扩展,计算鼠标跟随对象来产生具有一定规律的星火特效. 本例思路导入背景素材,然后制作出星火特效.创建文档类,产生鼠标跟随的多角星形特效:创建元件类的扩展类,产生随 ...
Flash打造简单的飘雪动画视觉特效
好看而常见的动画特效,下雪动画的制作过程,适合Flash初学者的一个教程,教程中仅仅用一个最简单的AS代码!其实Flash很简单啊!先看下效果:(教程中用的背景图片有点大,请您耐心等待,在线欣赏效果) ...
教你用flash打造梦幻仙境效果
本文由中国教程网云飘飘原创,转载请保留此信息! [1b]运用的知识点:[/1b]用时间轴特效制作百叶窗滤镜制作边框效果 ...
flash打造动漫中另一种侧面眨眼效果
今天看一个很早以前的flash留言板,上面也有个眨眼效果.分析方法的确很简单,总结了一下,发上来,这种效果在动漫上经常看到,简单实用,废话不多了,看教程吧...([1b]如果转帖请尊重原创,谢谢!)[ ...
flash打造视频照相系列教程
第一步:让舞台能够显示连接的视频,让你的光辉形象显示出来. 这一步很简单,你首先建立一个FLA文档后,按F11,让库面版显示出来,然后在面版的下部,右键-新建VIDEO,命名随意,完成后,把这个视频从 ...
Flash打造美女影片指导进度条
我们制作一个好看的影片导入进度条. 先看效果. [img]/Files/BeyondPic/2007-6/5/20070603234254_01.gif[/img] 准备一幅图片: [img]/Fil ...
使用属性动画实现星光四射的动画效果
在Android中, 属性动画是非常有意思的功能, 控制参数变换动画效果.与使用gif图片相比, 动画控件要节约空间和增加响应速度. 要点:(1) 使用PercentLayout设置自定义控件的大小. ...

Flash打造星光四射的莲花

Flash打造星光四射的莲花相关推荐

最新文章

热门文章