Flash课件制作中方块切换效果制作

分类:动画制作学习    发布时间:2019年06月17日    点击:124次

Flash课件制作中方块切换效果制作:



  制作前准备

  准备九张规格为360*312的,做相册的图片,经处理后待用。

  1.启动FLASH软件。

  2.确立文档属性 设置动画尺寸为550*400,背景颜色深绿,帧频24,其它默认,点击确定,进入场景1。

  3.首先将准备好的九张素材图片导入到库中,待用。

  4.创建影片剪辑

  (1)选择插入-新建元件-高级,打开元件属性、链接面板,建立一个名为image_0的影片剪辑元件,属性链接参数,点击确定,进入元件编辑区。就一个图层。

  选择图层1第一帧,从库中拖出图片1到舞台,规格360*312,上对齐-左对齐。同理同种方法创建名为image_1-image_8,的影片剪辑元件,完成图片2-9的大图操作。

  (2)选择插入-新建元件-高级,打开元件属性、链接面板,建立一个名为thumb_0的影片剪辑元件,属性链接参数,点击确定,进入元件编辑区。就一个图层。

  选择图层1第一帧,从库中拖出图片1到舞台,规格60*52,上对齐-左对齐。同理同种方法创建名为thumb_1-thumb_8,的影片剪辑元件,完成图片2-9的小图操作。

  (3)选择插入-新建元件-高级,打开元件属性、链接面板,建立一个名为box的影片剪辑元件,属性链接参数,点击确定,进入元件编辑区。就一个图层。

  选择图层1第一帧,用矩形工具在舞台拖一个规格为360*312的,无边线的矩形,颜色随意,全居中。其库中影片剪辑元件显示,

  5.编辑制作场景

  返回场景1,添加两个图层,共三个图层。自下而上命名为矩形、文本、as。

  (1)选择矩形图层第一帧,用矩形工具在舞台拖一个,规格158*312,无边线的橙色矩形,将其放置在舞台的右侧偏上。上锁。

  (2)选择文本图层第一帧,用文本工具在矩形上输入竖向的古今红颜多英杰 雄才伟略胜儿男。字体,规格,颜色自定。上锁。

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

  imageHeight = 312;

  imageWidth = 360;

  rows = 6;

  boxWidth = imageWidth/rows;

  boxHeight = imageHeight/rows;

  imageTotal = 9;

  thumbHeight = 52;

  thumbWidth = 58.5;

  padding = 11;

  depth = 0;

  newPos = 0;

  boxSpeed = 2;

  this.createEmptyMovieClip("boxes", 4004);

  this.createEmptyMovieClip("top", 4003);

  top.setMask(boxes);

  mask = this.attachMovie("box", "mask", 4002);

  mask._width = imageWidth;

  mask._height = imageHeight;

  mask._x = padding+(mask._width/2);

  mask._y = padding+(mask._height/2);

  this.createEmptyMovieClip("bottom", 4001);

  bottom.setMask(mask);

  shrink = false

  function addBoxes() {

  for (var i = 0; i<rows; p="" {<="">

  for (var j = 0; j<rows; p="" {<="">

  var b = boxes.attachMovie("box", "box"+depth, depth);

  b._width = boxWidth;

  b._height = boxHeight;

  b._x = (boxWidth/2)+padding+(boxWidth*i);

  b._y = (boxHeight/2)+padding+(boxHeight*j);

  depth++;

  }

  }

  }

  function resetBoxes() {

  for (var i = 0; i<(rows*rows); i++) {

  boxes["box"+i]._width = boxWidth;

  boxes["box"+i]._height = boxHeight;

  }

  }

  function shrinkBoxes() {

  if (shrink) {

  for (var i = 0; i<depth; p="" {<="">

  var b = boxes["box"+i];

  if (b._width>0) {

  b._width -= boxSpeed;

  b._height -= boxSpeed;

  }

  if (b._width < 1) {

  shrink = false;

  resetBoxes();

  top._x = newPos;

  break;

  }

  }

  }

  }

  function addImages() {

  for (var k = 0; k<imagetotal; p="" {<="">

  var m = top.attachMovie("image_"+k, "image_"+k, depth);

  depth++;

  var b = bottom.attachMovie("image_"+k, "image_"+k, depth);

  depth++;

  m._x = b._x=padding+(mask._width*k);

  m._y = b._y=padding;

  var t = this.attachMovie("thumb_"+k, "thumb_"+k, depth);

  depth++;

  t._x = padding+(thumbWidth*k);

  t._y = (padding*2)+imageHeight;

  t.pos = k*-imageWidth;

  t.onPress = function() {

  if (newPos != this.pos) {

  if (!shrink) {

  bottom._x = newPos=this.pos;

  shrink = true;

  }

  }

  };

  }

  }

  addBoxes();

  addImages();

  this.onEnterFrame = function() {

  shrinkBoxes();

  };

  锁定该图层。

  6.该任务完成后测试存盘

  *说明:本教程中创建的影片剪辑均没有进入场景1,它们是通过其属性链接和脚本来控制的。你在制作中各影片剪辑元件的规格、位置必须按教程要求做,不然需修改脚本中的个别参数方可正常显示。


黄鹤楼动漫动画制作:027-82730702;82720703 移动/微信:139-9566-0877 企鹅QQ:76211136

标签:课件动画制作flash课件制作课件制作

  • 动漫设计与制作
  • 发表评论

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

  • 动画是如何制作
  • 最近发表
    标签列表
    手机扫一扫
    扫一扫手机观看