打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
第十五讲:元件、实例、公用库1[FLASH8基础教程]

 

 

步骤4  创建“夏天”影片剪辑

回到主场景新建一层,命名为“夏天”,从库中把名为“夏天的图片”的位图拖到主场景中,在属性面板上设置X、Y轴位置为0、0,单击图片将其转换为名为“夏天”的影片剪辑。
    双击“夏天”影片剪辑,进入其编辑界面,新建一层,选择【窗口】|【其它面板】|【公用库】|【闪客启航公用元件及效果库】|【动作脚本文件夹】|【下雨效果文件夹】,把其完整地拖入场景中再删除,在本实例的库面板中打开“下雨效果文件夹”,把里面的“拖入场景,下雨效果”拖入到场景的上方,X轴-15、Y轴-165,如图16-15所示。

图 16-15 雨滴在场景中的位置

新建文字层,把库中“夏天的文字”的影片剪辑拖到场景的下方,由于此影片剪辑的第一帧为空白帧,因此在场景中只是一个小白点,那么,如何为它定位呢?换言之,也就是说怎么样能正好把它设置在场景的下方的中间呢?我们利用属性面板来玩一个“瞒天过海”的小花招,呵呵。
    点击这个小白点,在属性面板上修改影片剪辑为图形,在右边的第1帧中填写数字40,回车,如图16-16所示。

图16-16 在属性面板上将影片剪辑改成图形

    哈,现在是不是所有的文字都显示出来了?在这里,我们巧妙地利用了影片剪辑和图形的属性面板的不同特点来达到我们的目地,现在再设置文字在场景中的位置变的轻而易举了。双击夏天的文字的影片剪辑进入编辑界面,我们看到里面的四层上的元件和补间动画、遮罩都已经做好了,我们只要在文字层的第10帧,修改文字为“水光潋滟晴方好,山色空蒙雨亦奇”就行了。
    修改好了以后,千万别忘了再回到“夏天”影片剪辑的界面中,在属性面板中把“夏天的文字”再从图形改成影片剪辑。

步骤5 分别创建“秋天”和“冬天”影片剪辑

