中国教程网论坛 » Flash研讨 » 红星闪闪放光芒 制作方法　

红岩梦幻数码 发表于 2007-5-5 15:18

红星闪闪放光芒 制作方法　

[size=5][color=red] 红星闪闪放光芒[/color][/size]

===转自网络===


      本例特点：利用遮罩层制作出光芒放射的动画效果，并配有合适的声音效果。
      核心知识：将线条转化为填充、水平翻转、遮罩影片剪辑以及声音的应用等。

    操作步骤：

    1. 新建一个影片，设置影片舞台大小为400px×400px，影片背景色为深红色。


    2. 在舞台中使用直线工具绘制一条垂直的直线，选择直线，单击自由变形工具，在直线的中间出现一个圆形控制点，将控制点拖至直线下端。
     图1-1 移动中心点
[attach]359058[/attach]


      3. 使用快捷键“Ctrl+T”打开“变形”对话框，在旋转角度中设置“72”度，并点击对话框下面的“拷贝并应用变形”按钮，得到一个旋转了72度的复制对象。
     图1-2 旋转并复制对象
[attach]359057[/attach]


       4. 多次点击对话框下面的“拷贝并应用变形”按钮，再制多个旋转的复制对象直至形成一个圆圈。
      图1-3 再制多个对象
[attach]359059[/attach]


       5. 使用直线工具连接两个线段顶点绘制一条直线（如左下图），其他顶点也进行连接绘制直线，得到右下图的五角星图形。
      图1-4 连接顶点绘制直线
[attach]359060[/attach]


       6. 使用箭头工具选择中间多余线段，将它们删除，得到右下图的图形。
      图1-5 删除多余线段
[attach]359061[/attach]


       7. 使用直线工具从顶点到中点连接绘制一条直线（如左下图），其他顶点到中点也进行连接绘制直线，得到右下图的五角星图形。
      图1-6 信息面板上的设置
[attach]359062[/attach]


       8. 设置填充颜色为橙色，使用填充工具每隔一个三角形进行填充（如左下图），再使用黄色填充剩下的三角形（如下图中），然后箭头工具选择并删除边框，得到最终图形（如右下图）。
      图1-7 填充颜色
[attach]359063[/attach]


       9. 选择绘制图形，按快捷键F8将它转换为元件，名为“红星1”，属性为“图形”。


     10. 新建元件名为“线条”，属性为“图形”，点击确定后进入元件编辑区，使用直线工具绘制一条水平方向的直线，使用变形工具将中心点移动到如下图所示位置：
      图1-8 移动中心点
[attach]359064[/attach]


       11. 使用快捷键“Ctrl+T”打开“变形”对话框，在旋转角度中设置“10”度，并点击对话框下面的“拷贝并应用变形”按钮，得到旋转10度的复制对象，多次点击“拷贝并应用变形”按钮，再制多个旋转的复制对象直至形成一个圆圈。
      图1-9 旋转并复制多个对象
[attach]359065[/attach]


       12. 按Ctrl+A快捷键，将所有图形选中，选择“修改”→“形状”→“将线条转换为填充”命令，将矢量线转换成矢量图，这样的矢量图才能在遮罩层中起作用。
      图1-10 将线条转换为填充
[attach]359066[/attach]


       13. 打开信息面板将图形的中心点的X、Y轴设置为“0、0”，这样可以保证对象的中点与编辑区中心点重合。
      图1-11 设置中心点重合
[attach]359067[/attach]


       14. 返回场景，在库中将“线条”元件拖入舞台，选中对象，在下面属性面板的颜色选项中选择“色彩”，在旁边的颜色选择中打开色块面板选择黄色，则对象变成黄色。
      图1-12 将实例改变颜色
[attach]359068[/attach]


       15. 新建图层2，再次将库中“线条”元件拖入舞台，选择“修改”→“变形”→“水平翻转”命令，将其进行水平翻转。


      16. 将所有图形选中，打开“对齐”面板，分别单击"水平中齐" 和"垂直中齐" 按钮，将图形对齐，并将图形放在场景编辑区的中央，
       图1-13 将图形对齐
[attach]359070[/attach]


        17. 在图层1第60帧插入关键帧，然后在第1帧点击右键“创建补间动画”，在下面属性面板设置补间动画的“旋转”为“顺时针1次”。
      图1-14 设置旋转
[attach]359069[/attach]


        隐藏图层2，得到下面动画效果：

     18. 在图层2上点击右键打开下拉菜单，选择“遮罩层”，就形成了下面的遮罩效果。
      图1-15 设置遮罩
[attach]359071[/attach]


       19. 新建图层3，将库中“红星”元件拖入舞台，放在舞台中央，在第30帧、第60帧分别插入关键帧，将第30帧的“红星”略微放大一点，然后分别在第1帧、第30帧点击右键“创建补间动画”。

     如果再加入合适的声音文件效果就更好了：

     20. 导入一个声音文件，它回出现在库中，新建一个图层，从库中将声音文件拖入场景即可，图层上回出现波形，在后面插入帧直至有空白帧出现为止，这样声音才有足够的时间播发完。
      图1-15 加入声音文件
[attach]359072[/attach]

        21. 保存作品，按Ctrl+Enter快捷键预览最终效果。



闪闪红星放光芒大全:
[swf]http://bbs.jcwcn.com/attachment.php?aid=359103[/swf]

[swf]http://bbs.jcwcn.com/attachment.php?aid=359108[/swf]

[swf]http://bbs.jcwcn.com/attachment.php?aid=359109[/swf]

[swf]http://bbs.jcwcn.com/attachment.php?aid=359110[/swf]

最后来个有音乐的！
[swf]http://bbs.jcwcn.com/attachment.php?aid=359167[/swf]

