您好!欢迎您光临生日贺卡的制作原理与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>生日贺卡的制作原理与思考
生日贺卡的制作原理与思考
发表日期:2012/9/18 8:23:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 7268

生日贺卡的制作原理与思考

   

    教学目的:通过本节教学了解和掌握蛋糕、蜡烛的绘制,以及隐形按钮的制作和运用,进而制作出温馨而富有个性的生日贺卡。

  教学对象:本教材是针对有一定动画制作基础和对属性面板及工具箱有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:混色器,引导线,简单的鼠绘,隐形按钮及as指令的添加。

   

  

    作前准备 下载一首mp3的生日歌曲,放置在指定的文件夹中待用。

    制作步骤

    1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*400,帧频为12,背景颜色黑色,其它默认,点击确定,进入场景1。如图1所示:

图1

    3.创建图形元件

    (1)选择“插入-新建元件”,创建一个名为“蛋糕”的图形元件。点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上分别为图层1、图层2和图层3。

    a.选择图层3第一帧,用椭圆形工具,打开混色器,设置其参数,如图2所示:


图2

在工作区拖一个线性,浅粉色的,规格为114*24的,无边框的横向椭圆形;再选择矩形工具,在椭圆形下方拖一个比椭圆形略浅的规格为114*30的,无边框的横向矩形,然后,用黑箭头工具将其向下弯曲。组合。如图3所示:


图3

右键该实例将其转换为影片剪辑元件,全居中。选中该实例,打开滤镜设置其参数,如图4所示:


图4

    b.选择图层2第一帧,从库中拖出刚才转换的椭圆形影片剪辑至工作区,放大约规格为185*66,并将其移到图层3的椭圆形下方,水平中齐。

    c.选择图层1第一帧,从库中再拖出一个刚才转换的椭圆形影片剪辑至工作区,放大其规格为280*100,并将其移到图层2的椭圆形下方,水平中齐。如图5所示:


图5

    (2)选择“插入-新建元件”,创建一个名为“蜡烛”的图形元件。点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上分别为图层1、图层2和图层3。

    选择图层1第一帧,用矩形工具,打开混色器,设置其参数,如图6所示:


图6

在工作区拖一个线性,红色的,规格为13*70的,无边框的竖向矩形;再用椭圆形工具在矩形上方托一个颜色略深与矩形,规格为13*8的,无边框的横向椭圆形;再用铅笔工具在椭圆形上方画一个蜡烛捻。组合。如图7所示:


图7

    (3)选择“插入-新建元件”,创建一个名为“蛋糕蜡烛”的图形元件。点击确定,进入元件编辑区。添加四个图层,共五个图层。自下而上分别为蛋糕、文本、后蜡、中蜡、前蜡。

    a.选择蛋糕图层第一帧,从库中拖出“蛋糕”图形元件至工作区,放置在工作区的下半部,水平中齐。上锁。

    b.选择文本图层第一帧,用文本工具在蛋糕下层输入你要表述的内容。点击“修改-分离”一次,使每个字分离开,用黑箭头工具调整好每个字的位置。上锁。

    c.选择后蜡图层第一帧,分别从库中拖出四根“蜡烛”图形元件至工作区,放置在上层蛋糕的合适位置,上锁。

    d.选择中蜡图层第一帧,从库中拖出“蜡烛”图形元件至工作区,将其等比放大、变色后,放置在上层蛋糕中间,水平中齐。上锁。

    e.选择前蜡图层第一帧,分别从库中拖出四根“蜡烛”图形元件至工作区,放置在上层蛋糕的合适位置,上锁。本环节完成后,如图8所示:


图8

    4.创影片剪辑元件

    (1)选择“插入-新建元件”,创建一个名为“火苗”的影片剪辑元件。点击确定,进入元件编辑区。选择椭圆形工具,打开混色器,设置其参数,如图9所示:

图9

在工作区拖一个线性,浅黄色的,规格为11*27的,无边框的横向椭圆形,用充分变形工具将其调整为上白下黄(顺时针旋转90°)。全居中。在第2、3、4、5帧插入关键帧,用黑箭头工具将各帧中的实例分别调整到,如图10所示:


图10

    (2)选择“插入-新建元件”,创建一个名为“音符1”的影片剪辑元件。点击确定,进入元件编辑区。在工作区画一个单音符,颜色、规格自定。全居中,并将其转换为图形元件。如图11所示:


图11

添加一个“引导层”,用铅笔工具在工作区画一条白色的曲线,长度在500左右。在第80帧插入帧。上锁。如图12所示:


图12

选择图层1第1帧,将音符1放置在引导线的下端点。一定要将注册点和引导线下端点重合;如图13所示:


图13

在第80帧插入关键帧,将音符1沿引导线上移到曲线上端点。一定要将注册点和引导线下端点重合;适当缩小实例,并设置其透明度为20%。点击第1帧,创建本区域间的动画补间。上锁。如图14所示:


图14

    (2)选择“插入-新建元件”,创建一个名为“音符2”的影片剪辑元件。点击确定,进入元件编辑区。在工作区画一个双音符,颜色、规格自定。全居中,并将其转换为图形元件。如图15所示:


图15

添加一个“引导层”,用铅笔工具在工作区画一条白色的曲线,长度在500左右。在第100帧插入帧。上锁。如图16所示:


图16

