用Flash制作别致的贺卡

核心提示:圣诞节快到了,你难道不想做一张这样别致的贺卡送给你的GF吗?

相关下载:
Macromedia FlashV8.0 简体中文版

  打开贺卡,圣诞夜的雪景浮现眼前。随着鼠标的移动,一颗颗星星逐渐闪现,然后飞到一起,在夜空中组成一颗闪亮的心……

  圣诞节快到了,你难道不想做一张这样别致的贺卡送给你的GF吗?

  怎么样?动心了?OK!现在我们就开始制作吧。

  一、要准备的素材

  1.星星的闪光

  包括圆形的闪光和十字形的闪光两种。圆形的闪光就是先画一个正圆,然后改变其填充为白色到透明的径向渐变就好了,当然别忘了删掉圆的线边。做好以后将其转化为图形元件“glow”。

  十字形的闪光制作稍复杂一点:首先画一个长方形,然后将其线边删掉;改变其填充为白色到透明的线性渐变;点取“填充转换工具”,将长方形上的渐变调整到适当角度(如图所示);将上面所画的长方形复制三份,摆成如图所示的形状,然后将其转化成图形元件(注意:这一步很重要,不转换成元件的话在下一步叠放中将会发生互相遮挡的情况,达不到应有的透明效果);再将这个形状复制一份,调整使之与已有图形垂直,将最后所得的图形转化成图形元件,取名“stargfx”,这就是十字形闪光的成品了。

  2.一张合适的背景图:找一张有气氛的图片做为影片的背景。你总不希望你的影片只是单调地有一些星星在飞吧,这样可讨不到女孩子欢心噢。图片应该是深色的,最好有星空做背景,这样才与我们的效果相搭配嘛。

  需要准备的东西就这些了,下面就要动手把这些简单的东西组合成绚丽的特效啦。

 二、影片元件的制作

  1.会闪烁的星星

  新建一个影片剪辑“star”,将已有的层改名“star”,然后在这一层正中央画一个很小的圆,这是星星的主体;新建一个层“starglow”,将我们做好的圆形发光效果“glow”放置在主星星体上方。再新建一层“stargfx”,将我们做好的“stargfx”图形元件放在星星主体上方。

  然后来做闪烁的动画效果:

  “stargfx”层:改变第一帧“stargfx”元件的Alpha值为0;然后在第5帧添加关键帧,改变“stargfx”的alpha值为100,并将其旋转一个适当的角度(比如顺时针45度);在第十帧添加关键帧,改变“stargfx”的alpha值为0,并沿与上次相同的方向旋转一个同样的角度;最后在各关键帧之间生成动画。如果发现生成动画后元件旋转的方向与想要的不同,可以点击两关键帧之间的任何一点,然后在属性栏里改变其旋转方向。

  “glow”层:关键帧的位置和元件的alpha值调成与上一层相同就行了,不过旋转就免了吧。

  将每一层的帧数延长至70帧(可以自定,但最好不要太少。这主要是为了在影片播放时星星闪烁有个时间间隔,不致于闪个不停)。

  2.目标点:

  新建一个影片剪辑,在其中画一个小正方形。这东西用在做什么?呵呵,这就是我们的星星要飞去的方向啦,具体的作用在下面的“写入ACTION SCRIPT”中会讲到。

  3.动作区:

  新建一个影片剪辑“action”,将现有层改名为“background”,将我们导入的图片背景拖动至中心位置。然后新建一个层“star”,接下来最艰苦的工作开始了,我们要用我们刚才做好的目标点在这一层上摆一个图形,也就是我们想要星星最后组成的图案,在这个例子里我们要摆的就是一颗心。注意:摆好以后还要给每个目标点归定不同的instance名,命名规则是“*+依次的数字”,在本例中我们使用z1-z60。这就意味着我们的这颗心由60个目标点组成,标号从“z1”一直到“z60”。

  终于摆完了?怎么样,很累吧。MM的欢心可不是那么容易讨的噢。选中你所摆的图案,把它的alpha值调到0,这样在影片中就看不到它们了,也就不会有人知道星星怎么那么听话啦。

  接下来拖动我们做好的星星“star”到这一层,将其instance名也改为“star”。

       三、Action Script控制

  好了,现在最关键的步骤来了。先具体说一下这个效果的实现原理:我们先用目标点摆一个图案,然后在影片播放的时候动态生成一些星星,给这些星不同的目标点,让它们飞向各自的目标点,最后就组成我们摆好的图案了。怎样归定每颗星的目标点呢?我们可以在每个星的影片剪辑里设一个变量,在星生成的时候给这个变量赋值,然后在星运动时就可以用eval("z"+num)的形式组合出这颗星的目标点的名字了(这也是为什么我们的目标点开始要那么命名的原因)。至于怎么让星飞过去的程序嘛,其实早就有了,记得广为流传的鼠标根随脚本么?这里只是将目标点由鼠标坐标处改成了我们自己的目标点而已。

  明白了吧?那么你可以自己尝试着写啦。如果你还是觉得一头的雾水,请看下面的源码。关键地方已经有了详细的注释。

  1.点击“action”影片剪辑,在Action面板中写入如下的代码:

  onClipEvent (load) {   //在影片调入时初始化一些必要的变量
    count = 1;  //当前星星的编号
    maxcount = 400;   //影片中最大允许出现的星星个数  
  }
  onClipEvent (mouseMove) {
    if (count<maxcount and (Math.random()*5)<1) {
      //以一定机率生成星星及限定星星个数
      duplicateMovieClip(star, "star"+count, count);
      if (count<=60) {  //星星数目仍小于目标点个数时
        eval("star"+count)._xscale = eval("star"+count)._yscale=100;
        eval("star"+count).active = true;
        eval("star"+count).mytarget=count; file://设定目标
      } else {  //星星超过目标点个数的话生成的星星就不会动,而且比原来的小。
        eval("star"+count)._xscale = eval("star"+count)._yscale=50;
        eval("star"+count).active = false;
      }
      eval("star"+count)._x = _xmouse;   //星星出现在鼠标所在位置
      eval("star"+count)._y = _ymouse;
      count++;   //记数器加
    }
  }

  2.点击“action”中的“star”,在Action面板中写入如下的代码:

  onClipEvent(enterFrame){
    if(realactive){
      //星星是否仍允许运动,realactive来源请看下面一条(3)
      xm=eval("_parent.z"+mytarget)._x-_x; file://运动
      ym=eval("_parent.z"+mytarget)._y-_y;
      _x+=xm/10;
      _y+=ym/10;
      if(Math.abs(xm)<0.5 and Math.abs(ym)<0.5)
         realactive=false;   //基本到达目标点后停止运动
    }
  }

  3.编辑“star”影片剪辑,插入ActionScript如下:

  realactive=active;

  这样做的目的就是让星星在原地停留一会儿(也就是影片播放到40帧以后)再向目标点运动。

  好了,大致的制作过程就是这些了。你还可以加入更多的效果使影片更加完善,比如:加入文字的动画效果,或是增加通过随机函数增加星星动作的随机性等等,一切你自己发挥啦。然后,在圣诞前夜,给心仪的MM发去这样的一张贺卡,然后,你就只管偷着乐吧!

