shallwesw 发表于 2009-1-13 15:32:11

金鸡贺岁!Flash制作鸡年新春动画贺卡

  鸡年春节快到了,在这喜迎新春之际,我们特地做了一个热热闹闹的新春动画送给朋友们。

  完成效果如下:

动画文件1.7M,请稍候
  一、素材准备

  前景准备

  这个动画的动画很简单,设计工作也不复杂,只需要大家稍稍有些创意就能做好。需要的前景素材包括:对联、门(图1)、小鸡(图2),背景素材包括:背景图(图3)、福字(图4)、春字和音乐。

 
www.ad119.cn/bbs/attachments/websoft/20090112/20091131531421877801.gif

图1 


www.ad119.cn/bbs/attachments/websoft/20090112/20091131531428177802.gif

图2


www.ad119.cn/bbs/attachments/websoft/20090112/20091131531437577803.gif

图3


www.ad119.cn/bbs/attachments/websoft/20090112/20091131531445377804.gif

图4

  1.对联

  按照图1的版式在Flash中用红色黄边的矩形设计好对联的背景,至于对联的内容大家喜欢什么祝福语就用什么了。

  2.门

  我们要把门做成一个动画自动开门的形式,因此门的左右两部分应该各为一个元件,门的图形采用中国传统的城门样式,上面装点着圆形的图案,再加点星星作为点缀。在绘制圆形图案时,用圆形工具绘画然后用油漆桶填充,选择红色圆形渐变的颜色填充(图5)。


www.ad119.cn/bbs/attachments/websoft/20090112/20091131531456277805.gif

图5

  绘制星星图案选择多角星型工具,然后设置一下多边角星型的属性为星形,八条边,星形顶点大小为0.2(图6)。


www.ad119.cn/bbs/attachments/websoft/20090112/20091131531464077806.gif

图6

  3.小鸡

  小鸡的绘制我们把它分成身体、眼睛和嘴三部分(图7),想象一下生活中见到的小鸡是什么样子的再把它们卡通画一下就能自己创作出可爱的小鸡形象了。注意这三部分图案组合在一起时,别忘了在“修改”菜单下把它们组成为一个整体。


www.ad119.cn/bbs/attachments/websoft/20090112/20091131531464077807.gif

图7
   
  背景准备

  1.背景图

  背景图的样子要显得喜庆才行,至于用什么图案大家可以自己设计,最好使用红黄色的色调来作背景。

  2.福字

  新春佳节大家都讲究“福”,福字的设计我们用黄色字体、红色背景再加一个圆框来处理。注意为了保证字体“归纳”在圆环之内,需要用一个遮照。整个福字元件第一层是背景、中间被遮照的是文字、上面一层是遮照层用和背景一样大小的圆形(图8)。


www.ad119.cn/bbs/attachments/websoft/20090112/20091131531473477808.gif

图8

  3.春字

  新春佳节当然少不了春字,春字的设计方法和福字相同。

  二、动画组合

  1.开门动画

  开门的动画只需要将门的左右两边往外移动就是了,设计一个移动的补间动画。不过需要设计一个遮照层,只能看到图1大小的范围,这样整个动画就是在这样一个范围内演绎。

  2.福字转动

  当门打开后福字就跳出来旋转一圈变成一个春字,在门打开后的帧后面再设计一个福字动画,其中第15到29帧福字(静态)元件由小变大,用移动的补间动画来设计(图9),在第30帧增加一个关键帧这里把原来的元件去掉换上福字转动的动画元件(设计方法见下文)。


www.ad119.cn/bbs/attachments/websoft/20090112/20091131531478177809.gif

图9

  创建一个福字转动的电影剪辑元件,在元件中制作第1到5帧的动作补间动画,设计顺时针旋转一次(图10)。在第5帧的关键帧把福字垂直旋转180度,这样福字旋转一周后福字倒立。在第20帧插入关键帧现在要让福字旋转回来后变成春字,第20帧设计顺时针旋转的补间动画,在第25帧插入关键帧把春字(静态)元件放到该帧上,注意春字的大小和位置要和前面的福字相同。


www.ad119.cn/bbs/attachments/websoft/20090112/200911315314828778010.gif

图10

  3.春字闪动

  春字的闪动也需要另外设计一个元件,第一帧的字小、第五帧的字大,注意多插入帧可控制闪动的变化速度(图11)。

<IMG src="http://www.jcwcn.com/Files/BeyondP
页: [1]
查看完整版本: 金鸡贺岁!Flash制作鸡年新春动画贺卡