制作一个生日贺卡范例
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
制作一个生日贺卡范例。
贺卡以满屏的玫瑰花画面开始,背景音乐采用“生日快乐”的纯音乐循环播放。镜头慢慢推近,一个诱人的鲜奶水果蛋糕渐渐呈现在眼前,蛋糕上插着五支烛光摇曳的蜡烛,在蛋糕的上方渐显“许个愿吹灭蜡烛吧!”字样,在五支蜡烛的烛焰上都有一个透明的按钮,当单击按钮时蜡烛熄灭,一个嵌有“幸福”字样的透明小球从天空中缓缓飘落,并停留在一定的高度。吹灭任意的前四支蜡烛分别出现“幸福”、“美满”、“快乐”、“健康”的小球,当第五支蜡烛吹灭后,背景音乐马上变成童声演唱的生日快乐歌,无数个金黄色的星星洒落下来,写有“生日快乐”的四颗红心也徐徐下落,将气氛推到最高潮。相信此时的寿星早已感动得眼睛“出汗”了。
如图13-1、13-2、13-3所示是本例生日贺卡中的几个画面。
图13-1 生日贺卡效果图一
图13-2 生日贺卡效果图二
图13-3 生日贺卡效果图三
1)预先准备好两段音乐素材,一段为无演唱的生日快乐音乐,作为贺卡的前半部分背景音乐;另一段为演唱版的生日快乐歌,作为贺卡后半部分的背景音乐。
(2)新建一个标题为“生日贺卡”的Flash文档,文档大小为“550px×400px”,背景色为“蓝色”,将已经准备好的两首素材音乐导入到库中,分别重命名为“生日快乐音乐”和“生日快乐歌”。
(3)从本书的配套光盘中找到第2章的实例“情人节贺卡”源文件“情人节贺卡.fla”。
打开“情人节贺卡.fla”文件,在“情人节贺卡.fla”的库中选中名为“蜡烛”和“心”的图形元件,单击鼠标右键,在弹出的菜单中执行【复制】命令,单击库面板上方的小三角,选择“生日贺卡.fla”,转换到“生日贺卡.fla”库面板,如图13-4所示。
图13-4 切换不同文件的库面板
在“生日贺卡.fla”库文件列表中选择用鼠标右键单击弹出的菜单中的【粘贴】命令,这样“蜡烛”、“心”和一些相关的元件都被一起复制过来了。
元件的绘制
1.绘制玫瑰花元件
新建一个名为“玫瑰花”的图形元件,使用绘图工具绘制一朵如图13-5所示的玫瑰花。在填充颜色时注意玫瑰花的明暗度,也可以找一些图片来参考,吸取图片上的颜色再进行填充,这样画出来的花会更加逼真。
图13-5 绘制“玫瑰花”的图形元件
2.“蜡烛”元件的改造
从“情人节贺卡”中导入进来的“蜡烛”元件是一个静态的图形元件。为了使贺卡的效果更为逼真,我们一起来改造一下。
(1)在库中选中“蜡烛”元件,单击鼠标右键选择弹出菜单中的【类型】→【影片剪辑】命令,将元件转换为影片剪辑。
(2)双击打开“蜡烛”元件,在“烛光”层的下方新建一个名为“光圈”的图层,绘制一个椭圆形的半透明辉光效果,如图13-6所示。
(3)在各层的第10帧、第20帧处插入关键帧。分别选中“光圈”、“烛光”、“烛焰”层的第10帧,使用【选择工具】对图形进行变形,使烛光看上去有被微风吹动的感觉,变形的幅度不用太大。记得在修改某一层时把其他层锁住,以免造成干扰,变形后的效果如图13-7所示。
图13-6 添加光圈效果图13-7 第15帧处变形后的蜡烛
(4)在各层的第1帧、第10帧处分别创建补间形状。
在“烛身”层的第20帧上添加动作语句:
gotoAndPlay(1);
添加这个动作语句的作用就是使烛光能够在没被吹灭之前不断地摇曳。
(5)在“光圈”、“烛光”、“烛焰”层的第25帧处插入关键帧,并再次进行变形,使之看上去像快被吹灭的状态。在第26、27、28帧处分别插入关键帧,改变烛光、烛焰、烛圈的形状,使之形成被吹灭时左右摇摆的瞬间。在第29帧处插入空白关键帧。在各层第21帧处创建补间形状。
(6)“烛身”层的第29帧处插入关键帧,在帧上添加“stop();”的动作语句。
(7)在“光圈”层的下方新建一个名为“灯芯”的图层,在第25帧处插入一个空白关键帧,用【刷子工具】绘制一根灯芯,并转换为图形元件,在第29帧处插入一个关键帧。将第25帧处的灯芯元件的“Alpha”值设为0%,在这一帧创建补间动画。
(8)执行菜单【插入】→【新建元件】命令,创建一个名为“透明按钮”的按钮元件,在“透明按钮”的第4帧处插入一个空白关键帧,并在这一帧上绘制一个椭圆形,大小和填充色随意。
打开“蜡烛”影片剪辑,返回到元件的编辑状态,在最顶层新建一个名为“按钮”的图层,将刚才创建的“透明按钮”拖入到场景中,调整其大小和位置,使之和“烛光”的大小位置差不多。选中场景中的“透明按钮”,打开“动作”面板,输入以下语句:
on (release) {
gotoAndPlay(21); //跳转到第21帧并播放
_global.n++; //全局变量n加1
}
在“按钮”层的第21帧处插入一个空白关键帧,改造完成后的“蜡烛”元件时间轴如图13-8所示。
图13-8 “蜡烛”元件时间轴
3.绘制蛋糕元件
(1)新建一个名为“蛋糕”的影片剪辑元件。
(2)绘制一个如图13-9所示的鲜奶水果蛋糕。具体的绘制过程这里就不详述了。
图13-9 绘制蛋糕元件图13-10 蛋糕元件的最后效果
(3)将库中的“蜡烛”元件拖入到场景中,调整其大小和位置,复制出四个同样的“蜡烛”元件,如图13-10所示。
4.祝福小球的制作
(1)新建一个名为“幸福”的影片剪辑元件,在场景中绘制一个椭圆形,填充色为放射状,左色标为“灰色”,透明度为0%,将左色标移至中间,右色标为“白色”,透明度为50%。
在椭圆形中输入文字“幸福”,如图13-11所示。
图13-11 “幸福”小球元件
同时选中小球和文字,将其转换为图形元件。
在第10帧和第20帧处分别插入关键帧,将第10帧中的小球元件略微缩小。在第1、10帧处创建补间动画。
(2)用同样的方法制作“健康”、“快乐”、“美满”元件。在制作这几个元件时还可以采用直接复制元件的方法来制作。
5.“生日快乐”祝福语的制作
新建一个名为“生日快乐”的影片剪辑元件,从库中将“心”图形元件拖至舞台,调整其大小,在“心”图形元件的中间位置输入文字“生”,同时选中“心”元件和文字“生”,执行菜单中的【修改】→【组合】命令将图形和文字组合在一起。
新建三个图层,在每一层上用同样的方法制作“日”、“快”、“乐”的心形组合,调整各个组合的位置和大小,如图13-12所示。
图13-12 “生日快乐”元件第一帧的效果
在各层的第5、10帧处分别插入关键帧,在第5帧上分别调整各个图形的位置和角度,在第1、5帧处分别创建补间动画。
6.“星星”元件的制作
(1)新建一个名为“星星”的图形元件,用直线工具绘制一条宽10px的直线,将放大至800%,选中此线条,在混色器中设置笔触颜色为线性,溢出模式选择“镜像”,颜色设置如图13-13所示。
图13-13 线条的笔触颜色设置
在原有线条的中间再绘制一条纵向的直线,形成一个十字花。