您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>学习教材>>>Flash实例>>>FLASH实例《生日贺卡》
FLASH实例《生日贺卡》
发表日期:2006-10-20 20:10:00 出处:闪客启航 作者:未知 发布人:aypy1020 已被访问 5027

Flash 综合实例_MTV贺卡《生日贺卡》
实例效果演示:

点击开新窗口欣赏该FLASH动画![全屏欣赏]
http://bbs.flasher123.com/UploadFile/2004-7/20047131915152327.swf

************************************************************
音乐素材下载:

点击浏览该文件
位图素材下载:

点击浏览该文件

************************************************************

讲课录音下载:
第一讲:
声音编辑和歌词同步效果制作
第二讲:图层组织和背景画面制作
第三讲:画面1制作
第四讲:画面2、画面3制作
第五讲:画面4制作
第六讲:画面5、按钮制作
第七讲:主场景(场景一)画面组合
第八讲:loading场景(场景二)的制作
第九讲:贺卡实例问题解答



************************************************************


说明:
该实例,是用Flash MX 2004制作,为初学flash制作的朋友构思的一个简单综合练习。实例采用位图作素材,仅运用了flash的帧帧动画、形变动画、运动动画、遮照、引导线等基本动画形式与技巧;使用了图形、影片剪辑、按钮等基本元件;根据音乐内容,构思了几个简单画面,组合成为一个MTV形式的Flash动画贺卡。
有兴趣的朋友,通过本实例的练习,可以进一步熟悉flash中基本工具的应用;进一步熟悉对编辑舞台中帧、层、时间轴、场景的操作;进一步熟悉图形、影片剪辑、按钮元件的编辑运用;进一步熟悉各种面板的应用以及对库面板中资源的合理组织;初步了解制作flashMTV的基本思路、音乐的设置、简单loading的制作、场景的组织等知识。

制作Flash MTV,必须要有两个基本要素,即音乐和画面,在表现形式上,可以采用以音乐为主,画面做陪衬的形式,也可以采用以画面情节为主,音乐做陪衬的形式来构思创意。在制作之前,应该先明确制作的表现形式,并根据内容来构思画面。
这个贺卡实例,摘录了《生日快乐歌》的一段音乐,意思简单明了,画面比较好表现,我采用了生日蛋糕和生日蜡烛作素材,用最通俗传统的祝福形式构思画面。根据音乐的节奏和歌词含义,设计了5个画面来完成。

教程分为三个部分来编写。第一部分主要练习Flsah MTV动画制作中音乐的简单处理技巧以及最基本的歌词与音乐同步的制作方法;第二部分练习用Flash动画的基本技巧,以及元件的应用,并配合音乐内容制作背景画面的简单方法;第三部分练习简单的Loading制作技巧,掌握做MTV应该掌握的几个必须的动作语句。


******************************************************************

 第一部分:音乐编辑设置与歌词同步制作

舞台设置:场景尺寸——550*400,背景——黑,帧频——12/fps

一、 音乐编辑设置
练习要点:1. 音乐同步选项设置;2. 编辑自定义音乐效果

1. 导入音乐:
依次点菜单“文件”-“导入”-“导入到库”(或者“导入到舞台”),找到下载的声音文件“生日.mp3”,点“打开”。这时,库里面就有了名为“生日.mp3”的声音文件。
(提示:flash会直接将声音文件导入到库中,所以点“导入到库”和“导入到舞台”是一样的。)

2. 设置音乐同步选项:
将主场景“图层一”更名为“音乐”。选中第1帧,打开属性面板,在“声音”选项里选择“生日.mp3”,“同步”选“数据流”(如图1)。

此主题相关图片如下:
按此在新窗口浏览图片

这时,时间轴上就会出现声音波形显示,在时间轴后面不断按“f5”键,将该层延长至780帧。这时敲回车键就能听到随播放头移动的音乐声了。

3. 自定义声音效果:
将属性检查器右边的“效果”选为“自定义”(或者点旁边的“编辑…”按钮),这时会弹出“编辑声音封套”面板,点击右下角的“秒”按钮,使标尺以秒为单位显示,点击缩小按钮,使声音波形完全显示出来。
分别在第15秒和第45秒处的“封套线上”点一下鼠标,增加两个“封套手柄”,现在的封套线上一共是4个“封套手柄”。
将第一个“封套手柄”往下拉至接近波形窗口的底边,使声音出现淡入的效果;将最后一个“封套手柄”拉至底边,使声音出现淡出的效果,点确定退出。(如图2)


此主题相关图片如下:
按此在新窗口浏览图片

(提示:封套线显示声音播放时的音量。单击封套线可以创建其他封套手柄(总共可达 8 个)。将其拖出窗口可以删除封套手柄。)

*******************************************************************

二、 歌词与音乐同步效果制作
练习要点:1. 添加图层文件夹有序组织图层   2. 添加帧标签和帧注释    3. 复制图层技巧   4. 做镂空文字   5. 用遮罩技巧做卡拉OK歌词字幕效果

1. 组织图层
点时间线左下角“插入图层文件夹”按钮,添加一个图层文件夹,双击名称“文件夹1”,将名称改为“音乐歌词”;将“音乐”图层拖入该文件夹,点时间轴左下角“插入图层”按钮,在“音乐”图层上方插入4个图层,自下而上分别命名为“帧注释”、“歌词背景”、“歌词”、“歌词边框”;右击“歌词”图层,在上下文菜单中选“遮罩层”将“歌词”设为遮罩层。(如图3)

此主题相关图片如下:
按此在新窗口浏览图片

2. 制作歌词注释图层
选中“帧注释”图层第一帧,在“属性检查器”左面“帧标签”栏里输入“1”,“标签类型”选“名称”。这时,相应的关键帧上就有了一面小红旗标志和标签名“1”。(如图4) 