选择图层1第1帧,将音符2放置在引导线的下端点。一定要将注册点和引导线下端点重合;如图17所示:


图17

在第100帧插入关键帧,将音符2沿引导线上移到曲线上端点。一定要将注册点和引导线下端点重合;适当缩小实例,并设置其透明度为20%。点击第1帧,创建本区域间的动画补间。上锁。如图18所示:


图18

    (2)选择“插入-新建元件”,创建一个名为“背景”的影片剪辑元件。点击确定,进入元件编辑区。用矩形工具,打开混色器,设置其参数如图19所示:


图19

在工作区拖一个放射状的,规格为550*400的,无边框红黄矩形,并将其打散。全居中。在第20、40、60、80帧插入关键帧,选中第20帧的实例,将混色器中的左边色块改为淡蓝色;选中第40帧的实例,将混色器中的左边色块改为淡粉色;选中第60帧的实例,将混色器中的左边色块改为淡绿色;第80帧不变。分别依次点击第1、20、40、60帧,创建各区域间的形状补间。上锁。如图20所示:


图20

    (3)选择“插入-新建元件”,创建一个名为“音乐”的影片剪辑元件。点击确定,进入元件编辑区。点击“文件-导入-导入到库”,将准备好的生日歌曲导入到库中。选择第1帧,从库中拖出歌曲放置在工作区,按f5待歌曲全部放完时松开。

    5.创建影隐形按钮元件

    选择“插入-新建元件”,创建一个名为“隐形按钮”的按钮元件。点击确定,进入元件编辑区。在“点击”帧插入空白关键帧,用矩形工具在工作区拖一个无边框的,规格为100*30的矩形,颜色任意。如图21所示:


图21

    6.编辑制作场景 返回场景1,添加九个图层,共十个图层。自下而上分别命名为,如图22所示:


图22

    (1)选择文本背景图层第1帧,用文本工具在工作区上方输入“生日贺卡”在下方输入“点燃蜡烛”,颜色、规格、字体随意;在第2帧插入空白关键帧,从库中拖出背景影片剪辑至工作区,全居中;在第60帧插入帧。上锁。

    (2)选择隐形按钮图层第1帧,从库中拖出“隐形按钮”按钮元件,放置在“点燃蜡烛”文字之上。右键该按钮,打开动作面板,在as编辑区输入如下语句:

on (release) {
 gotoAndPlay(2);

}

在第2帧插入空白关键帧;在第60帧插入帧。上锁。

    (3)选择音符图层,在第2帧插入空白关键帧,从库中拖出音符1、音符2若干,放置在背景的下方,调整好各个音符的大小、颜色和方位;在第60帧插入帧。上锁。

    (4)选择蛋糕蜡烛图层第1帧,从库中拖出“蛋糕蜡烛”图形元件,放置在工作区的中下方,水平中齐;在第2帧插入关键帧,再在第60帧插入帧。上锁。

    (5)选择火苗图层,在第2帧插入空白关键帧,分别从库中拖出“火苗”影片剪辑元件若干,分别放置在每个蜡捻之上,调整好大小及位置;在第60帧插入帧。上锁。

    (6)选择祝词图层,在第10帧插入空白关键帧,用文本工具在蛋糕蜡烛两侧分别输入“祝你生日快乐”,注:每个字横向要水平,竖向必须错开,不可在一条垂直线上,即前一个字右边不能和下一个字的左边链接重合。如图23所示,在第60帧插入帧。


图23

    (7)选择蔗罩图层,在第10帧插入空白关键帧,用矩形工具在祝字的左边拖一个规格为10*360的,颜色任意的,无边框矩形。将其打散并用任意变形工具将其注册点移至到左边,如上图所示。在第60帧插入关键帧,将矩形拉至到右边覆盖全部祝词,如图24所示:


图24

点击第10帧,创建此区域间的形状补间。将该图层设置为蔗罩层。

    (8)选择音乐图层,在第2帧插入空白关键帧,从库中拖出音乐影片剪辑至工作区;在第60帧插入帧。上锁。

    (9)选择边框图层第1帧,导入或制作一个边框,设置其规格为550*400,全居中。上锁。

    (10)右键as图层第1帧,打开动作面板,在as编辑区输入停止指令:

stop();

在第60帧插入空白关键帧,右键该空白关键帧,打开动作面板,在as编辑区输入停止指令:

stop();

锁定该图层。

    场景编辑制作完成。在第一帧上各图层的实例显示,如图25;在第2帧上各图层的实例显示,如图26。


图25


图26


    7.该作业完成后的时间轴如图27所示:
 

图27
 

    6.测试存盘

 

    *说明:本教程主要侧重于介绍此项生日贺卡制作的基本原理和基本操作其中蛋糕可添加些装饰,火苗多做几帧,也可选择放射状,那样可能会更加形象逼真。

 

最终效果显示:


http://hsb345.16789.net/domName/hsb345/2008529145479423.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



shanhuzaiwang
(2010/9/2 8:31:00)

老师,你好!
这个生日卡很漂亮,俺按教程做了一个,可测试影片时效果出不来。提示如下:
**错误** 场景=场景 1, 图层=隐型按纽, 帧=1:第 1 行: 鼠标事件只允许用于按钮实例
     on (release) {

ActionScript 错误总数:1   报错:1


alinqq
(2009/3/2 23:40:00) [125.86.252.]

好漂亮哟
佩服

 发表评论:共有 2 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167