- 浏览: 50111 次
- 性别:
- 来自: 青岛
最新评论
本例思路:导入莲花素材,然后为其制作闪烁动画效果。绘制遮罩图形,然后利用图形之间的叠加原理制作出星光四射动画特效。
[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所示。
图4-1 制作背景
(2)新建一个“莲花”图层,然后按Ctrl+R组合键导入本书配套光盘中的“Chapter04/素材/莲花.png”文件,如图4-2所示。
图4-2 导入素材
(3)选中“莲花”图层中的莲花,然后按F8键将其转换为影片剪辑(名称为“莲花”),如图4-3所示。
图4-3 创建影片剪辑
(4)选中影片剪辑“莲花”,然后为其添加“发光”滤镜,具体参数设置如图4-4所示。品质为“高”,并设置其发光颜色为:R:0,G:255,B:255),Alpha为100%,如图4-4所示。
图4-4 添加“发光”滤镜
(5)双击影片剪辑“莲花”的编辑区域,再按F8键将其转换为影片剪辑,然后在第40和75帧插入关键帧,选中第40帧,并在属性面板中做如图4-5所示的设置,最后创建出传统补间动画。
图4-5 添加莲花闪烁效果
[1b]Part 2
[/1b]
制作星光四射动画特效(1)在“莲花”图层的上一层新建一个“星光四射”图层,然后按Ctrl+F8组合键创建一个新影片剪辑,如图4-6所示。
图4-6 新建元件
(2)使用“矩形工具”绘制一个没有边框的矩形,然后设置填充颜色为(R:0,G:255,B:255),并用设置好的颜色填充矩形,再用“选择工具”调整好其形状,如图4-7所示。
图4-7 调整矩形形状
(3)使用“任意变形工具”选中图形,然后将变换中心点拖曳到舞台的中心点上,如图4-8所示。
图4-8 调整图形中心位置
(4)使用“选择工具”选中调整好的图形,然后按Ctrl+T组合键打开“变形”面板,设置旋转角度值为30°,然后单击“重制选区和变形”按钮 复制出11份图形,如图4-9所示。
图4-9 旋转复制图形
(5)新建一个“图层2”,将“图层1”中的图形复制到“图层2”中,然后选择“图层2”中的图形,执行“修改/变形/水平翻转”菜单命令,再将原图形调整成白色,最后将“图层2”拖曳到“图层1”的下一层,如图4-10所示。
图4-10 水平翻转图形
(6)选中“图层2”的第1帧,按F8键将其转换为图形元件(名称为“转图图形”),再选中“图层1”和“图层2”的第195帧,按F5键插入帧,再选中“图层1”第195帧,然后按F6键将其转换为关键帧,最后将“图层2”转换为“图层1”的遮罩图层,如图4-11所示。
图4-11 添加关键帧
(7)选中“图层2”的第1帧,再单击右键,并在弹出的菜单中选择“创建传统补间”命令,然后在属性面板中设置旋转为“逆时针”,如图4-12所示。
图4-12 创建传统补间动画
(8)返回到“场景1”,选中“星光四射”图层中的“星光四射”影片剪辑,然后在属性面板中为其添加“发光”滤镜,具体参数设置如图如图4-13所示。
图4-13 添加“发光”滤镜
[1b]技巧提示:[/1b]
如图4-13所示是星光的原理图。从左图中可以看出白色图形与青色图形交叉部分是一个菱形,将白色图形转换为遮罩层后,显示出来的就只剩下青色菱形,从而达到右图的菱形效果。
图4-14 星光原理图
(9)新建一个“星光四射小”图层,然后将“星光四射”图层中的影片剪辑复制到该图层中,再使用“任意变形工具”将其缩小到如图4-15所示的大小。
图4-15 复制元件
(10)在“星光四射小”图层小的上一层新建一个“蓝色星光四射”图层,然后将“星光四射小”图层中的“星光四射”元件复制到“蓝色星光四射”图层中,再选中该图层中的“星光四射”元件,并在属性面板中设置其色调为(R:255,G:204,B:0),最后使用“任意变形工具”将其旋转到如图4-116所示的角度。
图4-116 调整颜色并选择图形
(11)选中“蓝色星光四射”图层中的影片剪辑,然后在属性面板中为其添加“模糊”滤镜,具体参数设置如图4-17所示。
图4-17 添加“模糊”滤镜
(12)按Ctrl+Enter组合键发布动画。
[1b]>>出自《Flash CS4动画设计与制作208例》(转载请保留出处)[/1b]
本文转自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/5206.html
发表评论
-
FLV播放器汇总
2010-04-10 11:54 568http://www.dengjie.com/weblog/c ... -
Flash Media Server 起步(9)在线列表
2010-04-10 11:54 560学了这么多,智商跟我差不多的,概念应该都搞混了 学了就要用 ... -
Flash Media Server 起步(9)在线列表
2010-04-10 11:54 602学了这么多,智商跟我差不多的,概念应该都搞混了 学了就要用 ... -
Flash Media Server 起步(10)中文编码问题
2010-04-10 11:54 893是一个郁闷我一段时间的问题才想到了答案。。。话说曾经在公司做了 ... -
Flash Media Server 起步(10)中文编码问题
2010-04-10 11:53 525是一个郁闷我一段时间的问题才想到了答案。。。话说曾经在公司做了 ... -
彻底接触AS3视觉元件架构
2010-04-09 13:24 643DisplayObject,直译为视 ... -
彻底接触AS3视觉元件架构
2010-04-09 13:24 728DisplayObject,直译为视 ... -
不够50行代码的AS3歌词显示
2010-04-09 13:24 889引用内容 该文章为Demo用途,请见谅… 该文章来自猫粮的bl ... -
不够50行代码的AS3歌词显示
2010-04-09 13:24 921引用内容 该文章为Demo用途,请见谅… 该文章来自猫粮的bl ... -
AS3写的web 2.0 风格
2010-04-09 13:23 592在往上逛的时候发现 一篇日志 ,用 AS3 写出了 Web 2 ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 10:27 563很不错的视频教程 原文地址: http://blog.sina ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 10:27 618[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
AS3.0中的位图扭曲变形
2010-04-09 10:27 1434DisplacementMapFilter 类使用指定的 Bi ... -
AS3.0中的位图扭曲变形
2010-04-09 10:27 1299DisplacementMapFilter 类使用指定的 Bi ... -
[JS]FlashUpload上传模块
2010-04-09 10:26 1168[AS3][JS]FlashUpload上传模块 P.S.F ... -
flash打造碧海浪涌海鸥飞美丽动画
2010-04-08 10:47 643文中我们用flash绘制一幅好看的动画场景:碧海、蓝天、白云、 ... -
flash制作飘落的红叶视觉动画
2010-04-08 10:47 629接着"蝶恋花"的练习, 我们举一反三再来学 ... -
flash制作飘落的红叶视觉动画
2010-04-08 10:47 596接着"蝶恋花"的练习, 我们举一反三再来学 ... -
漫画绘制技法大放送(上)
2010-04-08 10:46 574网络收集整理(jundark) [1b]一、人体基本结构[/1 ... -
flash动画形变讨论二:低头
2010-04-08 10:46 505上次说了基本的形变,现在说下提示点,提示点是控制图形变化的基本 ...
相关推荐
超级炫丽的Flash动画源代码,100种任你选
Flash星光灿烂 星星闪烁动画,星星眨眼特效,配合蓝色的夜空,看上去十分唯美,在做Flash动画的时候,这是很不错的素材哦。
本资源中的程序实现的是2D游戏效果中粒子系统的应用:星光四射 工程由VS2010创建,请用VS2010或更高版本编译运行 本资源是零积分下载,有CSDN博客专家BlueCoder(黎小华)倾力提供,你可以结合我的配套博文来理解、...
flash星光特效,做页面背景效果挺好。
规则排列的闪烁星光flash动画素材 规则排列的闪烁星光flash动画素材
星光闪烁Flash动画,底图是一张图片,在图片上面加入了星星闪烁的效果,闪烁的星星随机出现,明暗变化,且随鼠标的滑动随机出现,鼠标移动的越快,出现的星星就越多,鼠标跟随Flash版源代码,Flash特效源文件。
鼠标点击迸发绿色星光flash动画 鼠标点击迸发绿色星光flash动画
内含mp3播放器、花瓣飘落、星光变换、金鱼游弋、水波、气泡、雪花、樱花、蒲公英等美丽的flash效果,并含flash背景透明代码。
会声会影flash素材50种和部分花瓣星光飘落素材,基本能用,可以借鉴下。
ps十字星光笔刷 画笔ps十字星光笔刷 画笔ps十字星光笔刷 画笔
Flash闪烁星空效果 素材源文件,Flash星空,flash夜空,星星闪耀场景,可作为Flash MV的素材,随机显示的小星星,一闪一闪亮晶晶,星星随机出现,位置 不同,大小不同,繁星满天的效果。
星光鼠标星光鼠标
宇宙星光爆炸,烟花爆炸Flash特效,稍加修改可用于烟花炸开中,也可用于星系爆炸的动画演示,可用于教学或Flash短片的制作中。
从qq空间抓取的一个透明flash,飘落的星星和心,做网页特效用。
星光效果
PS星光笔刷集合多款星光笔刷打包,请解压后安装!
星光CMS开发过程中始终坚持代码精简、最优性能的路线,经过近几年的不断努力,系统越来越完善、稳定、强大,逐渐获得广大站长的认可与支持。星光CMS是基于优秀PHP框架xiunophp开发的高负载建站管理系统,采用MVC AOP...
星光绽射flash动画是一款橙色背景风格的星光动画素材下载。
易语言模块星光灭绝1.0.rar 易语言模块星光灭绝1.0.rar 易语言模块星光灭绝1.0.rar 易语言模块星光灭绝1.0.rar 易语言模块星光灭绝1.0.rar 易语言模块星光灭绝1.0.rar
flash源文件fla文件下载,使用AdobeFlashCS5制作的flash文件