此主题相关图片如下:
按此在新窗口浏览图片

敲回车键听音乐,在第一句歌词开始前敲回车键停止,并在该帧(185帧)处按f7键插入“空白关键帧”,选中这一帧,在“属性检查器”的“帧标签”栏里输入第一句歌词“凝视闪闪烛光”,“标签类型”选“注释”,这时,“帧标签栏”里的文字前面自动加上了两条斜线“//”标志,表明这是“帧注释”。相应的关键帧上就有了两条绿色的斜线“//”标志和相应的文字显示。(如图5)

此主题相关图片如下:
按此在新窗口浏览图片

重复上面的步骤,在所有歌词开始前的关键帧上加上“帧注释”
所有歌词及开始处的关键帧号:
(1). 凝视闪闪烛光-185帧;   (2). 手捧篇篇贺辞-225帧;
(3). 月亮星星在歌唱-270帧; (4). 祝你生日快乐-310帧;
(间奏开始,这里插入空白关键帧不用写注释)-360帧
(5). 在这幸福时刻-417帧      (6). 大家同唱生日歌-461帧
(7). 祝你生日快乐-506帧      (8). 祝你永远快乐-546帧
   (最后一句歌词结束,这里插入空白关键帧不用写注释)-590帧
(提示:Flash MX版本没有“标签类型”选项,可以直接在帧标签文本前输入两个“//”号,帧标签即成为帧注释。第一帧的帧标签将在播放按钮的动作语句上使用)

3. 制作歌词文本
在“歌词”层上与“注释”层的对应关键帧处插入“空白关键帧”,选“文本”工具,在“属性检查器”中设置:文本类型“静态文本”、字体“隶书”、“粗体”,字体大小“50”,字色选有别于背景色的任意色,“左对齐”。根据注释层的提示,在相应“空白关键帧”上输入歌词文本(也可直接从“属性检查器”中复制注释层的歌词文本)。将歌词文本放置在舞台靠下水平居中位置。

4. 制作歌词边框图层
1). 复制图层:
在“歌词”图层名称处单击鼠标以选中整个图层,按住Alt键,同时将鼠标指针放在“歌词”图层时间轴的任一帧上按下,并往“歌词边框”图层上拖动,这时会有一个矩形的虚框随着鼠标移动,当矩形虚框移到“歌词边框”第1帧位置上时松开鼠标,这时,“歌词边框”图层就有了与“歌词”图层完全相同的时间轴。(如图6)

此主题相关图片如下:
按此在新窗口浏览图片

2). 做镂空歌词文字:
将其他图层锁上。选中“歌词边框”第185帧上的第一句歌词“凝视闪闪烛光”文本,按两次Ctrl + B 键将其打散成填充形状,选墨水瓶工具,笔触颜色选深绿色,依次在每一个文字笔划边上点击加上边框,整句边框都添加完后,按Delete键删除填充部分。重复以上步骤将该层其他关键帧上的歌词文本也做成镂空字。(提示,为方便操作,可将场景显示比例放大至200%)
3). 做歌词背景
在“歌词背景”层第1句歌词开始处即185帧按f7插入空白关键帧,选“矩形”工具,打开混色器面板,设置:无笔触色、线性渐变填充,在渐变栏上单击鼠标增加一个渐变指针,从左至右设置颜色为:浅蓝(#00FFFF)、草绿(#00FF00)、蔚蓝(#0099FF)。
画一无边框矩形,在“属性检查器”中设置尺寸为宽400、高50,将位置调整为右端刚好与歌词第一个字重叠。(如图7)

此主题相关图片如下:
按此在新窗口浏览图片

按照“帧注释”层的提示,在第二句歌词开始处的第225帧和前一帧224帧分别插入关键帧,依此类推,在每句歌词开始处和前一帧分别按f6插入关键帧;然后再分别选中第360帧、416帧 (间奏起始点) 和590帧 (结尾音乐),按Delete键将矩形删除。
按住Shift键,用“→”键或者用鼠标拖动将第一句歌词结束帧 (224帧) 处的矩形右移,将位置调整为左端刚好与第一个字重叠。
在第一句歌词的起始帧和结束帧 (185帧-224帧) 之间建“形状补间”动画。依此类推,在每句歌词起始帧和结束帧之间建“形状补间”动画。(如图8)

此主题相关图片如下:
按此在新窗口浏览图片

锁住所有图层,按Enter键测试效果。保存文件。

第二部分:制作背景画面

本实例根据音乐段落,安排了5个画面来分别配合前奏音乐、第一段歌词、间奏、第二段音乐和结尾音乐。5个单独的画面自然衔接过渡。
练习要点:1. 根据音乐的播放长度计算画面所需的帧数  2. 元件的相互嵌套应用  3. “场景”和“库”的有序组织。

一、 主场景安排
新建9个图层,自下而上分别命名为“背景”、“画面1”、“画面2”、“画面3”、“画面4”、“画面5”、“花边”、“遮罩”、“按钮”。右键点遮罩层名称,在上下文菜单中将“遮罩层”打上勾,将以下图层设为被遮罩层。
(提示:按住图层名称往右上方拖动,当遮罩层前面的图标变成深色时松开鼠标,或者右键点击图层名称-点“属性”-点“被遮罩”)

选矩形工具,在遮罩图层第一帧画一无边框矩形,在属性面板设置尺寸为550*400,与场景居中对齐。将图层名称最右边的“显示图层轮廓”的小方形图标点成轮廓状态。将遮罩层
锁住。
点时间轴左下方“插入图层文件夹”按钮新建一个图层文件夹,起名“画面”。并将以上9个图层拖入该文件夹。(如图9)

此主题相关图片如下:
按此在新窗口浏览图片

二、 制作“背景”和“花边”
这个实例里,背景和花边起的是衬托画面的作用,在动画播放时一直出现在画面上,所以,在这里将它们单独做成元件来使用。

1. 制作“花边”影片剪辑元件
新建影片剪辑“花边”,在第1帧导入位图“花边.png”,按f8键转换为图形元件“花边1”,与场景居中对齐。
在第20、40、60、80帧建关键帧,在“属性检查器”的颜色高级设置中将第20、40、80帧上的花边图形的颜色做如下改动:
第20帧-红(20%),第40帧-绿(60%),第60帧-蓝(50%)。
在该层全部做”动作补间”动画。
回到主场景,将影片剪辑“花边”拖入“花边”图层第一帧,与场景居中对齐。

2. 制作“星”影片剪辑元件
练习要点:1. “填充变形”工具的使用  2. 变形面板中“复制并应用变形”按钮的使用
按Ctrl + f8 键新建元件,名称“星”,行为“影片剪辑”。
1). 选“矩形工具”,设置无边框色,在混色器面板上设置“放射状”渐变填充,将渐变栏上的两个渐变指针设为白色。选中右边的渐变指针,将alhpa值设为0,画一个长条矩形,在“属性检查器”中设置宽高尺寸为10*70;(如图10)
2). 选“填充变形”工具,向内拉动“缩放”和“宽度”句柄将渐变填充色调整成锥形(提示:可以将场景显示比例调大为400%或更大,以方便调整渐变填充色);(如图10)