时间: 2024-09-20 19:39:12

用Flash制作别致的贺卡的相关文章

用FLASH制作课件的优势和缺陷

    Flash的前身是Future Splash公司推出的一个矢量动画插件,Macromedia公司收购了Future Splash以后将其改为独立的Flash软件,到现在最新的Flash50,可以说Flash已经成为交互式矢量技术的标准.未来网页制作的一大主流.我在用Flash制作课件的实践中感到,用Flash来制作课件主要有以下几方面的优势: "身材"纤细 Flash采用的是流行的矢量技术,用它创作的作品,不但交互功能强大,动画效果丰富多彩,无级放大的矢量图永远不会产生令人讨

flash制作可爱吹泡泡动画效果

简介:本例介绍使用Flash制作一个有趣的"小丑吹泡泡"动画,主要运用了椭圆.直线工具,以及任意变形和渐变填充等方法,操作简洁易懂,适合新手学习. 制作步骤: 1.新建一个Flash文档,Ctrl+F8新建一个元件,命名为"boy".选择椭圆工具,设笔触为黑色,按住Shift键画出一个正圆作为小丑的脸. 图01 2.新建一个图层,命名为"nose",再画一个小椭圆作为鼻子. 图02 3.嘴巴和耳朵都可以都画在鼻子图层上.先用直线工具画出如下两条直

Flash制作时钟的实例教程

