注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

《电脑之家》

请点击:“日志”浏览电脑知识

 
 
 

日志

 
 

[原创]鼠标拖动:梅花开满枝  

2010-02-25 22:10:54|  分类: 音画欣赏 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

鼠标点击桃花盛开的制作原理与过程

   

    教学目的:通过本节教学了解和熟悉影片剪辑属性链接的设定以及影片剪辑语句的添加,进而创作出意想不到,精彩纷呈的动画作品来。

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

    教学要点:影片属性链接、动作面板、as语句。

   

   

    作前准备

    1.准备桃花蕾,小桃花,大桃花,桃花枝和山石的矢量图(或抠图)各一张,放在指定的文件夹待用。

    2.下载一首缓冲效果较好的mp3歌曲:<在那桃花盛开的地方>,放在指定的文件夹待用。

    1.启动FLASH8 软件

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

[原创]鼠标拖动:梅花开满枝 - 自然醒 - .

图1

    3.创建影片剪辑

    (1)选择“插入-新建元件”,建立一个名为“h0”影片剪辑元件。点击确定,进入元件编辑区。选择图层1第一帧,将准备好的花蕾导入到舞台,设置其规格为9*13,全居中,在第3帧插入关键帧,将其放大为11*16,全居中,在第5帧插入关键帧,再将其放大为12*20,全居中。然后分别选中1、3、5帧上的实例将其转换为图形元件,元件1,元件2,元件3。如图2所示:

[原创]鼠标拖动:梅花开满枝 - 自然醒 - .

图2

右键点击库中的“h0”影片剪辑,选择“链接”,打开链接属性界面,设置其参数,如图3所示:

[原创]鼠标拖动:梅花开满枝 - 自然醒 - .

图3

添加一个图层,在第5帧插入空白关键帧,右键该空白关键帧,打开动作面板,在as编辑区输入stop();

    (2)选择“插入-新建元件”,建立一个名为“h1”影片剪辑元件。点击确定,进入元件编辑区。选择图层1第一帧,从库中拖出元件1到舞台,全居中,在第3帧插入空白关键帧,从库中拖出元件2到舞台,全居中,在第5帧插入空白关键帧,从库中拖出元件3到舞台,全居中。在第7帧插入空白关键帧,导入已准备好的小花到舞台,设置其规格为28*23,全居中。右键该帧上实例,将其转换为图形元件,元件4。如图4所示:

图4

右键点击库中的“h1”影片剪辑,选择“链接”,打开链接属性界面,设置其参数,如图5所示:

[原创]鼠标拖动:梅花开满枝 - 自然醒 - .

图5

添加一个图层,在第7帧插入空白关键帧,右键该空白关键帧,打开动作面板,在as编辑区输入stop();

    (3)选择“插入-新建元件”,建立一个名为“h2”影片剪辑元件。点击确定,进入元件编辑区。选择图层1第一帧,从库中拖出元件1到舞台,全居中,在第3帧插入空白关键帧,从库中拖出元件2到舞台,全居中,在第5帧插入空白关键帧,从库中拖出元件3到舞台,全居中。在第7帧插入空白关键帧,从库中拖出元件4到舞台,全居中,在第9帧插入空白关键帧,导入已准备好的大花到舞台,设置其规格为45*34,全居中。右键该帧上实例,将其转换为图形元件,元件5。如图6所示:

[原创]鼠标拖动:梅花开满枝 - 自然醒 - .

图6

右键点击库中的“h2”影片剪辑,选择“链接”,打开链接属性界面,设置其参数,如图7所示:

[原创]鼠标拖动:梅花开满枝 - 自然醒 - .

图7

添加一个图层,在第9帧插入空白关键帧,右键该空白关键帧,打开动作面板,在as编辑区输入stop();

    (4)选择“插入-新建元件”,建立一个名为“桃枝”影片剪辑元件。点击确定,进入元件编辑区。选择图层1第一帧,将准备好的桃花枝导入到舞台,设置其规格为455*375,全居中。如图8所示:

[原创]鼠标拖动:梅花开满枝 - 自然醒 - .

图8

    (5)选择“插入-新建元件”,建立一个名为“歌曲”影片剪辑元件。点击确定,进入元件编辑区。点击“文件-导入-导入到库”,将准备好的歌曲导入到库中。然后将该歌曲拖入到舞台(不要忘记在属性面板同步栏中设置数据流),按f5待歌曲完全播放完时松开。

    4.组织编辑场景 返回场景1,添加5个图层,共6个图层。自下而上分别命名为背景、桃枝,山石、文本、歌曲、边框。

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

    (2)选择桃枝图层第一帧,从库中拖出“桃枝”影片剪辑到舞台,放到适当的位置。选中该实例,设置其实例名称为by ,如图9所示:

[原创]鼠标拖动:梅花开满枝 - 自然醒 - .

图9

右键该实例,打开动作面板,在as编辑区输入如下语句:

onClipEvent (load)
{
    var i = 0;
}
on (press)
{
    ++i;
    var n = random(3);
    attachMovie("h" + n, "mc" + i, i);
    this["mc" + i]._x = this._xmouse;
    this["mc" + i]._y = this._ymouse;
    this["mc" + i]._rotation = random(5) * 120;
}

锁定该图层。

    (3)选择山石图层第一帧,将准备好的山石矢量图导入到舞台,放置在桃花枝的根部,并盖住根部。上锁。

    (4)选择文本图层第一帧,用文本工具键入作品题目“桃花盛开”和相关说明“用鼠标点击桃树枝”。上锁。

    (5)选择歌曲图层第一帧,从库中拖出“歌曲”影片剪辑到舞台的任何位置。上锁。

    (6)选择边框图层第一帧,导入或制作一个边框到舞台,规格为550*400,全居中,上锁。上述环节完成后,如图10所示:

[原创]鼠标拖动:梅花开满枝 - 自然醒 - .

图10

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

图11

 

    6.测试存盘

 

    *说明:

     1.影片剪辑“h0”、“h1”、“h2”没有进入场景,它的效果显示是由影片剪辑“桃枝”所设置的as语句(脚本)来实现的。

     2.桃花枝必须是无背景的透明的,因为桃花只能在桃花枝上绽放。

     3.影片剪辑“h0”、“h1”、“h2”各个帧上的实例必须全居中,不然就会离开桃花枝。  

 

 ===========================================

博主请求:本博客为了增加博客 “积分”升级的需要,望前来浏览、转载和引用的网友,伸出友谊之手,为我点 击一下“推荐”二字。同时,也让你的芳名永留 本博,名传四海...........请点击一下:加为好友

进入所见即所得编辑器编辑文章,立马成为博客高手!

============================================

作品简介:

1:播放器用AS纯代码制作而成,体积小,仅2KB。

2:动画制作取材仅50KB,两次将图片转换成图片原件,压缩了体积。

3:文字少而小,体积甚小。

    这样,整个作品不足60KB大小构成。浏览速度快,既完美地表现了作品意境,同时,又避免了flash体积过大这一“大忌”,这也是制作flash人们追求和孜孜不倦努力的方向........!

  评论这张
 
阅读(671)| 评论(39)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017