| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 网页制作 > Flash教程 > Flash实例教程 > 文章正文 用户登录
没有相关文章

礼花朵朵           

礼花朵朵

作者:舞韵 来源:闪吧 更新:2005-3-19 17:32:27 错误报告 我要投稿
点击浏览该文件
http://www.flash8.net/bbs/UploadFile/2005-3/200535181937288.swf
实例制作:牧马者
教程编写:舞韵

看过很多礼花 大家看看这个效果怎样?

本实例是一个鼠绘和遮照为主的综合效果实例。培养大家细心观察,耐心操作的能力,

并对遮照手法有一定的了解和掌握。结合运动渐变形状渐变恰到好处的展现烟花绽放的

效果

教学目标:1.学会简单的鼠绘工具的运用,准确掌握形状,提高鼠绘能力

2.巩固任意变形工具的运用,并进一步接触封套工具,做细腻的局部调整。

3.学习 混色器的使用和调整,达到预期填充效果

4.学习遮照手法,并理解遮照的原理

5.巩固运动渐变和形状渐变的方法。

一、新建FLASH文档
.

设置文档属性:点属性面板,设置场景尺寸为默认550*400 ,背景颜色为黑色,帧频

为12 点确定

二、制作元件:
1、制作烟花图形元件
(1) 烟花1,

A.插入-新建元件:起名烟花1,行为:图形 确定。进入图形元件烟花1的

编辑区。

B.工具栏:直线工具,笔触颜色自定(浅颜色为好)粗细为极细线。在工作区

绘制出烟 花花型(关闭吸附工具)调整两条线的距离,换黑箭头工具,调整烟花条

的形状,

如图2:

按此在新窗口浏览图片
C.工具栏;颜料桶工具,颜色大红。填充。然后去掉边线。一个漂亮的烟花就做

好了。如图3:

按此在新窗口浏览图片
(2) 烟花2:

A.点窗口-库 在库面板找到图形元件烟花1,点右键-复制,这时会复制一个新元件.

在浮动面板上改名为烟花2,行为:图形 确定进入图形元件烟花2的编辑区。

B.用黑箭头工具调整每条烟花形状,按住Alt键细心调整,如图4;

按此在新窗口浏览图片
(3)红遮照: 插入-新建元件:起名红遮照,行为图形

工具栏——椭圆工具设置为无边框色径向填充:点窗口-混色器填充样式选

择 放射状,在色带上添加色块共三个。自左向右色马为:#FF0000 Alpha为

0%;#FF0000 Alpha为100% ;#FEBA76 Alpha为100%色块位置

如图5:

按此在新窗口浏览图片
按住Shift键在工作区绘制一个正圆,大小110*110 居中对齐。
(4) 蓝遮照: 插入-新建元件:起名蓝遮照,行为图形 工具栏——椭圆工具设置为无边框色径向填充:点窗口-混色器填充样

式选择 放射状,在色带上添加色块共三个。自左向右色马为:#FFFFFF

Alpha为100%;#0000FF Alpha为100% ;#FFFFFF Alpha为100%色块位置。

如图6:

按此在新窗口浏览图片

按住Shift键在工作区绘制一个正圆,大小110*110 居中对齐。

(5)黄遮照:插入-新建元件:起名黄遮照,行为图形

工具栏——椭圆工具设置为无边框色径向填充:点窗口-混色器填充样式选择 放射

状,在色带上添加色块共三个。自左向右色马为:#000000 Alpha为100%;#FF6600

Alpha为100% ;#FFFF00 Alpha为100%色块位置 如图7

按此在新窗口浏览图片
按住Shift键在工作区绘制一个正圆,大小110*110 居中对齐。
(6)绿遮照: 插入-新建元件:起名绿遮照,行为图形

工具栏——椭圆工具设置为无边框色径向填充:点窗口-混色器填充样式选择

放射状,在 色带上添加色块共四个。自左向右色马为:#000000 Alpha为100%;

#339900 Alpha为 100% ;#33FF00 Alpha为100% #006600 Alpha为100%色块位置。

如图8:

按此在新窗口浏览图片
按住Shift键在工作区绘制一个正圆,大小110*110 居中对齐
(7)枚红遮照: 插入-新建元件:起名枚红遮照,行为图形

工具栏——椭圆工具设置为无边框色径向填充:点窗口-混色器填充样式选择

放射状,在色带上添加色块共三个。自左向右色马为:#000000 Alpha为100%;

#990099 Alpha为100% ;#FF00FFAlpha为100%色块位置。

如图9:

按此在新窗口浏览图片

按住Shift键在工作区绘制一个正圆,大小110*110 居中对齐。

(8)彩遮照:插入-新建元件:起名彩遮照,行为图形

工具栏——椭圆工具设置为无边框色径向填充:点窗口-混色器填充样式选择

放射状,在色带上添加色块共四个。自左向右色马为:#000000 Alpha为100%;

#99CC00 Alpha为100% ;#CC6633 Alpha为100% #CC0000 Alpha为100%色块位置。

如图10:

按此在新窗口浏览图片

按住Shift键在工作区绘制一个正圆,大小110*110 居中对齐
(9)灰背景:插入-新建元件:起名灰背景,行为图形

工具栏——矩形工具设置为无边框灰色填充 在工作区绘制矩形大小为:824*440 ,

居中对齐。

2.制作影片剪辑元件:

(1)烟花组合1:

A.新建元件,点插入-新建元件,起名烟花组合1。行为影片剪辑,点确定。

进入影片剪辑编辑区。

B.组装影片剪辑:在图层一的第二帧按F7插入空白关键帧。按F11打开库,