此主题相关图片如下:
按此在新窗口浏览图片

3). 在“变形面板”中设置旋转90度,点“复制并应用变形”按钮进行旋转复制,将场景上的图形复制成十字星形;(如图11)
4). 选中十字星形,在“变形面板”中设置缩放参数为70%,旋转45度,点“复制并应用变形”按钮进行旋转复制,将场景上的图形复制成八角星形(如图11)
5). 选中星形,按f8键转换为图形元件,名称“星1”,与场景居中对齐。双击“星1” 进入其编辑场景,新增一层,在该层用前面设置的渐变色画一圆形,设置尺寸为20*20,与场景居中对齐,完成星的绘制。(如图11)

此主题相关图片如下:
按此在新窗口浏览图片

6). 做星星动画:回到“星”影片剪辑编辑场景,分别在第5、15、18、25帧按f6建关键帧,在“属性检查器”中将各帧的星图形做如下设置:
第1帧,宽高度20*20,透明度20%;第5帧,透明度90%;第15帧,宽高度14*14,色调“兰”(#0000ff);第18帧,在颜色“高级”设置中将蓝色设为70%,透明度90%,在变形面板中设置宽高度120%,旋转45度;第25帧,宽高度35*35,透明度20%。
在该层全部建”动作补间”动画,第5帧简易输入设为-100,第15帧简易输入设为100。

3. 制作“背景”影片剪辑
练习要点:元件色彩的高级效果设置
1). 新建影片剪辑“背景”,选“矩形工具”,无边框色,在混色器面板设置“放射状”渐变填充,颜色为“粉红#FF99FF”、“桃红#FF0066”、“青紫#6600FF”色,在图层1画一无边框矩形,在属性面板设置尺寸为550*400,与场景尺寸相等,并与场景居中对齐,按f8键将其转换为图形元件“背景1”。
在第25、50、75帧键关键帧,在“变形面板”中将第25帧上图形尺寸的比例改为“200%”,在“属性检查器”中的颜色高级设置里将第25帧和第50帧的图形颜色做如下改动,第25帧:蓝(90%),R(90),G(50),B(―150);第50帧:蓝(0%),R(-75),G(100),B(255)。(如图12)
在这一层全部做”动作补间”动画。将该图层锁住。

此主题相关图片如下:
按此在新窗口浏览图片

2). 新建两个图层,将库中影片剪辑“星”拖入图层2,再复制几个,分布到画面中适当位置,分别将各个“星”的大小尺寸做适当调整。在图层3第5帧按f7键建空白关键帧,将“星”复制几个到图层3第5帧上,也分别适当调整好尺寸和分布位置。
3). 回到主场景,将影片剪辑“背景”拖入“背景”图层第一帧。与场景居中对齐。锁住图层。

4. 整理库资源
点“库面板”左下角“新建文件夹”按钮,文件夹命名为“画面0”,将库中资源放入该文件夹。

******************************************************************

三、 制作“画面1”
画面1共由3个元件组合而成:摇曳的烛光、展开的卷轴、闪烁的星星。
画面长度计算:前奏音乐长度185帧,考虑与画面2的过渡衔接,画面1可暂定为210帧,画面1里面的元件都应以不超过这个长度为宜。

1. 制作“烛1”影片剪辑
练习要点: 在flash中处理位图  
1). 新建影片剪辑,起名“烛1”,在“烛1”编辑场景中导入位图素材“烛1.png”,并将其与场景居中对齐。
2). 做“烛光”元件:按Ctrl+B将位图打散,用“选择工具”(黑箭头工具)框选烛光部分,并按f8键调出“转换元件”面板,起名“烛光”将其转换为图形元件,选中“烛光”元件,按Ctrl+X剪切。新建一层“图层二”,选中图层二第一帧,按Ctrl+Shift+V原位粘贴“烛光”元件,点任意变形工具,将出现的注册点移到下端中点。分别在第20、40帧按f6建关键帧,选中第20帧上的对象,用“变形面板”将对象高度调为70%,水平倾斜-5度。在1-20-40帧之间创建补间动画。(如图13)

此主题相关图片如下:
按此在新窗口浏览图片

