Flash动画实例:雪景贺卡制作

flash动画

  效果简介:

  这是一个雪景贺卡。诗意的房屋、雪景;可爱的雪人、袅袅的炊烟;浅浅的脚印和随机的雪花,这些组成一幅美丽的雪景图,也使这张贺卡充满了情趣。但贺卡的制作也因此变得稍稍复杂。

  主要应用技术:

  文章中主要学习如何系统的设计贺卡并有效的管理数量巨大的元件。掌握贺卡制作中场景的布置,颜色的应用,气氛的营造等方法。制作中关键的技术还有使用随机函数实现逼真的雪花效果。学习如何巧妙合理地使用素材设计出有灵性和个性的作品。

图 1

点击这里下载源文件

  制作步骤:

  设置场景的大小为400px×300px,背景为白色,帧频为12fps。

  设计元件

  1.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“房屋”的影片剪辑元件。

  2.在“房屋”元件的场景里按快捷键Ctrl+R打开“导入”面板导入一幅房屋背景图。为了让读者看得清楚一些,故先将背景色设成黑色。如图2所示。

图 2

  3.按快捷键Ctrl+B把房屋图片打散,然后炊烟那一段图片,按快捷键Ctrl+X剪切下来。如图3所示。

图 3

  4.打开“创建新元件”面板新建一个名为“炊烟”的图形元件,在“炊烟”元件的场景中按快捷键Ctrl+V把刚才剪切的炊烟图片粘贴到场景中。

  5.双击库中的影片剪辑元件“房屋”,回到其编辑场景里。接着新建一个“炊烟”层,然后打开库,将刚才制作好的“炊烟“元件拖到“炊烟”中,并调整其位置到“房屋”的烟囱上,如图4所示。

图 4

  以上的步骤看上去好像多此一举。其实不然,这就是合理利用素材的技巧了。因为这样做可以在不添加元件的情况下让设计出炊烟袅袅的效果。产生有人气(动)的感觉,使得整个动画不至于死气沉沉。下面来看看“炊烟”的具体制作方法。

  6.按住Ctrl键,同时选中“房屋”元件场景中两个层的第35帧,并F5键插入帧。接着选中“炊烟”层里第35帧,按F6键插入关键帧。右键点选“炊烟”层的第1帧并选择“创建补间动画”命令。如图5所示。


图 5

  7.选中“炊烟”层第1帧中的“炊烟”元件,然后使用“工具”面板中的“任意变形”工具 把“炊烟”元件缩小到看不见为止,其位置仍要在烟囱上。到这里“炊烟袅袅”的效果就设计好了。

  现在,打开库,按住Ctrl键选中“房屋”元件和“炊烟”元件,然后右键单击阴影选择区,在弹出的菜单中选择“移至新文件”命令,在弹出的“新文件夹”面板里输入新元件管理文件夹的名字“雪屋”。如图6所示。


图 6

  在设计大型的动画,譬如MTV时,我们总要使用文件夹来管理元件。这样做可以非常方便地管理、调用和编辑元件,大大的节省设计时间,提高工作效率。所以建议读者在设计复杂动画时应该把一段动画中的相关元件归并到同一个文件夹里。

  8.其它景色的设计。首先把场景的缩放比例设置成200%。接着在雪屋的图片上抓取一块后面设计中用来衬托背景的雪地图片。既图7中蓝色线条框中的部分。


图 7

  新建一个名为“雪地”的图形元件,并把刚才裁剪地图片粘贴到场景中。如所示。

图 8

  9.再创建一些图形元件,然后导入一个雪人,脚印。雪树可以可以在“房屋”中截取。所有其它元件如图9所示。

图 9

  10.“文字”影片剪辑元件的设计可以随意,就看读者想说些什么了。关键是要能和动画相映成趣,相辅相成。篇幅关系这里就不多说什么了。但要注意,文字动画的设计不能太花哨,尽量少设计文字动画,少用各种字体,也尽量不要使用形变动画和透明动画,否则会增大文件体积。

  11.设计随机雪花。这是本例中的难点,涉及到不少Flash编程的知识。但也是相当重要的一个部分。

  新建一个名为“雪花”的图形元件。把场景比例设置成800%,然后在“雪花”元件的场景中,按住Shift键使用“椭圆”工具绘制一个直径为5px的圆。如图10所示。

图 10

  12.打开“创建新元件”面板新建一个名为“落雪影片”的影片剪辑元件元件,如上图。在库中双击影片剪辑元件元件“落雪影片”进入其编辑场景。把场景中的“图层 1”改名为“雪花”层,接着从库中把图形元件“雪花”拖拽到该层的场景中。

  13.选中“雪花”层的第40帧按下F6键插入关键帧,接着右键单击第1帧选择“创建补间动画”命令,然后选中第20帧再插入一个关键帧。

  14.右键单击该层并在弹出的菜单中选择“添加引导层”命令为“雪花”层建立一个引导层。在引导层里画一条曲线,然后让第1帧和第40帧的“雪花”元件吸附在曲线的左端,第20帧的雪花吸附在曲线的右端。如图11所示。


