1、 设设 计计 报报 告告 课题名称:Flash 动画作品制作 2012 年 12 月 28 日 学 生 指导教师 课题名称 圣诞贺卡 设计时间 12 月 24 日-1 月 4 日 设计地点 8-205 设计目的 为了适应当前市场对于计算机动画设计和制作人才的需求, 为解决计算机类学生不懂设计这样一个普遍的问题。 一、一、 需求分析需求分析 运用 Flash 软件,制作圣诞节电子贺卡。通过多层图层实现电子贺卡各部分的显现,通 过各种补间实现下雪效果、圣诞树的旋转、圣诞老人出现、文字旋转晃动、麋鹿拉着雪橇划 过夜空以及投下礼物等效果。 需要两个场景完成动画。 场景一需要背景、雪花、圣诞树、文字和音
2、乐图层,制造出圣诞节的环境效果;需要圣 诞老人、雪花、圣诞树、心形元件,需要创建各种补间,各种补间结合使用,更增加效果; 需要添加文字,并添加滤镜,是文字渐变发光,使色彩更加绚丽。 场景二需要背景、雪地、圣诞老人、礼物、星光闪闪、文字图层,制造出圣诞老人派送礼 物的气氛,需要星光、麋鹿、雪橇、渐变发光圆形、礼物元件,通过多种补间的配合协调, 生动的显现出圣诞老人坐着麋鹿拉着的雪橇车经过,并投下礼物的画面。 运用 PS 配合 Flash 动画的制作,注意色彩的搭配以及各部分的分布协调,内容要丰富, 色彩艳丽,突出圣诞节的特色。运用圣诞节的各种习俗突出圣诞节的气氛,配合着圣诞节的 各种元素,声贺卡
3、的效果更佳生动。 二、二、 总体设计总体设计 首先,贺卡以紫色渐变色引入人们眼帘,一颗圣诞树旋转于贺卡左上角,增强了贺 卡的动感,伴随着雪花飘飘,贺卡中间位置渐渐出现“MERRY CHRISTMAS”,并随着贺卡播放 不停变化。然后, “圣诞快”四个字一个一个从天而降,并在贺卡右上角作用晃动, “乐”字 落下后开始左右旋转,好像快了的转圈,形象生动。随后,又一颗颗的红心左下角升起,一 颗颗升起后圣诞老人出现,亲吻每个人,同时“MERRY CHRISTMAS”缩放到右下角。最后,进 入第二场景的播放,蓝色渐变、星星点点、雪花飘飘的圣诞夜,圣诞老人作者麋鹿拉的雪橇 车投下礼物,空中闪烁着五彩缤纷的
4、“圣诞快乐” 。 三、三、详细设计过程详细设计过程 场景一: 1、制作 3D 圣诞树。首先创建元件(ctrl f8),画出一半圣诞树,颜色为深绿色,并在 圣诞树边上画一条白色,营造出被雪覆盖的效果;回到场景一,再建一个元件(ctrl f8) , 拖进场景中,ctrl+k 水平居中对齐,双击中间带十字的圆圈,开始进行立体圣诞树的建立, ctrl+t将圣诞树的四个边做成立体效果的, 并将做好的圣诞树放入场景一中的想独立图层上, 建立补间动画、3D 补间,在动画编辑器中将旋转 y 的坐标改为 360 。 绘制雪花。新建元件(ctrl f8) ,画出一正六边形,和一枝雪花边,ctrl+t 旋转角度改为
5、 60 , 生成雪花一圈边。 2、绘制雪花。新建元件(ctrl f8) ,画出一正六边形,和一枝雪花边,ctrl+t 旋转角 度改为 60 ,生成雪花一圈边。 3、制作文字元件。建立四个新元件(ctrl f8) ,分别为“圣” 、 “诞” 、 “快” 、 “乐” ,分 别用不同的颜色,字体都为华文琥珀,并都加渐变发光滤镜。 4、抠图圣诞老人。利用网上下载的图片,在 photoshop 中进行抠图,并保存 psd 格式。 5、组合场景一。背景为紫色渐变填充,并在下面画出雪地的效果。雪花图层运用传统补 间,使雪花有的飘出画面,有的停在画面上,有些消失掉了,是效果更加逼真。中间位置的 文字通过打散(
6、ctrl+b)两次,运用补间形状,是文字变化对端,更加自然。右上角的文字 通过传统补间使之摆动、旋转,使贺卡更具动感,更加多彩丰富。心形的上升通过补间动画, 添加位置、缩放关键帧完成,最后圣诞老人出现也是运用了传统补间。(效果如图) 场景二: 1、绘制礼物。通过矩形工具、椭圆工具和选择工具的配合,画出具有立体感的礼盒,并 且做出蝴蝶结,填充色也为渐变色,是礼物更加具有立体感,绘制出方形礼盒和圆柱形礼盒 两种。 2、绘制雪橇。利用画笔工具,仿照网上的素材,画一个载有圣诞来人的雪橇。 3、麋鹿以及圣诞树为网上下载素材。 4、组合场景二。背景为蓝色渐变填充,依然在下面画出雪地的效果。星光闪闪效果通过 传统补间形成圣诞老人坐着麋鹿拉的雪橇经过的效果通过传统补间实现。圣诞老人投下礼物 的效果是通过补间动画实现的,创建位置、缩放关键帧。中间位置的文字调整色调和饱和度, 是不同关键帧上的文字呈现不同的颜色,在通过补间动画,颜色关键帧,使文字渐变,效果 绚丽多彩。 (效果如图) 四、遇到的问题及解决方案四、遇到的问题及解决方案 在制作 Flash 圣诞贺卡的过程中,遇到了