3). 做“烛体”元件,选中图层一上第一帧,按f8键调出“转换元件”面板,起名“烛体”将其转换为图形元件。分别在第10、20、30、40帧按f6键建关键帧,在“属性检查器”中分别将第10、20、30帧上对象的色调改为“黄”、“红”、“绿”。
 
2. 制作“卷轴”图形元件
按Ctrl+f8 新建图形元件,起名“卷轴”。
1). 画轴形:选“矩形工具”,线性红黑色渐变填充,画一长条形矩形,在属性检查器里设置尺寸为10*125,与场景居中对齐;
在长条矩形的上方(画的时候位置不要靠近)另画一个小矩形,尺寸为13*5,按住Ctrl键拖动小矩形复制一个到长条矩形的下方,用箭头键分别将这两个小矩形移动调整到长条矩形的上下两端,形成轴形。(如图14)

此主题相关图片如下:
按此在新窗口浏览图片

选中画好的轴形,按f8键转换为图形元件,起名“卷轴1”。将图层名称改为“左轴”。
新建一层,将图层名称改为“右轴”,将左轴图层上的“轴1”元件复制到右轴图层,选中右轴,在变形面板中设置垂直倾斜180度,使两只轴阴影面相向。将左、右轴并排调整到场景中心点。(如图15)

此主题相关图片如下:
按此在新窗口浏览图片

2). 做画面展开动画: 新建图层,将图层名称改为“画面”,在该层第1帧导入位图“信签.jpg”,按f8键将其转换为图形元件,起名“信签”,在“属性检查器”中设置宽高尺寸为12*120,透明度为80%,并将其与场景居中对齐。
在第50、75帧分别建关键,在“属性检查器”中将75帧上的信签尺寸改为320*120,并与场景居中对齐,在50帧-75帧之间建运动动画。
将该图层拉到最底层。
3). 做卷轴展开动画:在左轴和右轴的第50、75帧键关键帧,以75帧上的信签位置作为参照,按住Shift键分别将75帧上的左轴、右轴平行移动到信签的两端,在左轴、右轴的50帧-75帧之间建运动动画。
4). 做文字图层:在最上层新建图层,改名“文字”。在第75帧按f7新建空白关键帧,选文本工具,设置字体为“文鼎花瓣体”(可选择自己系统里有的其他字体),字号“70”,在75帧输入“生日快乐”4个字。
按Ctrl+B键两次将文字打散成填充图形状,选“墨水瓶”工具,设置“笔触颜色”咖啡色,实线线条,“笔触高度”1,给文字点加上轮廓线。
分别在第80、85、90帧按f6建关键帧,将75帧上的后三个字、80帧上的后两个字、85帧上的最后一个字删除。
选中最上面图层的第200帧,再按住Shift键选中最下面图层第200帧,按f5,将所有图层延长至200帧。(如图16 卷轴部分时间轴)

此主题相关图片如下:
按此在新窗口浏览图片

3. 做“星引导线”动画
练习要点:“引导线”的应用
新建“影片剪辑”元件,名称“图标”,在第1帧导入位图“图标.png”,选中导入的位图,按f8键转换成图形元件“图标1”,设定尺寸30*30,并与场景居中对齐;在第4帧按f6建关键帧,在“属性检查器”中将这一帧上的图标尺寸改为20*20,色调设为“兰”。

新建影片剪辑,名称“星引导线”。新建图层2,再新建引导层图层3,这时图层2就自动成为了被引导层,选中图层1名称处将图层1往右上方拖动使之成为被引导图层(提示:也可在图层名称处点右键-属性-被引导)。
选“椭圆”工具,在引导层第1帧用浅线条色画一无填充色的椭圆作为引导线,设置尺寸为300*200,与场景居中对齐;选“橡皮擦”工具,在线圈上端中点擦出一个小缺口。
在图层1第4帧按f7键建空白关键帧,将库中影片剪辑“星”拖入第4帧,并将其移动到引导线缺口的右端,使“星”的注册点吸附在引导线的右端;再第60帧建关键帧,将这一帧上的“星”移到引导线缺口的左端,使其注册点吸附在左端上。
在图层2按照以上图层1的操作,将库中影片剪辑“图标”也安排在引导线缺口两端。
在图层2和图层3的第4-60帧之间建”动作补间”动画。(如图17)
(提示:可将显示比例放大便于调整位置)

此主题相关图片如下:
按此在新窗口浏览图片

4. 合成“画面1”
1). 新建图形元件,起名“1”,新建两个图层,从下到上将图层命名为“蜡烛”、“卷轴”、“星引导线”。
将影片剪辑“烛1”拖入“蜡烛”图层第一帧,与场景居中对齐。返回主场景,将元件“1”拖入主场景“画面1”图层第1帧,将蜡烛的底边调整到主场景底边并水平居中对齐。
在主场景中双击元件“1”,返回其编辑舞台。
(提示:在主场景中双击元件进入编辑舞台进行编辑的好处是,可以将主场景作为背景参照物,便于安排元件里面各个对象的摆放以及运动位置)
2). 在“卷轴”图层第40帧建空白关键帧,将图形元件“卷轴”拖入第40帧,摆放在稍靠场景上方水平居中位置,在第90、160、210帧建关键帧,将第40帧上的卷轴拖到场景左上方之外。在40-90帧、160-210帧之间建”动作补间”动画,在第40帧设置顺时针旋转1次,将第210帧上的卷轴元件透明度设置为0。 
3). 在“星引导线”图层第2帧按f7键添加“空白关键帧”,将“星引导线”元件拖入“星引导线”图层第2帧。调整到稍靠场景上方水平居中位置。
将各图层延长至210帧。

5. 整理库资源
单击“库”面板左下角的“新建文件夹”按钮,起名“画面1”,将库中资源拖入“画面1”文件夹中。