图 11

  15.新建一个名为“落雪”的影片剪辑元件。从库中把“雪花影片”元件拖拽到“落雪”的场景中,选中第3帧按下F5键插入帧。点选场景中的雪花影片,在“属性”面板里给影片剪辑“雪花影片”取个实例名称“snowflake”,如图12所示。

图 12

  16.在“落雪”元件中新建一个“脚本”层。如图13所示。分别点选中该层的第1、2、3帧,然后按下F7键插入空白关键帧,并按F9键打开“动作”面板,键入如下代码:

图 13

  第1帧中的代码如下:

  // n是复制的影片剪辑的唯一深度级别。深度级别是被复制影片剪辑的堆叠顺序,即影片各自的层次
  n = 1;
  // 变量flakes用来控制雪花的数量,即可以控制雪花的密度
  flakes = 100;

  第2帧中的代码如下:

  i = 1;
  while (i<=flakes) {    //控制雪花飘落速度
    this["snowflake" add i]._y += Math.random()*2 + 2;
    i++;
  }
  if (n == flakes) {
    n = 1;
  } else {
    snowflakesize = Math.random()*30+30; //复制雪花影片
    duplicateMovieClip("snowflake", "snowflake" add n, n);  //控制雪花的飘落范围
    this["snowflake" add n]._x = Math.random()*500; //控制雪花的大小
    this["snowflake" add n]._xscale = snowflakesize;
    this["snowflake" add n]._yscale = snowflakesize;
    n++;
  }

  第3帧中的代码如下:

  //制造影片的回路,让影片可以不停地播放
  gotoAndPlay(2);

  代码不是很多,也不是很难理解。代码中,Math.random()用来产生随机数字,其返回的值在0到1之间,但不包括1。DuplicateMovieClip()的作用是复制影片剪辑。_x属性和_y属性在影片剪辑在场景中的坐标值,也就是它们在场景中的位置。_xscale属性和_yscale属性是影片剪辑的水平和垂直缩放比例属性。而this对象的作用则是引用影片剪辑实例。

  设计主场景

  1.在制作主场景之间,我们先来看看主场景所有的层以及上下关系。如图14所示。

图 14

  2.把主场景中的“图层 1”层改名为“背景”层,见图 14。按快捷键“Shift+F9”打开“混色器”面板,如图15所示进行设置。

图 15

接着用“椭圆”工具在场景中拉出一个圆(不要边线),并在“属性”面板里设置这个圆形的宽、高为480px、380px。最终设置如下图(白色区域为场景,场景缩放比例为50%)。如图6所示。

图 16

  3.新建“雪地”层。打开库,将库中的图形元件“雪地”拖拽到该层中,然后用“变形”工具将其拖动放大,最终设置如图17所示。

图 17

  4.新建“景色”层。然后从库中将“房屋”元件和其它元件都拖拽到场景相应的层中,然后设置好他们的位置。相同的元件可以重复使用,譬如场景中的雪数,就可以复制调整其大小,如图18所示。从而减小文件的大小。

图 18

  5.脚印的设计稍微繁琐了些,但不难,多用几次快捷键Ctrl+T打开“变形”面板调整脚印的大小和角度,这样遍可以事半功倍。从库中把影片剪辑元件“雪花”拖入到场景中。

  6.新建一个“文字”层,用来放“文字”影片剪辑元件。然后打开库,把读者自己设计的“文字”影片元件拖到该层中。

  现在按快捷键Ctrl+Enter观看最终效果。笔者相信,在学习了该例后,读者定能够设计出自己喜欢的贺卡了。实例中,背景的主色调采用了粉红色,其设计理念是:表达出朋友或恋人的洋溢的热情,所以,无论从哪个角度来讲,看着这张贺卡,你一点都不会觉得冷,即使雪依旧在下。

  另外,贺卡制作中场景的布置,譬如树的远近大小,雪人的位置也是有讲究的,这个就要读者多多积累经验了。其原则的近大远小,彼此不能太近。还有最重要的就是如何充分利用素材,设计出有灵性,有个性的作品。希望读者多积累这方面的经验。

时间: 2024-11-03 11:22:54

Flash动画实例:雪景贺卡制作的相关文章

Flash教程实例:如何制作别样的绿

  设置影片属性;使用"文字工具"写入文字;使用帧动作设置动作;使用帧属性设置帧的属性;创建新元件.本文对Flash教程实例 :如何制作别样的绿进行了具体阐述供阅读. [步骤] (1) 启动Flash MX 2004,如果"属性"面板没有打开,可选择菜单栏中的"窗口"|"属性"命令打开它.在"属性"面板中,设置动画尺寸大小为600×300px.确认 "帧频"文本框中的数值为12.&quo

