注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

黎明的博客

网海畅游 结识朋友 美丽夕阳 尽在金秋

 
 
 

日志

 
 

动态彩球螺旋边框制作技巧【2】  

2015-01-16 10:25:56|  分类: 边框素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

最终效果显示效果:

          一、作前准备

                  准备一张动态透明的蝴蝶图片,规格适当,经过制图软件(ps、fw)处理后,保存到
           指定的文件夹待用。

      二、制作过程

          1.启动flash8软件。

          2.确立文档属性 设置动画尺寸为550*400,幀频12,其它默认,点击确定,进入场景1。

        如图1所示:

flash彩球螺旋动态边框的制作原理和方法02 - 迎春 -

图1

            3.首先将准备好的素材图片和音乐文件导入库中,待用。


(素材图)

            4.创建图形元件

            选择“插入-新建元件”,建立一个名为“01”的图形元件,点击确定,进入元件

        编辑区。添加两个图层,共三个图层。自下而上命名为彩球1、彩球2、彩球3。

           (1)选择彩球1图层第一帧,用椭圆工具在舞台拖一个规格为12*12的正圆,颜色随

        意,右对齐-垂直中齐。将其打散后,点击该实例,打开混色器,设置其参数,如图2所

        示:


图2

                       完成后的舞台实例,如图3所示:



图3

(此图已放大)

            (2)选择彩球2图层第一帧,再用椭圆工具在舞台拖一个规格为12*12的正圆(也可

        复制粘贴幀),颜色随意,将其放置在上一个实例的左侧,垂直中齐。将其打散后,点击

        该实例,打开混色器,设置其参数,如图4所示:


图4

                     上锁。完成后的舞台实例,如图5所示:



图5

(此图已放大)

           (3)选择彩球3图层第一帧,再用椭圆工具在舞台拖一个规格为12*12的正圆(也可

       复制粘贴幀),颜色随意,将其放置在上一个实例的左侧,垂直中齐。将其打散后,点击

       该实例,打开混色器,设置其参数,如图6所示:

图6

                    上锁。完成后的舞台实例,如图7所示:



图7

(此图已放大)

                    (4)本环节完成后的时间轴,如图8所示:


图8


            5.创建影片剪辑元件

           (1)选择“插入-新建元件”,建立一个名为“02”影片剪辑元件,点击确定,进

        入元件编辑区。就一个图层。

            选择图层1第一帧,从库中拖出“01”图形元件到舞台,规格不变,全居中。如图9

        所示:


图9

(此图已放大)

            在第50幀插入关键帧,点击第1幀,在属性面板创建本区域间的动画补间,并设置其

        顺时针旋转一周。如图10所示:

图10

            在第49幀插入关键帧,删除第50幀。完成后的时间轴,如图11所示:

图11

                      完成后的第49幀舞台实例,如图12所示:



图12

(此图已放大)

           (2)选择“插入-新建元件”,建立一个名为“03”的影片剪辑元件,点击确定,

        进入元件编辑区。添加两个图层,共三个图层。自下而上命名为矩形、引导层、蝴蝶。

             A.选择引导层图层第一帧,用矩形工具画一个规格为440*320的,无填充的白色矩

        形框,然后,然后用橡皮擦在齐左上角处擦出一个小口。如图13所示:


图13

                     在第200幀插入幀,上锁。

            B.选择彩球图层第一帧,从库中拖出“02”影片剪辑元件到舞台,规格不变,将其

        移到引导线开口右边的端点处,其注册点和引导线开口端点重合。如图14所示:


图14

(此图已放大)

                       点击该实例,在属性面板填写其实例名称为:cq 。如图15所示:


图15

                      在第200幀插入关键帧,再将该实例移到引导线开口左边的端点上,其注册点和引

        导线开口端点重合。如图16所示:



图16

(此图已放大)

                       创建本本区域的动画补间,上锁。

             C.选择蝴蝶图层第200帧插入空白关键帧,点击该幀,从库中拖出“蝴蝶”影片剪

        辑元件到舞台,调整好规格、将其移到引导线开口处的适当位置上。上锁。如图17所示


图17

            C.本环节完成后的尾幀时间轴,如图18所示:


图18


           6.编辑制作场景

           返回场景1,添加两个图层,共三个图层。自下而上命名为作品、边框、as。 

          (1)选择作品图层第1幀,导入或制作一个作品,规格自定,全居中。上锁。如图

       19所示:


图19
 

            (2)选择边框图层第1幀,从库中拖出“03”影片剪辑元件到舞台,将其放置在

        舞台的左上角,通过测试调整好规格、位置。如图20所示:


图20

            点击该实例,在属性面板填写其实例名称为:bk 。上锁。如图21所示:



图21

            (3)选择as图层第1幀,按f9,打开作面板在as编辑区输入,如下幀语句:

             bk._visible = 0;
             for (i = 1; i <= bk._totalframes; i++)
             {
             duplicateMovieClip(bk, "bk" + i, i);
             this["bk" + i].gotoAndStop(i);
             this["bk" + i].cq._rotation = i * 30;
             }

             锁定该图层。

             7.本作业完成后的时间轴如图22所示:


图22

             8.测试存盘

 

                       说明:

            脚本中的阿拉伯数字30为螺旋的密度,可根据自己的喜好和作品的需要加以调整。

   

 

真诚欢迎朋友
 
 XUE HAI BLOG

朋友在此已停留

 精品书法【菜根潭】赏析 - 幽谷星尘 - 人无癖不可与交,以其无深情也。精品书法【菜根潭】赏析 - 幽谷星尘 - 人无癖不可与交,以其无深情也。精品书法【菜根潭】赏析 - 幽谷星尘 - 人无癖不可与交,以其无深情也。精品书法【菜根潭】赏析 - 幽谷星尘 - 人无癖不可与交,以其无深情也。精品书法【菜根潭】赏析 - 幽谷星尘 - 人无癖不可与交,以其无深情也。精品书法【菜根潭】赏析 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

欢迎朋友做客捧场

欢迎光临幽谷星尘家园
欢迎光临幽谷星尘家园
 

幽谷星尘家园欢迎你

精品书法【菜根潭】赏析 - 幽谷星尘 - 人无癖不可与交,以其无深情也。


 

  评论这张
 
阅读(46)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017