您好!欢迎您光临心心相印的制作原理和方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>心心相印的制作原理和方法
心心相印的制作原理和方法
发表日期:2013/6/20 23:35:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 1648

 

心心相印的制作原理和方法

 

 

    教学目的:通过本节教学了解和熟悉影片剪辑元件及其实例名称的创建、设置,动作面板、as语句的运用,通过巧妙的设计与制作,进而实现彩色流星边框的动画效果。

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

    教学重点:影片剪辑、实例名称、混色器、动作面板、as。

     

 

    作前准备

    1.准备规格为251*282的情侣图片男女各一张,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

    2.下载一首缓冲效果好的mp3歌曲,保存到指定的文件夹待用。

     制作过程

    1.启动flash8软件。

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


图1

    3.首先将准备好的素材图片导入库中,待用。

 

(素材图)


    4.创建影片剪辑元件

    (1)选择“插入-新建元件”,建立一个名为“01”影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    A.选择图层1第一幀,用椭圆工具画一个椭圆形,然后,复制粘贴一个该实例,将两个椭圆实例交叉;删除交叉部分,再用选择工具将舞台实例调整为心形。其绘制流程,如图2所示:

图2

选中该实例,设置其规格为160*200,将其打散后,用填充工具,颜色为红色,在该实例中间点一下。如图3所示:

图3

右键点击中间的红心,将其转换为影片剪辑元件-“红心”。双击白色心框,起麻点后,右键心框,将其转换为影片剪辑-心框,删除该实例,舞台只留下红心(可用选择工具将其微调为你需要的心形)。如图4所示:

图4

点击该实例,将其规格改为20*21,全居中。如图5所示:


图5

(此图已放大)

点击该实例,打开混色器面板,设置其参数,如图6所示:

 


图6

完成后的舞台实例,如图7所示:



图7

(此图已放大)

在第6幀插入关键帧,点击该幀舞台实例,在混色器面板设置其参数,如图8所示:



图8

完成后的舞台实例,如图9所示:


图9

(此图已放大)

在第11幀插入关键帧,点击该幀舞台实例,在混色器面板设置其参数,如图10所示:


图10

完成后的舞台实例,如图11所示:


图11

(此图已放大)

右键第1幀-复制幀,在右键第15幀-粘贴幀。

    B.本环节完成后的时间轴,如图12所示:


图12

    (2)选择“插入-新建元件”,建立一个名为“02”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为心形、引导层。

    A.选择引导层图层第一帧,从库中拖出“心框”影片剪辑元件到舞台,改其规格为218*258,全居中。将其打散,用橡皮擦在其上边心窝处擦一个小口。如图13所示:



图13

在第50幀插入幀,上锁。

    B.选择心形层图层第一帧,从库中拖出“01”影片剪辑到舞台,规格不变,将其放置在引导线开口的右侧端点之上,其注册点和此端点重合。如图14所示:



图14

在第50幀插入关键帧,再将该实例移到引导线开口左边的端点上,其注册点和引导线开口端点重合。如图15所示:



图15

创建本本区域的动画补间,上锁。

    C.本环节完成后的尾幀时间轴,如图16所示:



图16

    (3)选择“插入-新建元件”,建立一个名为“03”影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为心形、as。

    A.选择心形图层第一帧,从库中拖出“02”影片剪辑元件到舞台,规格不变。全居中。如图17所示:

图17

点击该实例,在属性面板填写其实例名称为:mc 。如图18所示:


图18

    B.选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下幀语句:

i = 0;
onEnterFrame = function ()
{
    i < mc._totalframes ? (i++) : (i = 1);
    b = mc.duplicateMovieClip("mc" + i, i);
    b.gotoAndStop(i);
};

锁定该图层。

    C.本环节完成后的时间轴,如图19所示:


图19

    (4)选择“插入-新建元件”,建立一个名为“羽化男”影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上命名为图片、红心、as。

    A.选择图片图层第一帧,从库中拖出素材图片男到舞台,规格251*282。全居中。如图21所示:

图21

将其转换为影片剪辑元件-男。点击该实例,在属性面板混合处设置其参数,如图22所示:

图22

并在属性面板填写其实例名称为:a 。上锁。如图23所示:

图23

    B.选择红心图层第一帧,从库中拖出红心影片剪辑元件到舞台,规格160*198。将其调整到合适的位置。如图24所示:

图24

点击该实例,在属性面板填写其实例名称为:b 。再打开滤镜,设置其参数,如图25所示:


图25

锁定该图层。完成后的舞台实例,如图26所示:


图26

    C.选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下幀语句:

a.setMask(b);

锁定该图层。

    D.本环节完成后的时间轴,如图27所示:

图27

    (5)同理同种方法、同种规格完成“羽化女”影片剪辑元件的操作。

    5.编辑制作场景

    返回场景1,添加四个图层,共五个图层。自下而上命名为背景、情侣、同心、边框、as。 

    (1)选择背景图层第1幀,导入或制作一个背景,规格550*400,全居中。上锁。如图18所示:


图28
 

    (2)选择情侣图层第1幀,分别依次从库中拖出“羽化女、羽化男”影片剪辑到舞台,规格不变,调整好每个实例的位置。上锁。如图29所示:


图29

    (3)选择同心图层第1幀,分别依次从库中拖出两个“03”影片剪辑到舞台,规格不变,调整好每个实例的位置(放置在红心的心窝处)。上锁。如图30所示:


图30

    (4)选择边框图层第1幀,导入或制作一个边框,规格550*400,全居中。上锁。(本教程中的边框是用的彩色流星边框,其制作方法见:彩色流星边框的制作原理和方法)如图31所示:



图31

    (5)选择as图层第1幀,按f9,打开动作面板,在as编辑区输入,如下幀语句:

var music:Sound = new Sound();
music.onSoundComplete = function() { music.start();};
music.loadSound("
http://www.duliya.com/UploadFiles/User/229/201209/2012090909170617691.mp3", true);

*语句中的红色部分为你准备好的mp3歌曲地址。

锁定该图层。

    6.本作业完成后的时间轴如图32所示:


图32

    7.测试存盘

 

    说明:

    场景中的同心须是相互交叉、平行,其交叉的程度要适中。

   

最终效果显示见心心相印:


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

全屏下载

 

祝你成功

 

进入更多教程

 

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