******************************************************************

四、   制作画面2
画面2由两个元件组合而成:旋转的烛光、生日蛋糕。
画面长度计算:第一段4句歌词,从185帧-360帧,音乐长度175帧,考虑与前后画面的过渡衔接,画面2可暂定为220帧,画面2里面的元件都应以不超过这个长度为宜。

1.  做烛光
练习要点:引导线应用
1). 做“烛光1”图形元件:新建图形元件“烛光1”,选椭圆工具,设置无边框色,放射状渐变填充,两个渐变指针色都设为黄色,右边的渐变色透明度设为“0”。
按住Shift键画一正圆,在“属性检查器”中设置尺寸为128*128,与场景居中对齐。在第5、10帧建关键帧,将第5帧上的圆尺寸改为80*80。
在该图层建形状补间动画。(如图18)


此主题相关图片如下:
按此在新窗口浏览图片

2). 新建图形元件“烛光2”, 新建一图层,在图层2第1帧导入位图“烛2.png”,按f8键转换为图形元件“烛2”,在“变形面板”中将尺寸设为70%,与场景居中对齐。
在第4、8、10帧键关键帧,在”属性检查器”中将第4帧的“烛2”色调改为“黄”,第8帧的“烛2”色调改为“红”。
将库中元件“烛光1”拖入图层1第一帧,调整到“烛光2”上方火苗位置,将图层延长至10帧。(如图19)


此主题相关图片如下:
按此在新窗口浏览图片


2.  做转动的烛光
练习要点:1.“引导线”应用  2. “注册点”调整
1). 新建图形元件“烛光3”,在图层1上新建“引导层”,再在“引导层”上新建一个图层和一个引导层,如此反复操作,共建8个图层和8个引导层。
2). 做引导线:选矩形工具,设置无填充色,在“引导层:图层1”上画一椭圆,在“属性检查器”中设置尺寸为“380*280”,与场景居中对齐。复制这个椭圆图形,分别在各个引导层第一帧按Ctrl+Shift+V键原位粘贴椭圆图形。
用“橡皮擦”工具在每一个椭圆引导线上擦除一个小缺口,例如在“引导线:图层1”的椭圆圈上端擦一个小缺口,在“引导线:图层2”的椭圆圈下端擦一个小缺口,在“引导线:图层3”的椭圆圈左端擦一个小缺口,以此类推,8个引导线的缺口位置应均分为8个点。
3). 将库中“烛光2”元件拖入图层1,选任意变形工具,将注册点移到蜡烛下端中点(关于注册点可参考“图13”),将“烛光2”复制到各个被引导层,分别在各个被引导层的第120帧键关键帧,并在1-120帧之间建动作补间动画。再将各个引导层延长至120帧。
按顺时针旋转方向,分别调整各个被引导层的“烛光2”元件的起始点和终止点位置,具体方法参见“星引导线”制作。
(提示:在做引导线动画时,需特别注意被引导对象的“注册点”一定要吸附在引导线上)
时间轴及画面效果(如图20)


此主题相关图片如下:
按此在新窗口浏览图片

3.  合成“画面2”
新建图形元件“2”,新建图层2,将库中元件“烛光3”拖入图层2第1帧。
返回主场景,在图层“画面2”第185帧建空白关键帧,将元件“2”拖入第185帧,在变形面板中将元件“2”画面缩小为“75%”,再双击元件“2”进入编辑舞台,参照背景画面,将“烛光3”调整到舞台中间位置,在第70、115帧建关键帧,并在70-115帧之间建动作补间动画。
在图层1第30帧建空白关键帧,导入位图素材“蛋糕1.png”到第30帧,按f8键转换为图形元件“蛋糕1”,摆放到舞台下方水平居中,在第80帧建关键帧,在变形面板中将第80帧的蛋糕图形放大为160%,在第90、100帧建关键帧。在“属性检查器”中将第80帧的色调改为“浅蓝”,第90帧的色调改为“黄”,第100帧的色调改为“红”。
在变形面板中将图层2第115帧上的烛光元件缩小为65%,将位置摆放到蛋糕的上方。
将两个图层都延长至220帧。

4.  整理库资源
单击“库”面板左下角的“新建文件夹”按钮,起名“画面2”,将库中资源拖入“画面2”文件夹中。

******************************************************************

五、   制作画面3
画面3衬托间奏音乐,由3个现成的元件组合而成:女孩图片、烛光、星引导线。
画面长度计算:间奏音乐从361帧-417帧,音乐长度56帧,由于“画面3”是引用的现有图形元件,而图形元件是可以循环播放的,因此可根据所引用元件的最长帧数来设置“画面3”元件的长度为60帧(按照“星引导线”元件的帧数)。

1.  组合画面
新建图形元件“3”,在第一帧导入位图素材“女孩.png”,在变形面板中将尺寸缩小为70%,与场景居中对齐。
新建两个图层,将元件 “烛光1”拖入图层2第一帧,与场景水平居中对齐,垂直位置与女孩面部基本对齐,在变形面板中将宽度设置为“30%”,高度设为“120%”。将元件“星引导线”拖入图层3第一帧,与场景居中对齐。将各层延长至60帧。(如图21)

 

此主题相关图片如下:
按此在新窗口浏览图片

返回主场景,在“画面3”图层第350帧建空白关键帧,将元件“3”拖入第350帧,与场景居中对齐。

2.  整理库资源
单击“库”面板左下角的“新建文件夹”按钮,起名“画面3”,将库中元件“3”和“女孩.png”拖入“画面3”文件夹中。

*******************************************************************

