您好!欢迎您光临元宵节贺卡-猜灯谜的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>自编教程>>>FLASH教程>>>元宵节贺卡-猜灯谜的制作原理与方法
元宵节贺卡-猜灯谜的制作原理与方法
发表日期:2009/2/8 11:16:00 出处:迎客松 作者:翠柏 发布人:翠柏 已被访问 3658

元宵节贺卡-猜灯谜的制作原理与方法

   

    教学目的:通过本节教学了解和熟悉卷轴动画、声效和按钮的制作及结合使用,进而应用这些功能的合一创作出漂亮精彩、妙趣横生的喜庆贺卡来。

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

    教学要点:遮罩、声效、形状补间、按钮指令。

   

   

    作前准备

    1.准备一张灯笼透明图片和背景图片,经过ps或fw软件处理后,放在指定的文件夹待用。

    2.下载一首和主体相符、缓冲效果较好的mp3歌曲或音乐,放在指定的文件夹待用。

    1.启动FLASH8 软件

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

图1

    首先,将准备好的灯笼透明图片和mp3歌曲导入到库中。

    3.创建图形元件

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

    (a)选择灯笼图层第一帧,从库中拖出灯笼透明图片到库中,规格约为140*250,全居中。上锁。

    (b)选择文字图层第一帧,用文本工具在灯笼上面键入“元宵节”。上锁。如图2所示:

图2

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

    (a)选择横轴图层第一帧,用矩形工具托一个线性或放射状的,无边线的矩形,规格约为160*8,颜色黑-灰。用充分变形工具调整色彩位置,全居中。上锁。

    (b)选择圆球图层第一帧,用椭圆形工具拖一个放射状的无边线的圆,规格为10*10,颜色黑-灰,用充分变形工具调整色彩位置,放置在横轴的两端。上锁。如图3所示:

图3

    (3)选择“插入-新建元件”,建立一个名为画纸的图形元件,点击确定,进入元件编辑区。添加两个图层,共三个图层,自下而上命名为:图层1-3。

    (a)选择图层1第一帧,用矩形工具拖一个规格为160*240的。无边线的矩形,颜色参考图4-1,全居中。上锁。

    (b)选择图层2第一帧,用矩形工具拖一个规格为130*210的。无边线的矩形,颜色参考图4-2,全居中。上锁。

    (c)选择图层3第一帧,用文本工具键入竖向的“天生丽质”,水平中齐,在其下方键入横向的“(电影名)”,水平中齐,颜色、规格、字体、位置参考图4-3。上锁。

图4

    4.创建按钮元件

    选择“插入-新建元件”,建立一个名为隐钮的按钮元件,点击确定,进入元件编辑区。在第四帧,即点击帧插入空白关键帧,用矩形工具拖一个无边线的矩形,规格约为100*25,颜色随意。全居中。如图5所示:

