您好!欢迎您光临父亲节贺卡的制作原理与方法(下)_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>父亲节贺卡的制作原理与方法(下)
父亲节贺卡的制作原理与方法(下)
发表日期:2012/9/19 10:04:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 7261

父亲节贺卡的制作原理与方法(下)

   

    教学目的:通过本节教学了解和掌握设置动态文本,添加按钮、按钮组及指令的基本原理与操作方法,进而制作出具鼠到即停、鼠标跟随的相册式父亲节贺卡。

  教学对象:本教材是针对有一定动画制作基础及对工具箱、属性面板、动作面板和相关界面有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:蒙板、按钮、动态文本、实例名称、变量、as

 

    

    10.编辑制作场景 返回场景1,添加11个图层,共12个图层。自下而上图层名称,如图20所示:

图20

    下面编辑场景第1帧的内容-简介:

    (1)选择边框图层第一帧,从库中拖出边框图形元件到舞台,规格为550*600,全居中。

    (2)选择父亲图层第一帧,将父亲头像从库中拖入舞台,全居中。

    (3)选择内容图层第一帧,从库中拖出简介影片剪辑到舞台,全居中。

    (4)选择遮罩图层第一帧,用矩形工具在中间大边框位置拖一个规格为550*400的,无边线的矩形,全居中。设置该图层为遮罩层。

    (5)选择祝词图层第一帧,从库中拖出祝词影片剪辑到舞台,放置在下小边框的右侧上半部。

    (6)选择鼠标图层第一帧,从库中拖出鼠标影片剪辑到舞台,放置在场景的右侧下方,祝词的上方。(其实可随意摆放的),点击该实例,在属性面板填写其实例名称为:f_mc

    (7)选择文本图层第一帧,用文本工具在上小边框处键入作品的题目“父亲节贺卡”,在下小边框左右各输入“简介”与“相册”;再用动态文本在下小边框内的下半部拖一个动态文本框,在属性面板的设置,如图21所示:


图21

点击该文本框,填写其变量为:outtime1 ,其实例名称为:shuchu

    (8)选择声控图层第一帧,分别从库中拖出声控1和声控2影片剪辑到舞台,放置在上小边框的左右。调整好其大小。

    (9)选择按钮图层第一帧,从库中分别依次拖出两个隐钮按钮按钮元件到舞台,分别放置在简介和相册的位置。

    a.点击简介处的按钮,按f9,打开动作面板,在as编辑区输入如下指令语句:

on (release) {
 gotoAndStop(1);

}

    b.点击相册处的按钮,按f9,打开动作面板,在as编辑区输入如下指令语句:

on (release) {
 gotoAndStop(2);

}

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

function aoyuntimelist() {
 nowdate = new Date();
 
 year = nowdate.getFullYear();
 
 month = nowdate.getMonth()+1;
 
 date = nowdate.getDate();
 
 day = nowdate.getDay();
 
 hour = nowdate.getHours();
 
 minute = nowdate.getMinutes();
 
 second = nowdate.getSeconds();
 
 enddate = new Date(2010, 5, 20, 0, 0, 0);
 
 shijiancha = (enddate.getTime()-nowdate.getTime())/1000;
 
 if (shijiancha>=0) {
 
  shengyutian = Math.floor(shijiancha/(3600*24));
 
  shengyuxiaoshi = Math.floor((shijiancha-shengyutian*24*3600)/3600);
  shengyufen = Math.floor((shijiancha-shengyutian*24*3600-shengyuxiaoshi*3600)/60);
  shengyumiao = Math.floor(shijiancha-shengyutian*24*3600-shengyuxiaoshi*3600-shengyufen*60);
  if (month<10) {
   month = "0"+month;
  }
  if (date<10) {
   date = "0"+date;
  }
  if (hour<10) {
   hour = "0"+hour;
  }
  if (minute<10) {
   minute = "0"+minute;
  }
  if (second<10) {
   second = "0"+second;
  }
  if (shengyutian<10) {
   shengyutian = "0"+shengyutian;
  }
  if (shengyuxiaoshi<10) {
   shengyuxiaoshi = "0"+shengyuxiaoshi;
  }
  if (shengyufen<10) {
   shengyufen = "0"+shengyufen;
  }
  if (shengyumiao<10) {
   shengyumiao = "0"+shengyumiao;
  }
  outtime1 = "2010年父亲节距今天还有"+String(shengyutian)+"天"+String(shengyuxiaoshi)+"时"+String(shengyufen)+"分"+String(shengyumiao)+"秒";
 
 } else {
  if (month<10) {
   month = "0"+month;
  }
  if (date<10) {
   date = "0"+date;
  }
  if (hour<10) {
   hour = "0"+hour;
  }
  if (minute<10) {
   minute = "0"+minute;
  }
  if (second<10) {
   second = "0"+second;
  }
  if (shengyutian<10) {
   shengyutian = "0"+shengyutian;
  }
  if (shengyuxiaoshi<10) {
   shengyuxiaoshi = "0"+shengyuxiaoshi;
  }
  if (shengyufen<10) {
   shengyufen = "0"+shengyufen;
  }
  if (shengyumiao<10) {
   shengyumiao = "0"+shengyumiao;
  }
  outtime1 = "倒计时已结束,为我们辛勤的父母祝福吧!";
 
 }
}
setInterval(aoyuntimelist, 1000);
mysound = new Sound();

