您好!欢迎您光临情人贺卡的的制作与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>情人贺卡的的制作与思考
情人贺卡的的制作与思考
发表日期:2012/9/17 19:32:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 3991

情人贺卡的的制作与思考

   

    教学目的:通过本节教学了解和掌握元件的属性、链接,滤镜和as语句的填写与运用,进而制作出温馨多情、富有个性的情人贺卡。

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

    教学要点:属性、链接、滤镜和as。

   

  

    作前准备 准备一张规格为300*300,透明的情人图片和一张透明的动态玫瑰花。经过制图软件处理后,放置在指定的文件夹备用。

    制作步骤

    1.启动FLASH8 软件

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

图1

    3.创建图形元件 选择“插入-新建元件”,创建一个名为“红心”的图形元件。点击确定,进入元件编辑区。用椭圆形工具在工作区拖一个规格为160*160的,红色无边框正圆形。右键该实例复制,转帖,使两个圆水平交叉,然后,用黑箭头工具将其调整为心形。如图2所示:


图2

选中心形实例,右键该实例,将其转换为影片剪辑,打开滤镜,点击“加号-斜角”,设置参数如图3所示:


图3

此时红心显示为立体心形。选中该实例,全居中。

    4.创建影片剪辑

    (1)选择“插入-新建元件”,创建一个名为“爱心”的影片剪辑元件。点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上分别为图层1、图层2、图层3。

    a.选择图层1第1帧,从库中拖出红心图形元件至工作区,设置其规格为240*240,全居中。在第20、21、40帧插入关键帧。点击第1帧,将该实例等比放大为300*300,并设置其透明度为60%;点击第20帧,将该实例等比放大为350*350,设置其透明度为0;第21帧不变;点击第40帧,将该实例等比放大为300*300,设置其透明度60%。分别点击第1帧和第21帧,创建这两个区域间的动画补间。

    b.将图层1第21-40帧刮黑,右键“刮黑处-复制帧”。然后右键“图层2第1帧-粘贴帧”;再将图层1第1-20帧刮黑,右键“刮黑处-复制帧”。然后右键“图层2第21帧-粘贴帧”。锁定图层1、图层2。

    c.选择图层3第1帧,从库中拖出红心图形元件至工作区,设置其规格为240*240,全居中。在第40帧插入帧,上锁。其时间轴与实例显示如图4所示:


图4

    (2)选择“插入-新建元件”,创建一个名为“闪光”的影片剪辑元件。点击确定,进入元件编辑区。点击图层1第1帧,用椭圆形工具在工作区画一个白色、无边框的闪光图形。如图5所示:


图5

将该实例转换为图形元件,全居中。在第1帧设置其规格为30*30,并设置其Alpha为50%。如图6所示:


图6

在第5帧、第10帧插入关键帧,在第11帧插入空白关键帧,再在第12帧插入普通帧。点击第5帧,将该实例放大规格为60*60,并设置其透明度为“无”(Alpha100%)。分别点击第1、第5帧,创建这两个区域间的动画补间。如图7所示:


图7

    (3)选择“插入-新建元件”,创建一个名为“Fragment”的影片剪辑元件。点击“高级”,进入元件属性及链接菜单。设置其参数,如图8所示:


图8

点击确定,进入元件编辑区。用文本工具输入一个颜色为红色的“爱”字,字体,规格随意。如图9所示:


图9

    5.组织编辑场景 返回场景1 ,添加五个图层,共六个图层。自下而上分别命名为背景、爱心、情人、玫瑰、闪光、as。

    (1)选择背景图层第1帧,用矩形工具,打开混色器,设置其参数如图10所示:


图10

在工作区拖一个无边矩形,选中该矩形,点击“修改-变形-顺时针旋转90°”,设置其规格为550*400,全居中,并将其转换为影片剪辑。打开滤镜菜单,设置其参数,如图11所示:


图11

锁定该图层。完成后,场景中实例显示,如图12所示:


图12

    (2)选择爱心图层第1帧,从库中拖出“爱心”影片剪辑至工作区,全居中,上锁。如图13所示:


图13

    (3)选择情人图层第1帧,导入已准备好的情人矢量图放置在爱心的适当位置,选中该实例,将其转换为影片剪辑。打开滤镜菜单,设置参数,如图14所示:


图14

锁定该图层。完成后,场景中实例显示效果,如图15所示:


图15

    (4)选择玫瑰图层第1帧,导入已准备好的动态玫瑰矢量图到库中。打开库,从库中拖出动态玫瑰矢量图中的影片剪辑,如图16所示:


图16

放置在背景的四个角,用任意变形工具调整到你想要的位置和大小,上锁。如图17所示:


图17

    (5)选择闪光图层第1帧,从库中拖出几个“闪光”影片剪辑至工作区,分别调整好其大小和透明度,放到所需位置。如图18所示:


图18

    (6)右键as图层第1帧,打开动作面板,在as编辑区输入如下语句:

/* 定义四个全局变量,定义位置 */
_global.gLEFT = 0;
_global.gTOP = 0;
_global.gRIGHT = Stage.width;
_global.gBOTTOM = Stage.height;
 
/* 5个变量定义元件的速度、最大、最小、数量*/
var maxSpeed:Number = 25;
var minSize:Number =4;
var maxSize:Number = 10;
var minFragments:Number = 50;
var maxFragments:Number = 150;
 
/* 在最大和最小之间返回一个数的函数 */
function randRange(min:Number, max:Number):Number {
  var randomNum:Number = Math.floor(Math.random() * (max - min + 10)) + min;
  return randomNum;
}
 
/* 主程序片段 */
onMouseDown = function():Void {
  var totalFragments:Number = randRange(minFragments, maxFragments);
  var fragment_mc:MovieClip;
  var depth:Number = this.getNextHighestDepth();
 
  for (var i:Number = 0; i < totalFragments; i++, depth++) {
    fragment_mc = attachMovie("Fragment", "fragment" + depth, depth);
    fragment_mc._x = _xmouse;
    fragment_mc._y = _ymouse;
    fragment_mc._width = fragment_mc._height = randRange(minSize, maxSize);
    while(!fragment_mc.speedX) {
      fragment_mc.speedX = randRange(-maxSpeed, maxSpeed);
    }
    while(!fragment_mc.speedY) {
      fragment_mc.speedY = randRange(-maxSpeed, maxSpeed);
    }
    fragment_mc._alpha = randRange(10, 100);
    fragment_mc.cacheAsBitmap = true;
 
    fragment_mc.onEnterFrame = function():Void {
      this._x += this.speedX;
      this._y += this.speedY;
 
      if (this._x < gLEFT || this._x > gRIGHT || this._y < gTOP || this._y > gBOTTOM) {
        this.removeMovieClip();
      }
    };
  }
};

 

锁定该图层。


    5.该作业完成后的时间轴如图19所示:
图19
 

    6.测试存盘

 

    *说明:

    1.“Fragment”影片剪辑不进入场景,只是作为脚本的元素它的形状与颜色将展现在动画中,其大小须调整脚本参数,与元件设置规格无关。

    2.如果将“情人”作成图片加文字切换的影片剪辑,是否更能表达你对他(她)爱恋之情呢。

    3.在场景可多加一个图层,放上相关的歌曲影片剪辑,以增加贺卡的温馨与视听效果。

      最终效果显示:


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

全屏下载

 

祝你成功!

 

进入更多教程

 

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



冰雪纷飞
(2008/8/7 17:59:00) [59.62.209.]

谢谢老师的教材


花开花落
(2008/7/24 10:43:00) [222.213.93.]

站长你好!你的网站很好,有许多东西值得学习,今天看见你这个贺卡,也想试做,可我知道的玫瑰花图片,怎么导入flash里还带着白框啊,不知道该怎么做?你怎么给玫瑰上写字?还有我做的“爱”字,最后没有显示出来?呵呵,是不是问的太多了,不好意思了。还望您能教缴我,谢谢!


ydhy
(2008/5/14 17:37:00)

非常精美的制作!谢谢大哥为小弟送去的<<情人贺卡>>及对红叶家庭的美好祝福!!借此机会,红叶遥祝大哥及大嫂福如东海长流水,寿比南山不老松!

 发表评论:共有 3 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167