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

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

as2打造实例图片无限循环旋转  

2014-02-01 00:28:40|  分类: 【flash教程】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
作前准备:

    准备一张个人或他人的照片,经过制图软件(ps、fw)处理后,规格约为112*140,保存到指定的文件夹待用。

  制作步骤

    1.启动FLASH8 软件。

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


图1

    3.导入素材到库

    首先,将准备好的照片素材导入到库中,待用。其素材图如下:


素材图

    4.创建影片剪辑元件

    选择“插入-新建元件”,建立一个名为“mm”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。从库中拖出准备好的照片位图到舞台,规格为112*140,全居中。如图2所示:

图2

    5.编辑制作场景

    返回场景1,添加四个图层,共五个图层。自下而上分别命名为背景、照片1、照片2、椭圆、as。

    (1)选择背景图层第一帧,用矩形工具点开色码表,选定最下边一行的第四个外黑内绿的放射性颜色,在舞台拖一个规格为550*400的,无边线的矩形(图3-1),全居中。用充分变形工具,选中该实例,将其调整为图3-2形状,上锁。其流程,如图3所示:

图3

    (2)选择照片1图层第一帧,从库中拖出mm影片剪辑元件到舞台,设置其规格为80*100,位置随意。如图4所示:

图4

点击该实例,按f9,点开动作面板,在as编辑区输入,如下指令语句:

onClipEvent (load) {
 y=100;
 Angle_Inc=10;
 speed=1.5;
 radius=200;
 xcenter=100;
 ycenter=20;
 zcenter=100;
 Per=150;
 angle=0;
  }
onClipEvent (enterFrame) {
 x=Math.cos(angle*Math.PI/180)*radius+xcenter;
 z=Math.sin(angle*Math.PI/180)*radius+zcenter;
 scale=Per/(Per+z);
 _x=x*scale+xcenter;
 _y=y*scale+ycenter;
 _xscale=_yscale=scale*20;
  duplicateMovieClip(this,"ball"+0.1,angle/Angle_Inc);
  angle+=speed;
  if(angle>359){
  angle-=360;
 }
}

锁定该图层。

    (3)选择照片2图层第一帧,再从库中拖出mm影片剪辑元件到舞台,设置其规格为112*140,并将其放置在背景绿色椭圆的中间。如图5所示:

图5

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

图6


在混合处选择一般,并将“使用运行时位图缓存”前面打勾。上锁。如图7所示:

图7

    (4)选择椭圆图层第一帧,用椭圆形工具在工作区拖一个规格为50*90的无边框的椭圆形,颜色随意。用选择工具将椭圆调整到覆盖照片的适当位置,如图8所示:

图8


右键该椭圆将其转换为影片剪辑元件,并在属性面板填写其实例名称为mc2,如图9所示:


图9

选中该椭圆打开滤镜,点击“加号-模糊”,设置其参数,如图10所示:

图10


此环节完成后场景中的实例变化,如图11所示。上锁。
 



图11
 
    (5)选择as图层第一帧,按f9,点开动作面板,在as编辑区输入,如下帧语句:
 
mc1.setMask(mc2);
 
锁定该图层。
 

    6.本作业完成后时间轴显示如图12所示:



图12

  7.测试存盘

    *说明:

    1.本教程照片旋转的快慢可在文档属性设置中的帧频来调整。

    2,本作业即可作为单个作品来欣赏交流,也可在mtv作品中作为组件为作品增色添彩。

    最终效果显示:


 

<>

http://hsb345.16789.net/domName/hsb345/201012222123319815.swf

全屏下载

  评论这张
 
阅读(23)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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