图5

    5.创建影片剪辑元件

    (1)选择“插入-新建元件”,建立一个名为声效的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层,自下而上命名为:音乐、文本和按钮。

    (a)选择音乐图层第一帧,从库中拖出歌曲文件到舞台,按住f5,待歌曲放完后松开。在第2帧插入关键帧(可省略)。点击第1帧,按f9,打开动作面板,在as编辑区输入停止指令stop(); 上锁。(注:不要忘记选择数据流,也可在第二帧放入歌曲

    (b)选择文本图层第一帧,用文本工具输入“打开音乐”,颜色、规格、字体随意。全居中。在第2帧插入空白关键帧,用文本工具输入“关闭音乐”,颜色、规格、字体随意。全居中。上锁。

    (c)选择按钮图层第一帧,从库中拖出隐钮按钮元件到舞台,放置在打开音乐文字之上,全居中。点击该按钮,按f9,打开动作面板,在as编辑区输入,如下语句:

on (release) {
 gotoAndPlay(2);

}

在第2帧插入空白关键帧,从库中拖出隐钮按钮元件到舞台,放置在关闭音乐文字之上,全居中。点击该按钮,按f9,打开动作面板,在as编辑区输入,如下语句:

on (release) {
 gotoAndPlay(1);

}

锁定该图层。

此环节初始时间轴及实例,如图6所示:

图6

    (2)选择“插入-新建元件”,建立一个名为箭头的影片剪辑元件,点击确定,进入元件编辑区。用矩形工具制作一个红色的箭头,无边框,并将其转换为图形元件。全居中。其规格、流程,如图7所示:

图7

在第3、5帧插入关键帧,点击第3帧上实例,用方向键向下垂直移动3个像素。

    (3)选择“插入-新建元件”,建立一个名为谜语的影片剪辑元件,点击确定,进入元件编辑区。添加七个图层,共八个图层。自下而上命名为画纸、遮罩、下轴、上轴、答案、按钮、提示、as。

    注:这是本教程的关键环节,务必认真仔细地阅读操作。

    (a)选择画纸图层第一帧,从库中拖出画纸图形元件到舞台,全居中。在第50帧插入帧,在第51帧插入空白关键帧。上锁。

    (b)选择遮罩图层第一帧,用矩形工具托一个规格为180*240的,无边线的矩形,颜色随意。全居中。在第50帧插入关键帧,用任意变形工具选中该实例,再用选择工具将注册点移到上方。如图8所示:

图8

用任意变形工具选中第1帧上的实例,将注册点移到上方,再用选择工具将该矩形向推至规格为180*15,如图9所示:

图9

点击第1帧,在属性面板创建本区域间的形状补间,在第51帧插入空白关键帧。并设置该图层为遮罩层。上锁。

    (c)选择上轴图层第一帧,从库中拖出上轴图形元件到舞台,放到画纸的上端,水平中齐,在第50帧插入帧,在第51帧插入空白关键帧。上锁;选择下轴图层第一帧,从库中拖出下轴图形元件到舞台,放到上轴的下边,水平中齐。如图10所示:

图10

在第50帧插入关键帧。将该实例用方向键垂直向下移到画纸的下端。点击第1帧,在属性面板创建本区域间的动画补间。在第51帧插入空白关键帧。上锁。如图11所示:

图11

    (d)选择答案图层,在第50帧插入空白关键帧,在下轴的下方用文本工具键入“答案”字体、规格、颜色随意,水平中齐。如图12所示:

图12

在第51帧插入空白关键帧,用文本工具键入竖向的“您答对了吗?”,和横向的“《本色》”、“返回”。均水平中齐。上锁。如图13所示:

图13

    (e)选择按钮图层第一帧,从库中拖出隐钮按钮元件,放置在画轴之上,并拉至覆盖画轴。如图14所示:

图14

点击该按钮,按f9,打开动作面板,在as编辑区输入如下语句:

on (release) {
 gotoAndPlay(2);

}

在第2、50、51帧插入空白关键帧,选择第50帧,从库中拖出隐钮按钮元件到舞台,将其放置在答案之上,点击该按钮,按f9,打开动作面板,在as编辑区输入如下语句:

on (release) {
 gotoAndPlay(51);

}

选择第51帧,从库中拖出隐钮按钮元件到舞台,将其放置在返回之上,点击该按钮,按f9,打开动作面板,在as编辑区输入如下语句:

on (release) {
 gotoAndPlay(1);

}

锁定该图层。

    (f)选择提示图层第一帧,从库中拖出箭头图形元件到舞台,放置在画轴之上方,水平中齐。在第2、50、51帧插入空白关键帧,选择第50帧,用文本工具在上画轴上方键入横向的“猜猜看”,水平中齐。字体、颜色、规格随意。上锁。如图12、14所示:

    (g)选择as图层第一帧,按f9。打开动作面板,在as编辑区输入停止指令stop(); 在第50、51帧插入空白关键帧,点击第50帧,按f9。打开动作面板,在as编辑区输入停止指令stop(); 上锁。

    本环节的时间轴如图15所示:


图15

    6.组织编辑场景 返回场景1,添加三个图层,共四个图层。自下而上命名为背景、音乐、谜语、灯笼。

    (1)选择背景图层第一帧,导入或制作一个背景,规格为550*400,全居中。上锁。

    (2)选择音乐图层第一帧,从库中拖出声效影片剪辑到舞台,放置在下方,水平中齐。上锁。

    (3)选择谜语图层第一帧,从库中拖出谜语影片剪辑到舞台,放置在上方,水平中齐。上锁。

    (4)选择灯笼图层第一帧,从库中拖出灯笼图形元件到舞台,放置在谜语实例的两侧。上锁。

    上述环节各实例的摆放位置,可参照,如图16所示:


图16



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


图17

    6.测试存盘

 

    *说明:

     1.你在制作中可以加入烟火、光柱、气球、鞭炮等特效,以增加节日气氛。当然还可以加入一个漂亮的边框为你的作品穿上华丽的外衣。

     2.灯笼你可以做成走马灯,霓虹灯、旋转灯、冰灯等等。

     3.如果在灯笼上添加隐形按钮,点击按钮打开谜语,则更为有趣。尽展你想象的翅膀,进行独特美妙的创意吧!

       

最终效果显示:


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

全屏下载

 

祝你成功!

 

进入更多教程

 

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏

琼icp备09005167