核心提示:Flash制作时钟的实例教程. 本例为用Flash AS3.0制作时钟的实例教程,为Flash AS入门教程第八课的延伸教程,希望能给朋友们带来帮助. AS3.0实例教程二-时钟的制作 效果: 虽然制作时钟老套了点,但它确可以较全面地应用到时间日期和间隔等知识,仍不失为较好的入门练习. 一. AS3.0时间日期简介 时间和日期主要应用在读取时间日期和设置时间间隔两个方面.在AS3.0中时间日期仍然是用Date类来读取,与AS2.0相比3.0要获取时间日期更加方便一些.同样的要使用Dat

用Flash制作个性化的QQ表情

现在大多数聊天工具都可以发送一些动态表情,这些生动有趣的表情本质就是一个小的GIF动画,使用动画制作软件就可以轻松制作出个性化表情,这绝对是获取MM芳心的一大绝招!本文将以Flash Mx 2004为例,向大家介绍一下如何制作个性化的QQ表情.相信通过本文的学习,不但可以制作出一枚独一无二的表情,还能够在轻松地阅读中掌握Flash动画制作基础. 小提示 QQ表情动画的格式是GIF(绝大多数聊天软件的表情动画都是此格式),所以将Flash制作的动画输出为Gif格式即可作为QQ表情. 第一步:启动F

用Flash制作“拖曳配对题”

拖曳配对题是一种常见的交互题型,将设定的物体拖到目标区域,根据到达的位置反映相应结果.一般情况下,如果没有到达目标区域,还能自动返回.学生在完成这种题型时,感觉像在玩游戏,可谓是"在玩中学,在学中玩".本文将为大家介绍如何使用Flash制作拖曳题. 1. 启动Flash Mx/2004,新建一个Flash文档.在场景的第1帧输入文字,并且按"Ctrl+B"打散,然后再按"Ctrl+G"组合.输入括号,并在括号中绘制两个矩形,然后分别选中,按F8弹

Flash制作函数曲线课件

函数 高中数学要接触到许多曲线,如正弦曲线.双曲线.抛物线等,如果在教学中能利用课件动态演示各种曲线,并且能通过改变参数而使曲线形状或位置发生变化,将会有助于学生理解掌握各种曲线的性质及特点. 本人在用Flash制作数学课件时,总结出一个有效绘制各种曲线的方法.原理是巧妙利用曲线的参数方程来绘制曲线,如正弦曲线的参数方程为:x=mt:y=Asin(mФ+Ф0),其中Ф=2Пt/T,曲线上某一点A(X,Y)都是变量t的函数,而在FLASH的时间线中,每帧之间有一定的时间间隔,我们可以把这一时间间隔

如何利用FLASH制作留言板

如何利用FLASH制作留言板? 解决思路 我们可以通过FLASH  MX中自带的组建来实现一个简单的留言板实例.使用FLASH中的组件非常方便.本例只是涉及到了制作,留言板在具体的应用中还有很多FLASH以外的知识,在这里就不向大家介绍了. 具体步骤 1,  运行FLASH MX,文档属性默认. 2,  导入一幅壁纸图片留言板的背景.朋友们也可以自己设置FLASH文档背景或者建立一个图层作为背景.如图1所示. 图1    导入背景图片 3,  新建一个图层,利用文本工具,输入静态文本.并设置它们

高级:利用Flash制作精彩的迷宫游戏

高级 网页教学网:在以前的教程中我们讲解了利用Flash制作游戏的一些方法,比如碰撞的检测等,在这个教程中我们利用以前学的知识创建一个不错的迷宫游戏!该教程主要是Flash利用材质和遮照创建真实的小球动画的延续,利用创建好的小球滚动动画制作迷宫游戏. 在学习这个教程前请大家查看 利用材质和遮照创建真实的小球动画 教程.教程中所使用的背景请看:利用Photoshop Action打造精美的宇宙星空特效 在这篇教程中没有新的知识,就是利用一个舞台(地图),然后还有一个运动的小球实现的一个小的Flas

用Flash制作螺旋发散特效动画

特效 今天我们来用FLASH制作"变化莫测"的螺旋发散动画特效,在制作这种特效之前,让我们先来先浏览一下最终的效果. 点击这里下载源文件 制作过程: 第1步:打开FLASH软件,新建一个大小为:400*300的新文件,背景为:黑色,帧数为:25帧.如下图: 第2步:点击"菜单栏"→"插入"→"新建元件"(快捷键为:Ctrl+F8),名称:元件1:行为:图形:点击确定.如下图: 第3步:点击"工具栏"→&qu