[[i] 本帖最后由 英子 于 2007-5-5 18:16 编辑 [/i]]

英子 发表于 2007-5-5 18:15

红岩辛苦了,转了这么漂亮的教程.(^#@$%^

清风掠影 发表于 2007-5-7 15:01

(^#@^ 不错的教程,支持~~

盘角曲士 发表于 2007-5-12 18:35

这个东东我以前也学着书上做过。
五角星的制作可以用多边形工具直接画出

红岩梦幻数码 发表于 2007-5-12 21:07

回复 #4 盘角曲士 的帖子

呵呵，盘角经验很丰富

清风掠影 发表于 2007-5-13 12:09

回复 #4 盘角曲士 的帖子

#bbs.jcwcn.com@ 多边形工具在FLASH MX 2004里才开始有,估计这个教程做的版本是FLASH 6.0吧~

sumsunge498 发表于 2007-5-15 09:11

真的很不错哦

真的很不错我，谢谢你的教程。(^#@$%^

误错有上页网 发表于 2007-5-15 16:49

学习了!(^#@%@

可爱 发表于 2007-5-18 02:58

支持，很不错的效果

东方花猪 发表于 2007-5-18 09:37

不错的教程！！！学习了

zyn9818 发表于 2007-5-22 13:44

这步做的不太一样

18. 在图层2上点击右键打开下拉菜单，选择“遮罩层”，就形成了下面的遮罩效果。
      图1-15 设置遮罩


1-15.gif (13.39 KB)
2007-5-5 15:18

zyn9818 发表于 2007-5-22 13:46

这步做的不太一样

18. 在图层2上点击右键打开下拉菜单，选择“遮罩层”，就形成了下面的遮罩效果。
      图1-15 设置遮罩


1-15.gif (13.39 KB)
2007-5-5 15:18

zyn9818 发表于 2007-5-22 13:48

哪块错了

我这步做完后不是光芒万丈的,怎么是就一横光在那闪呀闪呀的

云飘飘 发表于 2007-5-22 19:42

做得好晕哦,那个声音不会弄,声音有2000多帧,所以其他的层我也弄成了那么多,但做出来的好大,有2.7MB,看楼主的没有那么多帧,请教一下是怎么弄的?谢谢了

[[i] 本帖最后由 云飘飘 于 2007-5-22 19:53 编辑 [/i]]

清风掠影 发表于 2007-5-22 20:11

回复 #13 zyn9818 的帖子

#bbs.jcwcn.com@ 这可能是你在做那线条时出错了~~

蝴蝶君 发表于 2007-5-22 21:30

作业.
[swf]http://bbs.jcwcn.com/attachment.php?aid=381785[/swf]

我这歌曲也只用了60帧.和动画一样.
要是把歌曲的帧全部显示出来播放.它的动画就到最后一帧停住了.而歌曲在播放.
请问这要怎么弄??

[[i] 本帖最后由 蝴蝶君 于 2007-5-22 21:34 编辑 [/i]]

清风掠影 发表于 2007-5-22 21:41

回复 #16 蝴蝶君 的帖子

#bbs.jcwcn.com@你可以这样,把歌曲导入库后,再放在你要放的层中,不过就在第一帧放就行了,不用延长帧~

云飘飘 发表于 2007-5-22 22:43

终于会了,谢谢楼主的好教程,也谢谢清风的指点,[swf]http://bbs.jcwcn.com/attachment.php?aid=382208[/swf]

[[i] 本帖最后由 云飘飘 于 2007-5-23 13:44 编辑 [/i]]

蝴蝶君 发表于 2007-5-23 08:56

谢谢清风~
S也聪明.居然磨出来了.
等修改好了交作业

[[i] 本帖最后由 蝴蝶君 于 2007-5-23 10:21 编辑 [/i]]

力争上游 发表于 2007-5-23 09:52

你们做得都很棒呢。真棒
我也做了一个
[swf]http://bbs.jcwcn.com/attachment.php?aid=382106[/swf]

[[i] 本帖最后由 力争上游 于 2007-5-23 10:33 编辑 [/i]]

云飘飘 发表于 2007-5-23 10:12

[quote]原帖由 [i]力争上游[/i] 于 2007-5-23 09:52 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=1286022&ptid=84301][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]
你们做得都很棒呢。真棒 [/quote]

呵,那你也快点做一个,

力争上游 发表于 2007-5-23 10:22

[quote]原帖由 [i]云飘飘[/i] 于 2007-5-23 10:12 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=1286226&ptid=84301][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]


呵,那你也快点做一个, [/quote]
做了呢。 发到那个楼层里去了

lixueli 发表于 2007-5-24 09:22

红军！！！！jcwcn.com@

zyn9818 发表于 2007-5-24 10:08

16. 将所有图形选中，打开“对齐”面板，分别单击"水平中齐" 和"垂直中齐" 按钮，将图形对齐，并将图形放在场景编辑区的中央，
       图1-13 将图形对齐

这个步做出来的线条旋转的圆不太一样,可能是这步错了吧,真是晕了,但是大体上明白是怎么做的了,谢谢!

清风掠影 发表于 2007-5-26 10:33

#bbs.jcwcn.com@ 都做出来了啊~~真不错的说~~

毒虫无痕 发表于 2007-5-27 09:52

这么好的教程,学习了.(^#@^ (^#@^

omboy 发表于 2007-5-28 11:52

xiexie

凡可 发表于 2007-5-29 14:12

这个我喜欢!谢谢!支持!

277185799 发表于 2007-5-29 19:52

用快捷键啊

wxlwlj 发表于 2007-6-1 00:41

这个东东我以前也学着书上做过。
五角星的制作可以用多边形工具直接画出

查看完整版本: 红星闪闪放光芒 制作方法