什么是 采用SAP Itutor与FLASH动画相结合的方式制作 且采用SAPGUIXT技术嵌入ERP系统

问题描述 什么是采用SAPItutor与FLASH动画相结合的方式制作且采用SAPGUIXT技术嵌入ERP系统

Flash动画实例:巧妙的鼠标效果

flash动画|鼠标      动画效果: 点击这里下载源文件 好,现在我们就开始至做这个效果. 第一步,我们先来建立一个graphic,在这个graphic里我们要画出被鼠标吸引的按钮的外观.我们的做法是使用多层绘制,单层合并的方法.做一个"◎"的矢量图.大小15*15 第二步,我们建立一个button,把graphic拖入button,在up,over,down调节一下Alpha值,使按钮在不同情况下,有不同的显示.在hit桢加上15*15的热区. 第三步,我们在建立一个Movie

Flash制作卷轴动画实例教程

  用Flash软件制作书法卷轴动画,是考试中必考的试题,本文对Flash制作卷轴动画实例 进行了具体阐述供阅读.大家请仔细阅读下文! 1.新建文档,然后导入图片,在舞台的第一帧拖入图片,调节到合适的大小并按(F8)转化为影片剪辑元件(提示:转化为影片剪辑的目的是为了能够使用模糊滤镜) 2.新建层,复制图层1的第一帧,粘贴到图层2的第一帧,在第二层的第一帧选择影片剪辑元件,在属性栏选择-添加滤镜-模糊(15左右,视舞台大小及图片分辨率),在图层1和图层2的第90帧按F5插入帧(提示:90帧是影片

Flash动画制作声音技巧之控制声音的回放

flash动画|技巧|控制 一.基础知识:1.开始声音播放:       MySoudn.start([参数1:开始播放的位置,秒],[参数2:循环次数]).参数1可以控制声音从任意位置开始播放.2.两个属性:       MySoudn.position  ,返回播放头当前位置,毫秒       MySoudn.duration  ,返回声音总长度,毫秒3.停止播放:      MySoudn.stop();      注意,停止后播放头也停在停止时的位置,直到下一个start()才移动.所以

Flash动画短片制作常用表现方法与技巧

flash动画|技巧 在Flash动画尤其是短片的制作中或多或少都要表现一些较复杂的动作,而Flash本身功能的限制使我们在制作动画时感到手脚受到牵制,或者为此付出过多的时间和精力.这里笔者总结了自己制作动画短片中的一些经验,这些技巧不仅仅在Flash动画中会用到,对制作Gif动画也有很好的帮助,大家碰到此类问题时可以作个参考. 主要包括逐帧动画表现方方法技巧.以及充分利用Flash的变形功能制作动画的表现技巧. 一.逐帧动画表现方法和技巧 逐帧动画是我们常用的动画表现形式,也就是一帧一帧地将动

Flash动画制作大揭秘 五彩缤纷海洋世界

flash动画 在网上提起最热门最炙手可热的动画制作软件,大家也许第一个就会想到Flash,<小小动作作品系列>.<东北人都是活雷锋>.<大话三国>等等这些在互联网上广为流传,为广大网民所非常喜爱的作品都是用Flash制作的.提起Flash,我想大家都不会陌生,它是美国著名的多媒体软件公司Macromedia开发的矢量图形编辑和交互式动画制作专业软件,该软件与同是Macromedia公司出品的Dreamweaver(网页编辑软件).Fireworks(图像处理软件)合称

网页中演示类FLASH动画制作规范

核心提示:为了使项目更加快速有效的完成并且保证工作质量,使源文件从结构上更加的简洁易读,有必要遵守一定的规范进行制作. 在工作中所遇到的涉及到flash的项目一般会根据其具体应用分成两大类:演示类.交互类.为了使项目更加快速有效的完成并且保证工作质量,使源文件从结构上更加的简洁易读,有必要遵守一定的规范进行制作. 演示类Flash动画指的是单纯的以展示为目的的动画,包括专题片头.广告.动态banner,以及部分电子杂志的内页等等. 通常这些项目在制作之前会先完成平面效果图,然后根据平面效果图制作

SWFText:菜鸟也能制作Flash动画

flash动画 软件档案 软件名称:   SWFText  软件版本:   1.2  软件分类:   图形图像/图像处理  软件大小:   1.37MB  适用平台:   Windows 9X/2000/XP/Me  软件语言:   简体中文  作者主页:   官方网站  注册费用:   免费  下载地址:   点击这里高速下载 了解软件之前,先来看一下笔者使用该软件制作的Flash动画文件 一.软件安装 软件安装比较简单,一路点击"下一步"就能安装成功.需要注意的是,安装程序捆绑了&