把图形元件灰背 景拖入场景。居中对齐。

C.在图层一的第三、四帧点F7插入空白关键帧。并在第四帧处,打开库拖入

图形元件枚红遮 照。

D.新添加一个图层二,在第四帧按F7插入空白关键帧,把库中的图形元件烟花1

拖入场景。并用任意变形工具分别调整两图层第四帧中的实例大小及位置,

如图11:

按此在新窗口浏览图片
E.分别在图层一和图层二的25帧按F6插入关键帧,并用任意变形工具分别调 整两图层第25帧中的实例大小及位置,

如图12:

按此在新窗口浏览图片
分别点第4帧创建运动渐变。
F.分别在图层一和图层二的26帧按F7插入空白关键帧,在图层一的第29、30帧

点F7插入空白关键帧。并在第29帧处,打开库拖入图形元件灰背景居中对齐。

G.分别在图层一和图层二的31帧按F7插入空白关键帧。在图层一处从库中拖出

图形元件绿遮 照,用任意变形工具调整大小及位置在图层二的第31帧处拖入图形

元件烟花1,放在适当的 位置:(中心点的左上一些)

如图13:

按此在新窗口浏览图片

H.分别在图层一和图层二的52帧按F6插入关键帧,并用任意变形工具分别调整

两图层第52帧中的实例大小及位置,

如图14:

按此在新窗口浏览图片
分别点第31帧创建运动渐变。

I.分别在图层一和图层二的53帧按F7插入空白关键帧,在图层一的第56.57帧 点F7插入空白关 键帧。并在第56帧处,打开库拖入图形元件灰背景居中对齐。

J.分别在图层一和图层二的58帧按F7插入空白关键帧。在图层一处从库中拖出

图形元件彩遮照,用任意变形工具调整大小及位置在图层二的第58帧处拖入图形元件

烟花1,放在适当的位置:(中心点的左上一些)

如图15:

按此在新窗口浏览图片

K.分别在图层一和图层二的80帧按F6插入关键帧,并用任意变形工具分别调 整两图层第80帧中的物件大小及位置,

如图16:

按此在新窗口浏览图片
分别点第58帧创建运动渐变。并在81帧处分别插入空白关键帧。

w.在图层二上点右键,下拉菜单选择遮照。 (2)烟花组合2:

A.新建元件,点插入-新建元件,起名烟花组合2。行为影片剪辑,点确定。

进入影片剪辑编 辑区。

B.组装影片剪辑:在图层一的第二帧按F7插入空白关键帧。按F11打开库,

把图形元件灰背景拖入场景。居中对齐。

C.在图层一的第三、四帧点F7插入空白关键帧。并在第四帧处,打开库拖

入图形元件红遮 照。

D.新添加一个图层二,在第四帧按F7插入空白关键帧,把库中的图形元件

烟花2拖入场景。并用任意变形工具分别调整两图层第四帧中的物件大小及位置,

如图17:

按此在新窗口浏览图片
E.分别在图层一和图层二的25帧按F6插入关键帧,并用任意变形工具分别 调整两图层第25帧中的物件大小及位置,

如图18:

按此在新窗口浏览图片

分别点第4帧创建运动渐变。


F.分别在图层一和图层二的26帧按F7插入空白关键帧,在图层一的第29、30帧

点F7插入空白关键帧。并在第29帧处,打开库拖入图形元件灰背景居中对齐。

G.分别在图层一和图层二的31帧按F7插入空白关键帧。在图层一处从库中拖出

图形元件蓝遮照,用任意变形工具调整大小及位置在图层二的第31帧处拖入

图形元件烟花2,放在适当的位置:(中心点的左上一些)

如图19:

按此在新窗口浏览图片
H.分别在图层一和图层二的52帧按F6插入关键帧,并用任意变形工具分别调整 两图层第52帧 中的物件大小及位置,如图20:

按此在新窗口浏览图片

分别点第31帧创建运动渐变。
I.分别在图层一和图层二的53帧按F7插入空白关键帧,在图层一的第56.57帧

点F7插入空白关键帧。并在第56帧处,打开库拖入图形元件灰背景居中对齐。

J.分别在图层一和图层二的58帧按F7插入空白关键帧。在图层一处从库中拖

出图形元件黄遮照,用任意变形工具调整大小及位置在图层二的第58帧处拖

入图形元件烟花2,放在适当的位置:(中心点的左上一些)

如图21

按此在新窗口浏览图片
K.分别在图层一和图层二的80帧按F6插入关键帧,并用任意变形工具分别 调整两图层第80帧中的物件大小及位置,

如图22:

按此在新窗口浏览图片
分别点第58帧创建运动渐变。并在81帧处分别插入空白关键帧。
w.在图层二上点右键,下拉菜单选择遮照。

遮照:遮照动画是flash中的一个很重要的动画类型,很多效果丰富的动画都

是通过遮照动画来完成的。在flash图层中有一个遮照图层类型,为了得到

特殊的显示效果,可以在遮照层上创建一个任意形状的“视窗”,遮照层下

方的对象可以通过该“视窗”显示出来,而“视窗”之外的对象将不会显示。

三.组装场景:

点场景一回到场景编辑区,在第一帧打开库拖出影片剪辑烟花组合2,放在

场景中心的偏左一点。(x=210.4 y=178)在第10点F6插入关键帧。并从库里

再拖出影片剪辑烟花组合1放在烟花组合2的右边 (x=277.3 y=156).25帧处

插入关键帧。并添加代码:

stop();

测试影片-保存。

烟花绘画过程,是个swf文件,共大家参考学习:
 点击浏览该文件
源文件:
 点击浏览该文件

文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。