mysound.attachSound(id="music");

mysound.start(0, 20);

    (11)选择as2图层第一帧,按f9,打开动作面板,在as编辑区输入停止指令:stop();

锁定该图层。

    本环节第一帧完成后的场景显示,如图22所示:

图22

    下面编辑场景第2帧的内容-相册:

    (1)选择父亲图层第2帧插入空白关键帧,从库中拖出滚动影片剪辑到舞台,将其放置在下小边框处,左对齐-底对齐。选中该实例,在属性面板填写其实例名称为:mc1 。上锁。

    (2)选择内容图层第2帧插入空白关键帧,从库中拖出大图影片剪辑到舞台,将其放置在中间边框处,全居中。选中该实例,在属性面板填写其实例名称为:mc 。上锁。

    (3)选择遮罩图层第2帧插入空白关键帧,上锁。

    (4)选择蒙板图层第2帧插入空白关键帧,从库中拖出蒙板影片剪辑到舞台,将其放置在中间大边框处,全居中。选中该实例,在属性面板填写其实例名称为:m_mc 。上锁。

    (5)选择祝词图层第2帧插入空白关键帧,上锁。

    (6)选择鼠标图层第2帧插入关键帧,上锁。

    (7)选择文本图层第2帧插入关键帧,用文本工具在中间大边框下框拖一个动态文本框,规格约50*25,全居中。在属性面板填写其实例名称为:a 。其它参数,如图23所示:

图23

    (8)选择按钮图层第2帧插入关键帧,从库中拖出三角按钮按钮元件到舞台,将其放置在中间大边框下框动态文本的左边位置,再从库中拖出一个三角按钮按钮元件放置在中间大边框下框动态文本的右边位置,水平翻转。

    a.点击左边按钮,按f9,打开动作面板,在as编辑区输入,如下指令:

on (release) {
 _root.mc.prevFrame();
 _root.m_mc.play();
}

    b.点击右边按钮,按f9,打开动作面板,在as编辑区输入,如下指令:

on (release) {
 _root.mc.nextFrame();
 _root.m_mc.play();
}

锁定该图层。

    (9)选择as1图层第2帧插入空白关键帧,按f9,打开动作面板,在as编辑区输入,如下语句:

_root.mc.stop();
onEnterFrame = function () {
 this.a.text = _root.mc._currentframe;
 _root.f_mc._x=_root._xmouse
 _root.f_mc._y=_root._ymouse
};

锁定该图层。

    (10)分别在边框、声控、as2图层第2帧插入帧,锁定各图层。

    本环节第2帧完成后的场景显示,如图24所示:

图24

   

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


图25

  8.测试存盘

    *说明:

    1.本作业要素较多,语句较多,叙述也较繁琐,朋友门在操作中一定要认真细致地阅读教程,耐心地按步骤一步步来,切不可急于求成。

    2,本教程集文字渐出渐入,相册,蒙板切换,鼠到即停,鼠标跟随。音乐控制,动本显示等多种特效于一体。分开来就是一个个很不错的动画实例。对你的动画创作很有启发的哦。

进入教程上

 

最终效果显示:


http://hsb456.16789.net/s-helpSite/domName/hsb456/20106161154999303.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



太阳雨
(2009/6/13 21:06:00) [122.7.193.]

老师,在你的指点下我改好了,虽然做得不好,但能成型,我就很高兴了,谢谢你!


太阳雨
(2009/6/13 17:43:00) [122.7.193.]

老师回复这么及时啊,太感谢了。我再重做。


hsb345
(2009/6/13 16:37:00)

回复太阳雨:滚动相册要放倒该图层第二帧上,在第二帧上要将第一帧的倒计时和祝福语删除;水波文字效果不成功可能有两个原因,一是下边的两层文字没有错开。二是遮罩没有处理好。


太阳雨
(2009/6/13 8:34:00) [122.7.193.]

老师,水波效果字我做了好几遍,都不出效果,不知道为什么。


太阳雨
(2009/6/13 8:31:00) [122.7.193.]

谢谢老师,你的波纹字我已经跟着做过了,这种字我能做出效果。还有一个问题,就是下边小边框的时间,我按照教程做出来,不是和祝福语一起显示,是和滚动相册一起显示了,请再给指点一下,给老师添麻烦了!

 发表评论:共有 7 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167