这两个影片剪辑的创建方法和秋天的影片剪辑的方法基本是一样的,不同之处在于以下几点:
    拖入启航公用效果库文件:秋天拖入的是落叶效果文件夹(拖入后须把树叶改成红色),冬天拖入的是下雪效果文件夹。
    诗句:秋天是“山明水净夜来霜,数树深红出浅黄”,冬天是“谁将平地万堆雪,剪刻作此连天花”。
    衬色:秋天是红色衬底(#990000),冬天是蓝色衬底(#0000FF)。
    这部分操作将视讲课时间是否充裕再决定是否请大家当堂制作,如果讲课时间紧张,这部份将略去,做为课后练习留给大家。

步骤6  创建“鸣谢”图形元件   

     回到主场景,创建新图层,命名为“鸣谢”,在场景的上方写入静态文本“鸣谢”二个字,字体隶书,字号60,白色,单击右键,将其转为图形元件,双击这个图形元件进入编辑界面,新建一层,选择【窗口】|【其它面板】|【公用库】|【闪客启航公用元件及效果库】|【动作脚本文件夹】|【有声音打字效果文件夹】,把其完整地拖入场景中再删除,在库中双击打开刚拖入的【有声音打字效果文件夹】,把里面的【拖入场景,打字效果】拖入新建图层中,这个效果中主要是一个动态文本,您可以在属性面板中设置动态文本字体的颜色、大小、字体类型等,双击动态文本,打开动态文本影片剪辑编辑界面,选择图层1的第一帧,执行【窗口】|【开发面板】|【动作】命令,打开动作面板,把第一行语句中的“欢迎您把自己的作品做成mc加入闪客启航公用元件及效果库”文字改成“本实例中的效果代码取自大成、学习来了、沪上老康、星月、文清等老师的源文件。欢迎更多的朋友把自己的作品做成效果,充实闪客启航公用效果库。”,如图16-17 所示。

图16-17  修改打字效果语句

    步骤7  设置春夏秋冬出现的顺序

    做到现在,主要的元件都做出来了,我们回到主场景,来安排一下它们的出场顺序,节日单是这样排的:春夏秋冬-->春-->夏-->秋-->冬-->鸣谢,图16-18所示的是全部完成后的时间轴面板。

图16-18  全部完成后的时间轴面板

    这些元件在主场景中都是依照淡入-->显示-->淡出的模式完成出场和退场的,所以,我们只要在主场景中设置他们出入场景的位置、Alpha 值的变化并创建补间动作动画的位置就行了。您也完全可以不按我设置的位置进行变化,只要您感觉效果好就行,(其实俺本来就是瞎设置的,^_^)。

     单击时间轴面板左侧的

,关闭所有图层的眼睛,设置到哪一层时再打开这一层的眼睛。

元件名称
加关键帧的位置
设置Alpha值为零的位置
创建补间动画的位置
春夏秋冬
10、47、57
1、57
1、47
春天
55、65、127、137
55、137
55、127
夏天
134、144、269、279
134、279
134、269
秋天
276、286、399、409
276、409
276、399
冬天
406、416、531、541
406、541
406、531
鸣谢
537、547
537
537

    设置好了以后,切记把春天、夏天、秋天、冬天、鸣谢五个元件在主场景中的第一帧清空为空白关键帧,要不然,您就看不到下面的春夏秋冬的开场白了。

    步骤八  创建动作脚本语句控制

    这一层很简单,我们新建一层,在最后一帧加关键帧,写入动作脚本语句:stop();就行了。

    步骤九  创建按钮层

    截止目前为止,在我们提供的“闪客启航公用元件及效果库”中,我们只使用了几个含有动作脚本语句的效果,还有一些效果我们没有用过,这些效果的使用更为简单,我们来试着做一个返回按钮。
    在主场景中新建按钮层,在最后一帧加关键帧,打开【闪客启航公用元件及效果库】|【元素文件夹】|【3D图形】,把名为Arrow2的元件拖到这一帧,如图16-19所示。

 

图16-19  按钮

    选中这个按钮,执行【修改】|【变形】|【水平翻转】命令,再执行三遍【修改】|【分离】命令,将其打散,用颜料筒工具改变颜色,用变形工具

修改大小,单击右键转换为按钮元件,在动作脚本面板中写入语句:

on (release) {
gotoAndPlay(1);
}

    修改好后的按钮的位置、大小、颜色及动作脚本面板如图16-20所示。

 

图16-20 返回按钮

    步骤十  创建日期

    这一步留做课后作业,请大家根据我们上面所学到的知识自行完成。

    步骤十一  测试存盘

   

   课堂讲解

    一、元素 元件 实例的概念

    元素:构成Flash动画的所有最基本的因素,包括形状、元件、实例、声音、位图、视频、组合等等。
    元件:必须在Flash中才能创建或转换生成,有四种形式,即图形、按钮、影片剪辑、位图,元件只需创建一次,然后即可在整个文档或其他文档中重复使用。。
    实例:放置在场景中或嵌套在另一个元件内的元件副本,如图形、按钮、影片剪辑、位图等均为实例。

    二、 元件特点研究

    请大家打开素材下载中提供的“元件特点研究.fla”源文件,我们边做边讨论,在实践中加深印象和理解。
    位图:功能较少,只能进行位图之间的交换。
    图形:可在图形、按钮、影片剪辑之间进行交换,其时间轴的运行依靠主场景中的时间轴的支持并与属性面板上的运行方式有关(运行方式为单帧、循环、播放一次)。
    影片剪辑:其时间轴的运行不依靠主场景中时间轴的支持,但必须在主场景的时间轴上有入口。

    三、元件之间的角色转换

   利用上面所讲到的知识,我们可以在舞台上对实例进行角色转换。比如在编辑影片剪辑时,可以先把它转换为图形,循环运行;在不需要影片剪辑运动时,可转换为单帧图形等等;在元件交换时,转换后的元件继续被转换元件的某些参数。

    四、元件的管理

    元件的管理在库面板中进行。您可创建多个文件夹,把同类的元件放在一起,分门别类地进行管理,图16-21是库面板示意。

图16-21 库面板

    库功能中有一个很重要的公用库功能。在上面的实例中,我们基本没写什么语句却做出了一个运用了很多脚本语句的实例,这就是利用公用库的范例,希望通过本课能吸引大家的目光来关注公用库的功能,你做一个效果,我做一个效果,聚沙成塔,创建闪客启航自己的公用元件和效果库。

    当您把作品加入闪客启航公用元件和效果库中时,请注意以下几点:
    1、如果是图形元件等加入公用库,没有任何限制,只要求美观、实用。
    2、最好分类分的细一些,比如声音类,可分成人声、动物声、自然界的声音等,详细的分类有助于寻找运用,也利于加入公用库。
    3、加有动作脚本的效果类,请一个效果做成一个文件夹,里面包括应用这个效果时所需要的所有元素,如从库里链接的声音、图形等。动作脚本语句最好用相对路径,在应用时不再存在路径问题,如果有困难,请在效果文件夹中加一个说明文字,讲明在哪、怎么改路径,以方便对语句不太熟悉的朋友。
    4、无论有无动作语句,效果类的请把最终需要拖入场景中的元件统一命名为“拖入场景,……”。

课后练习

    1、做完本课的实例。
    2、试着收集和建立几个公用库元件和效果,并发表在此贴后面。

 

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
在动画中添加声控效果的制作与思考
给空间模块制作鼠标跟随(FLASH实用教程)
【FLASH翻书效果】
【转载】Flash动作编程学习笔记
如何制作鼠标跟随?
教你画闪闪的红星
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服