六、   制作画面4
画面4由两个元件组合而成:花边、生日蛋糕、烛光。
画面长度计算:第二段4句歌词,从418帧-589帧,音乐长度171帧,画面4暂定为300帧。
练习要点:遮罩运用

1. 制做“蛋糕2”效果
新建图形元件“4”,新建3个图层,在图层2第一帧导入位图素材“蛋糕2.png”,转换为图形元件“蛋糕2”,与场景居中对齐。
回到主场景,在“画面4”图层第422帧建空白关键帧,将元件“4”拖入422帧,与场景居中对齐。
双击场景中的元件“4”返回编辑舞台,以主场景画面为参照,将“蛋糕2”移到场景右下角,在“属性检查器”中设置的坐标位置为x:-200,y:-85。
在第36帧建关键帧,设置色调-桃红。在第1-36帧之间建动作补间动画。
分别在以下各帧建关键帧。将各关键帧上的蛋糕做如下设置:
56、72、102帧:色调-黄,在72-102帧之间建动作补间动画,在变形面板中将102帧缩放比例设为60%,与场景居中对齐。
112帧:色调-蓝
122、144帧:色调-黄,在122-144之间建动作补间动画,在变形面板中将144帧缩放比例设置为宽度60%,高度40%,并向下移动约30个象素。
161帧:色调-粉红,183帧:色调-黄
251、300帧:色调-黄,在251-300帧之间建动作补间动画,将300帧位置设为x:-280, y:12

2. 做遮照效果
选椭圆工具,在“图层3”第1帧画一椭圆,在“属性检查器”中设置宽高尺寸为755*550,与场景居中对齐,在第50帧建关键帧,将第1帧椭圆的宽高尺寸设置为5*4,并作形状补间动画,将该层设为“遮照层”,点击“显示图层轮廓”图标,将椭圆遮照显示为轮廓。

3. 做“花边2”效果
在图层4第一帧导入位图“花边2.png”,转换为图形元件,在第50帧建关键帧,将尺寸设置为846*615,与场景居中对齐,第1帧的花边尺寸设置为5*4,与场景居中对齐,并建动作补间动画。

(提示,遮照和花边要同步扩大,才能实现较好的效果,在第50帧上花边的位置应该刚好盖住遮照的边缘)

4. 做烛光效果
在图层1第102帧建关键帧,将库中“画面1”文件夹里的影片剪辑“烛1”拖入102帧,设置缩放比例为宽150%,高115%,与场景居中对齐。
在第131、251、300帧建关键帧
在第102帧建动作补间动画,并将第102帧上的烛缩放比例设为高20%,移到场景下边位置。
在第251帧建动作补间动画,将第300帧上的烛向右下移动,位置为x:-180,y:-120。
将图层1设为被遮照层,锁定。效果:(如图22)


此主题相关图片如下:
按此在新窗口浏览图片


5. 整理库资源
单击“库”面板左下角的“新建文件夹”按钮,起名“画面4”,将库中资源拖入“画面4”文件夹中。


七、 制作画面5
画面5由两个效果组成:翻页效果、打字效果。
画面长度计算:结尾音乐,从590帧-780帧,音乐长度190帧,考虑与前画面的过渡衔接,画面5可暂定为220帧。
练习要点:1. “注册点”定位  2. 变形面板应用  3.帧帧动画应用

1. 翻页效果制作
新建影片剪辑“5”,新建5个图层,将图层1、图层2、图层3依次更名为“内页”、“封面”、“封2”。
将“库面板”的“画面1”文件夹中元件“信签”拖入“内页”图层第一帧,在“属性检查器”中设置摆放位置x:0,y:-100,透明度80%。
在“封面”图层第一帧导入位图素材“封面.gif”,转换为图形元件“封面”,位置与“内页”重合,选任意变形工具,将出现的注册点调整到“封面”的左上角,在“变形面板”中设置宽度为95%,垂直倾斜-4度,在第59、74帧建关键帧,在74帧设置宽度为35%,垂直倾斜-55度,在59-74帧之间建动作补间动画。(如图23)


此主题相关图片如下:


在“封2”图层第75帧建空白关键帧,复制“内页”上的“信签”图片,粘贴到“封2”图层第75帧,右边线与“内页”上信签的左边线对齐,将注册点移到右上角。在第89帧建关键帧,将75帧上的信签宽度设置为30%,垂直倾斜47度。在75-89帧之间建动作补间动画。(如图24)

 

此主题相关图片如下:
按此在新窗口浏览图片

将内页和封2两个图层都延长到155帧。

2. 打字效果制作
1). 第一行文字:在图层4第94帧建空白关键帧,选“文本工具”,设置字体“隶书”、字号“18”粗体、颜色“墨绿”,输入“flash入门课综合实例”文本,摆放在信签的左上方,按Ctrl + B打散一次,在96、98、…….116帧每隔1帧建关键帧,在114帧删掉最后一个字“例”,在112帧删掉最后两个字“实例”,依此类推,直到第94帧只留下“f”字母。
2). 第二行文字:在图层5第118帧建空白关键帧,输入“__ MTV 贺卡”文本,摆放在第二行,打散,在120-128帧每隔1帧建关键帧,按上述方法逐帧删掉字符制作打字效果。
3). 第三行文字:在图层6第129帧建空白关键帧,选文本工具,设置字体为“文鼎花瓣体”(可选择自己系统里有的其他字体),字号“38”,输入“《生日快乐》”文本,摆放在“信签”中间位置。
按Ctrl+B键两次将文字打散成填充图形状,选“墨水瓶”工具,设置“笔触颜色”咖啡色,实线线条,“笔触高度”1,给“生日快乐”4个字点加上轮廓线。
分别在第131、133、135、137、139帧建关键帧,按上述方法逐帧删掉字符制作打字效果。
4).第四行文字:在图层7第141帧插入空白关键帧,选“文本工具”,设置字体“隶书”、字号“18”粗体、颜色“墨绿”,输入制作者信息等文本,摆放在信签的中下方,参照以上步骤做打字效果。(如图25)

 

