您好!欢迎您光临开门见喜春节贺卡制作原理与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>开门见喜春节贺卡制作原理与思考
开门见喜春节贺卡制作原理与思考
发表日期:2012/9/17 18:24:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 3764

 

 

开门见喜春节贺卡制作原理与思考

 

   

       教学目的:通过本节教学了解和熟悉flash软件中立体边框的制作、影片剪辑实例名称与as脚本的设定,进而应用这一功能创作出漂亮精彩、妙趣横生的喜庆贺卡来。

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

       教学要点:滤镜、影片实例名称、as语句。

   

   

    作前准备

    准备一张木纹图片、一张灯笼透明图片和两张年味较浓的喜庆图片(规格250*240),经过ps或fw软件处理后,放在指定的文件夹待用。

    1.启动FLASH8 软件

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

图1

    3.创建图形元件

    (1)选择“插入-新建元件”,建立一个名为边框的图形元件,点击确定,进入元件编辑区。添加一个图层,共两个图层,上层命名为外框,下层命名为内框。

    (a)选择外框图层第一帧,用矩形工具在舞台拖一个规格为550*400,颜色自定(适合作品内容),无边线的矩形,全居中。再在该实例外侧拖一个区别上一个颜色的,规格为500*80,无边线矩形,选中该实例,点击“修改-组合”,将其放置在大矩形的上位,水平中齐;同理同种方法,再拖一个同样颜色的,规格为500*240,无边线的矩形,选中该实例,点击“修改-组合”,将其放置在大矩形的下位,水平中齐。如图2所示:

图2

分别将两个小矩形打散(修改-分离),然后删除。如图3所示:

图3

右键该实例,将其转化为影片剪辑。再选中该实例,打开属性面板左边的“滤镜--斜角”,设置其参数,如图4所示:

图4

此时,舞台中的实例转为立体边框。上锁。如图5所示:


图5

    (b)选择内框图层第一帧,在上框内,按“Caps Lock键(大写状态)-Wingdings 2-再按Y键”,输入图案,颜色最好和边框颜色相同;再复制三个该实例,共四个。然后用任意变形工具调整其大小、位置,左边一对、右边一对,再用矩形工具拖两条相同颜色的无边线的细长矩形将左右图案链接起来,如图6所示:

图6

右键该实例,将其转化为影片剪辑。选中“该实例-滤镜”,设置其参数,如图7所示:

图7

此时,舞台中的实例转为立体内框。调整好它在外框的位置。如图8所示:

图8

    (2)选择“插入-新建元件”,建立一个名为“图组”的图形元件,点击确定,进入元件编辑区。添加一个图层,共两个图层,上层命名为框,下层命名为图。

    (a)选择“图”图层第一帧,导入已准备好的喜庆图片1,规格为250*240,全居中。

    (b)选择“框”图层第一帧,用矩形工具拖一个无填充色,笔触高度为6,笔触颜色随意,规格为244*234的边框。全居中。

    (c)框选上边两个实例,右键将其转化为图形元件,命名为01。然后删除舞台上的实例。

    (d)按上述方法完成喜庆图片2的操作。转换图形元件的名称为02。然后,从库中拖出01图形元件到舞台,水平并列放到02的左边。如图9所示:

图9

    4.创建影片剪辑元件

    (1)选择“插入-新建元件”,建立一个名为“门”的影片剪辑元件,点击确定,进入元件编辑区。添加2个图层,共3个图层,自下而上分别命名为内板、文字、外板。

    (a)选择外板图层第一帧,用矩形工具在舞台拖一个规格为250*240,颜色同上边的边框的颜色,无边线的矩形,全居中。再打开矩形工具,选择多角星形工具,在属性面板点击“选项”,设置其参数,如图10所示:

图10

在该实例外侧拖一个区别上一个颜色的,规格为200*200,无边线矩形,选中该实例,点击“修改-组合”,将其放置在大矩形的上位,全居中;如图11所示:

图11

选中六边形,点击(修改-分离),将其打散,然后删除。如图12所示:

图12

右键该实例,将其转化为影片剪辑。再选中该实例,打开属性面板左边的“滤镜--斜角”,设置其参数,如图13所示:

图13

此时,舞台中的实例转为立体外板。上锁。如图14所示:

图14

    (b)选择内板图层第一帧,导入已准备好的木纹图片导入舞台,规格为220*220,全居中。上锁。如图15所示:

图15

    (c)选择文字图层第一帧,用文本工具输入“福”字,颜色红色,字体随意,然后用任意变形工具将该实例调整规格为190*174,全居中。选中“该实例-滤镜”,设置其参数,如图16所示:

图16

此操作完成后的实例变化,如图17所示:


图17

    (2)选择“插入-新建元件”,建立一个名为“祝词”的影片剪辑元件,点击确定,进入元件编辑区。添加3个图层,共4个图层,自下而上分别命名为祝词、灯左、灯右、边框。

    (a)选择边框图层第一帧,从库中拖出边框图形元件到舞台,全居中。在第160帧插入帧,上锁。

    (b)选择灯左图层第一帧,将灯笼透明图片导入到舞台。其素材,如图18所示:


图18

点击灯笼实例,设置其规格为74*84,右键该实例将其转换为图形元件,命名灯笼,然后,将其移到上边框的左边,在第40、80帧插入关键帧,点击第80帧,将灯笼移到上边框的右边,右键第40帧,创建本区域间的补间动画。在第120、160帧插入关键帧,点击第160帧,将灯笼在移回到左边,右键第120帧,创建本区域间的补间动画。上锁。

    (c)选择灯右图层第一帧,从库中拖出灯笼图形元件到舞台,放置在上边框的右边,和灯左平行对应,在第40、80帧插入关键帧,点击第80帧,将灯笼移到上边框的左边边,右键第40帧,创建本区域间的补间动画。在第120、160帧插入关键帧,点击第160帧,将灯笼在移回到右边边,右键第120帧,创建本区域间的补间动画。上锁。

    (d)选择祝词图层第一帧,用文本工具在两灯笼之间输入“恭贺新禧”,颜色,规格,字体随意。而后,用任意变形工具选中该实例,将其放大到适当的规格,水平中齐。右键该实例,将其转化为图形元件(如果要做成立体字就要转换为影片剪辑)。 在第40、60帧插入关键帧,选中第60帧上的实例,设置其规格为80*15,水平中齐,并设置Alpha为0,点击第40帧,创建本区域间的补间动画。如图19所示:

图19

在第61帧插入空白关键帧,用文本工具在两灯笼之间输入“阖家欢乐”,颜色,规格,字体随意。而后,用任意变形工具选中该实例,将其放大到适当的规格,水平中齐。右键该实例,将其转化为图形元件(如果要做成立体字就要转换为影片剪辑)。 在第80帧插入关键帧,选中第61帧上的实例,设置其规格为80*15,水平中齐,并设置Alpha为0,点击第61帧,创建本区域间的补间动画。如图20所示:

图20

在第120、140帧插入关键帧,选中第140帧上的实例,设置其规格为80*15,水平中齐,并设置Alpha为0,点击第120帧,创建本区域间的补间动画。在第141帧插入关键帧,从库中拖出“恭贺新禧”图形元件,将其放置到上边框,水平中齐。在第160帧插入关键帧,选中第141帧上的实例,设置其规格为80*15,水平中齐,并设置Alpha为0,点击第141帧,创建本区域间的补间动画。上锁。

    5.组织编辑场景 返回场景1,添加6个图层,共7个图层,自下而上命名为图组、右门、左门、底板、祝词、文本、as。

    (1)选择祝词图层第一帧,从库中拖出祝词影片剪辑到舞台,全居中。上锁。

    (2)选择底板图层第一帧,从库中拖出木纹图片到舞台,设置其规格为550*130,并将其移到上边框,水平中齐。上锁。

    (3)选择图组图层第一帧,从库中拖出图组图形元件到舞台,并将其放置到下边框,调整到适当位置,水平中齐,如图21所示:

木纹素材


图21

    (4)选择右门图层第一帧,从库中拖出“门”影片剪辑元件到舞台,将其放置到下边框的右侧,并在属性面板填写实例名称为ym,上锁。如图22所示:

图22

    (5)选择右门图层第一帧,从库中拖出“门”影片剪辑元件到舞台,将其放置到下边框的左侧,并在属性面板填写实例名称为zm,上锁。如图23所示:


图23

    (6)选择as图层第一帧,右键该空白关键帧,打开动作面板,在as编辑区输入,如下语句:

lx = zm._x;
ly = zm._y;
rx = ym._x;
ym.onPress = function ()
{
    this.startDrag(false, lx, ly, rx, ly);
};
ym.onMouseUp = function ()
{
    this.stopDrag();
};
zm.onPress = function ()
{
    this.startDrag(false, lx, ly, rx, ly);
};
zm.onMouseUp = function ()
{
    this.stopDrag();
};

锁定该图层。

    (7)选择文本图层第一帧,用文本工具在下边框的底框上键入“开门见喜”,水平中齐。上锁。如图24所示:


 

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

图25

    6.测试存盘

 

    *说明:

     1.如果要在祝词中添加礼花,则在祝词影片剪辑中再添加一个图层,并将其放到最下层。礼花的制作参考:节日礼花的制作要领

     2.如果添加声效,可再创建一个声效影片剪辑元件,然后在场景中在添加一个声效图层。声效的制作参考:在动画中添加声控效果的制作与思考

     3.本教程最终效果显示中的边框,是在FW软件制作的。其制作原理与过程可参考:板框日历时钟的制作原理与过程(上)

       

最终效果显示:


http://www.hsb2011.com/Article/UploadFiles/201112/2011122910452707.swf

全屏下载

 

祝你成功!

 

进入更多教程

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏

琼icp备09005167