快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Flash制作特酷的图片遮照特效动画

  演示效果:

« Full Screen »

点击这里下载源文件

  制作步骤:

  1.启动Flash MX 2004,新建一个Flash文档,修改影片大小为300×300,帧率:30fps。如图:

  2.单击“文件”菜单-->>“导入”-->>“导入到库”命令,导入一张事先预备好的300*300的一张图片素材。如图:

  3.单击“插入”-->>“新建元件”命令(或者按Ctrl+F8),新建一个元件,命名为bg,行为:影片剪辑,单击“确定按钮”。如图:

  4.打开库面板,把刚刚导入的图片拖拽到bg里面,并调整其坐标为:0,0。如下图:

  5.新建一个元件,命名为nemo,行为是影片剪辑,单击确定按钮,然后添加一个图层,选中图层2的第1帧,打开动作面板加入代码:stop();,在图层1的第2帧插入一个要害帧,然后选择矩形工具绘制一个大小为20*20的无边的矩形,调整其坐标为320,320。之后在图层1的第35帧插入一个要害帧,图层1的第15帧处插入一个要害帧,在图层2的第35帧处插入一个要害帧,设置动作命令为:stop();。并且调整图层1的第15帧和35帧处的位置。如下图:

  8.之后选中图层1的第2帧,打开属性面板,设置补间为:外形,简易调整为100;同样选中图层1的第15帧打开属性面板设置补间为:外形,简易调整为-100。如下图:

  9.新建立一个元件命名为movie,把刚刚建立的影片剪辑拖到里面来,设置其实例的名字为:meno。如图:

  10.回到场景中来,新建两个图层,分别把图层1改名为bg,图层2改名为:movie,图层3改名为action。选中bg层的第1帧,打开库面板把bg影片剪辑拖入到里面,并设置其实例名字为img,如下图:

  选中movie层的第1帧,把movie影片剪辑拖到里面来,设置其实例名为mov。如图:

  选中action层的第1帧,打开动作面板,我们添加如下代码:(在这里代码我就不解释了,希望您能看懂):

znum = 0;
_root.img.setMask(_root.mov)
allz = new Array();
allz[0] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];
allz[1] = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
allz[2] = [3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17];
allz[3] = [4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18];
allz[4] = [5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19];
allz[5] = [6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];
allz[6] = [7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21];
allz[7] = [8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22];
allz[8] = [9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23];
allz[9] = [10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24];
allz[10] = [11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25];
allz[11] = [12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26];
allz[12] = [13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27];
allz[13] = [14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28];
allz[14] = [15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29];
for (i=0; i<15; i++) {
 for (j=0; j<15; j++) {
  _root.mov.nemo.duplicateMovieClip("m"+(i-1)*15+j, (i-1)*15+j);
  _root.mov["m"+(i-1)*15+j].xnum = i;
  _root.mov["m"+(i-1)*15+j].ynum = j;
  _root.mov["m"+(i-1)*15+j]._x = i*20+20;
  _root.mov["m"+(i-1)*15+j]._y = j*20+20;
  _root.mov["m"+(i-1)*15+j].onEnterFrame = function() {
   if (_root.allz[this.ynum][this.xnum] == _root.znum) {
    this.play();
   }
  };
 }
}
_root.onEnterFrame = function() {
 if (znum<30) {
  _root.znum++;
 }
};



  按CTRL+回车键观看效果吧!祝你好运!!!!




返回类别: Flash教程
上一教程: PS+FLASH制作马赛克效果
下一教程: FLASH实用技巧之太阳系制造

您可以阅读与"Flash制作特酷的图片遮照特效动画"相关的教程:
· Flash制作一种特别的图片特效动画
· 用Flash MX制作出色的粉荷清波动画特效一例
· Flash制作递增遮照效果动画
· Flash制作环绕的立体图片效果动画
· Flash制作切片式图片效果动画
    微笑服务 优质保证 索取样品