此主题相关图片如下:
按此在新窗口浏览图片


返回主场景,在“画面5”第600帧插入空白关键帧,将元件“5”拖入第600帧,位置稍靠场景上方,水平居中对齐。

3. 整理库资源
单击“库”面板左下角的“新建文件夹”按钮,起名“画面5”,将库中资源拖入“画面5”文件夹中。

*******************************************************************

八、 制作按钮

1. 制做播放按钮
新建元件,起名“play”,行为选“按钮”。将库中“画面0”文件夹里的影片剪辑“星”拖入第一帧,与场景居中对齐。
选椭圆工具,选任意色在“点击”帧(第4帧)画一椭圆作为感应区,在”属性检查器”中设置尺寸为100*50,与场景居中对齐。锁住图层1。
新建图层2,将库中“画面1”文件夹里的影片剪辑“图标”拖入图层2第1帧,与场景居中对齐。
选文本工具,红色18号粗体,在第2帧输入“play”文本,与场景居中对齐,在“点击”帧按Shift + f5键清除帧。(如图26)

 

此主题相关图片如下:
按此在新窗口浏览图片


在时间轴任一帧上右击鼠标,在上下文菜单上点“选择所有帧”,再次右击鼠标,在上下文菜单上点“复制帧”(备用)。(如图27)


此主题相关图片如下:
按此在新窗口浏览图片

2. 制作重播按钮
新建按钮元件“replay”,右击图层1第一帧,点上下文菜单上的“粘贴帧”,将“play”的所有帧粘贴过来,选文本工具, 将上方图层“指针经过帧”上的文本“play”改为“replay”,在“点击帧”按Shift + f5键清除帧。

*******************************************************************

九、 主场景画面组合
为使动画播放效果自然流畅,需要做好画面之间的衔接过渡,本实例运用设置透明度的技巧来实现前后画面淡出淡入的自然过渡效果。
练习要点:1. 画面之间的自然过渡  2. 图形元件属性的播放选项应用  3. 添加动作脚本|

返回主场景,点时间轴上“锁定/解除锁定所有图层”图标,锁住所有图层。
(提示:在下面的编辑步骤中,只解锁正在进行编辑的图层,其他图层都锁定,以避免在编辑时误选中其他图层上的对象)

1.              编辑“背景”图层
选中第1帧的背景画面,在“属性检查器”的颜色设置里选“亮度”,调整为“-10%”。

2.  编辑“画面1”图层
双击场景上的实例“1”进入其编辑舞台,在“卷轴”图层上新增一个图层,改名“书页”,将库中“画面5”文件夹里的元件“5”拖入该图层第1帧,选中后在”属性检查器”中设置图形选项为“单帧”,第一帧“153”(如图28)。将透明度设为80%。

 

此主题相关图片如下:
按此在新窗口浏览图片

在第50帧建关键帧,在第1-50帧之间建动作补间动画,并将第50帧上的书页拖到画面右下角以外,在“变形面板”中设置水平倾斜60度,在“属性检查器”中设置透明度为0%。
返回主场景,在第150、210帧建关键帧,并在此间建动作补间动画,将第210帧的画面透明度调为“0%”,在第211帧按f7键插入“空白关键帧”。
(提示:通过对图形元件设置图形选项,可以指定图形元件实例在动画中的播放方式。用插入空白关键帧的方法,可以清除时间轴后面多余的普通帧)

3. 编辑“画面2”图层
在第209帧建关键帧,在185-209帧之间建动作补间动画,将185帧上的画面缩小为“30%”,透明度调为“30%”。在第426、453帧建关键帧,将第453帧上的画面透明度调为“0%”,并在第426-453帧之间建动作补间。在第454帧插入空白关键帧。
(提示:将画面2的显示时间设置较长,使其与画面3重叠,可作为画面3的陪衬背景,以丰富画面)

4. 编辑“画面3”图层
在第365、421、460帧建关键帧,在第350-365帧之间建动作补间动画,将第350帧上的画面透明度设为“20%”,在第421-460帧之间建动作补间动画,将第421帧上的画面色调设为“红”,将第460帧上的画面透明度设为“0%”。在第461帧插入空白关键帧。

5. 编辑“画面4”图层
选中第420帧舞台上的元件“4”,在”属性检查器”中设置图形选项为“播放一次”,第一帧“1”。(如图29)

 

此主题相关图片如下:
按此在新窗口浏览图片

“画面4”图层不做过渡效果编辑,画面一直延伸到动画结尾。

(提示:在元件“4”的编辑舞台上,第一帧将遮罩尺寸设置为非常小,因此在主场景上看不见画面,只能看见一个白色小圆点,选中的时候务必注意)

6. 编辑“画面5”图层
选中场景中600帧上的实例“5”,在“属性检查器”中设置图形选项为“播放一次”,第一帧“1”(参照图29)。在第635帧建关键帧,在第600-635帧之间建动作补间动画,设置顺时针旋转一次。将第600帧上的实例“5”移到场景右下角以外,在变形面板中设置尺寸为“20%”,水平倾斜“20%”。

7. 编辑“花边”图层
在“属性检查器”中将颜色亮度设为-10%

8. 编辑“按钮”图层
1).做按钮出现动画效果:在按钮层第750帧建空白关键帧,将库中按钮“replay”拖入750帧,放置在场景上书页的右下角,选任意变形工具,将按钮实例的注册点调整到其右上角以外约两公分处(如图30),在第780帧建关键帧,将750帧上的按钮实例透明度设为“30%”,并建动作补间动画,设置顺时针旋转1次。
(提示,利用调整注册点的方法做近似引导线的旋转效果)

 

此主题相关图片如下:
按此在新窗口浏览图片

2).为按钮添加动作脚本:选中舞台上第780帧上的按钮实例,点开动作面板,在右边的添加动作脚本窗口里输入如下语句:(如图31)


此主题相关图片如下:
按此在新窗口浏览图片
on (release) {  // 当释放鼠标时
gotoAndPlay(1);  //  转到第一帧并播放 
}


3).添加帧动作脚本:选中第780帧,点开动作面板,在右边的添加动作脚本窗口里输入如下语句:(如图32)

stop();  // 停止播放


此主题相关图片如下:
按此在新窗口浏览图片

(提示,添加动作脚本时务必注意为其添加脚本的对象,也就是得注意当前选择的对象。对象动作脚本必须添加在相应对象上,如以上“为按钮添加动作脚本”;帧动作脚本必须添加在关键帧上,如以上“添加帧动作脚本”。)      

第三部分:Loading场景的制作

练习要点:1. 场景面板使用  2. 场景之间画面的自然衔接  3. loading效果制作 

一、 编辑“场景2”背景画面

1. 新建场景
按shift + f2 键调出场景面板,点右下角“添加场景”按钮新建“场景2”,用鼠标将“场景2”拖到“场景1”的上方。
在“场景2”时间轴上建9个图层,自下而上命名为“背景”、“画面1”、“花边”、“遮照”、“边框”、“进度条”、“动态文本”、“按钮”、“as”。
将“遮照”层设为遮照,遮照层以下的图层均设为被遮照层,将遮照图层名称最右边的“显示图层轮廓”的小方形图标点成轮廓状态。(如图33)

 

此主题相关图片如下:


(提示:动画播放时各场景的播放顺序按照场景面板中自上而下的排列顺序播放)

2. 复制画面
点场景面板(或者时间轴右上方“编辑场景”按钮)中的“场景1”返回“场景1”,解锁“背景”图层,选中背景图层第1帧,按Ctrl + C复制,返回“场景2”,在“背景”图层第1帧按 Ctrl + Shift + V 原位粘贴,并延长画面至第3帧。
按以上步骤,分别将“场景1”的“画面1”、“花边”、“遮照”图层第一帧上的内容原位复制到“场景2”的对应图层第1帧,并延长画面至第3帧。
选中“画面1”图层上的实例“1”,在“属性检查器”中设置图形选项为“单帧”,第一帧填“1”。(参照“图28”)
锁住以上几个图层。


二、 制做loading效果

1. 做进度条边线框
选“矩形工具”,在“属性检查器”中设置无填充色,“紫红”线条色,笔触样式“极细线”。在“边框”图层第1帧画一矩形线框,设置宽高尺寸为200*4象素,摆放在靠近书页下端位置,与场景水平中齐,延长至第3帧,锁住该图层。

2. 制做“进度条”影片剪辑
选矩形工具,设置无边框色,在混色器中设置“线性”渐变填充,设三个渐变指针,颜色分别为:紫红、红、紫红。
在“进度条”图层画一矩形,在“属性检查器”中设置宽高尺寸为2*4象素,用油漆桶工具在矩形上从上往下拉动填充,使其成为水平渐变填充形状,重叠到矩形线框上,与场景水平中齐。(如图34)
按f8键将矩形转换为影片剪辑,命名“进度条”,点任意变形工具,将注册点调整到矩形中心,延长至第3帧。(如图34)
选中场景上的“进度条”实例,在“属性检查器”中命名实例名为“jindutiao”。


此主题相关图片如下:
按此在新窗口浏览图片

(提示:为方便操作,画矩形时可将画面放大至800%或更大比例,注册点调整到中心,是为实现进度条由中心向两端延伸的效果。)

3. 编辑“动态文本”图层
选文本工具,在“动态文本”图层画一文本框,在“属性检查器”中设置文本类型为“动态文本”,字体“隶书”,字号“14”,颜色“深褐色”,宽高80*20象素,变量“t”。将文本框摆放在书页左下角靠进度条的上方,延长至第3帧。(如图35)


此主题相关图片如下:
按此在新窗口浏览图片

4. 编辑“按钮”图层
在“按钮”图层第3帧按f7键建空白关键帧,将库中“play”按钮拖入第3帧,摆放在书页右下角,选中按钮,点开动作面板,输入动作脚本:(如图36)

on (release) {  // 鼠标释放时
gotoAndPlay("1");  // 跳转到帧标签“1”并播放 
}



此主题相关图片如下:
按此在新窗口浏览图片

5. 编辑as图层
1). 在“as”图层第2帧按f7键插入空白关键帧,选中第2帧,点开动作面板,输入如下脚本:(如图37)

p = int(getBytesLoaded()/getBytesTotal()*100);
// 影片已下载的字节数除以总字节数再乘以100,取整后赋值给变量“p”
t = "下载:" + p + "%";
// 将字符串“下载:”并上变量“p”的值再并上“%”赋值给动态文本变量“t”
jindutiao._width=p*2;
// 将变量“p”的值乘以2赋值给影片剪辑“jindutiao”的宽度,即“jindutiao”
//的宽度为“p”的两倍。
if (p<100) {
gotoAndPlay(1);   
}
// 如果“p”小于100跳转到第1帧并播放。


此主题相关图片如下:
按此在新窗口浏览图片

2). 在“as”图层第3帧插入空白关键帧,选中第3帧,点开动作面板,输入如下脚本:
stop();  //停止播放

***************************************************************
完成,发布影片测试效果。


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

没有相关评论

 发表评论:

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

兰幽空间 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:心梦、劳拉