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

壳子的博客

学无止境

 
 
 

日志

 
 

鼠标点击花朵相册的制作  

2011-01-26 09:32:57|  分类: 装点博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自止水无涛《鼠标点击花朵相册的制作》

 

 

 
   

教学目的:通过本节教学了解和掌握按钮、AS语句的制作操作和运用,进而制作出点击花朵相册。

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

素材准备。十张适合制作相册的照片,尺寸规格差不多,和一张制作背景的花朵图片

 

教学要点:运用按钮,AS,循环背景制作。

提示,每次教材写出来都要花费我很长时间,如果朋友们复制和转帖请标明教材出处分外妖娆网站教程谢谢你们

制作步骤

1.启动FLASH8 软件。

2.确立文档属性 设置动画尺寸为550*400,背景颜色黑色,点击确定,进入场景1。

(如图1)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

3选择“插入-新建元件”,建立一个名为“A1”的影片剪辑元件,点击确定,进入元件编辑区,添加一个图层。共两个图层。依次从下至上名字为:背景,照片;

(如图2)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

(1)点击背景图层第一帧,把提前准备好的背景图片花朵的导入到库,点文件----导入----导入到库,从库里把背景图片拉出来。尺寸修改为550*400,水平中齐,垂直中齐,鼠标右键转换为图形元件命名为“背景图片”,点击确定,在130帧插入帧,锁上图层。

(如图3)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

(2)点击照片图层第一帧,把提前准备好的10张照片一起导入进来,点文件----导入-----导入到库,把第一张照片拉进来。宽和高按个人喜欢去修改尺寸,修改好之后点击照片右键转换为图形元件,对齐面板,水平中齐,垂直中齐,在30帧插入关键帧,在90帧插入关键帧,在第130帧插入关键帧,回到时间轴第一帧点击一下,在点击中间的照片,尺寸修改为宽3,高3。把图片挪到花朵的芯中间,设置颜色ALpha,为0,在点击时间轴上的第一帧右键复制帧,在130帧点击右键粘贴帧,之后在130帧右键打开动作面板,输入    stop();  

(4--1)如图

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

  按钮指令,最后在1——30帧右键创建补间动画,在90——130帧右键创建补间动画,

(如图4--2时间轴显示)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

同样的方法去制作以下照片制作“A2——A10"的影片剪辑元件,方法一致

(如图5)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

4选择插入---新建元件,建一个名字为“按钮”的按钮元件,点击确定。

(如图7)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

在图层第四帧点击插入空白关键帧,点椭圆工具,在编辑区里画个20*20的椭圆。水平中齐,垂直中齐, 如图,

(如图8)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

 

返回场景

锁上AS图层的锁

 5编辑场景,添加4个图层,一共5个图层,依次命名为背景,照片,文字,按钮,边框,AS,写好图层的名称好制作

(如图9)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

(1)点击背景图层第一帧,把库里的背景图片的图形元件拉动进来。水平中齐,垂直中齐。在第11帧插入帧,锁上图层,

(2)点击照片图层第二帧,插入空白关键帧,把A1拉到场景中来,水平中齐,垂直中齐。在第3帧插入空白关键帧,把A2拉动进来。水平中齐,垂直中齐,依次把这个10帧都放在场景,放好后锁上照片图层,

(如图10)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

(3)在库里依次把库里A1——A10的影片剪辑里把背景层删除,以下如图9和10

 

(如图11)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

(如图12)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

(4)点击按钮图层第一帧从库里把按钮元件拉出10个来。摆放在10朵花心中间,点击第一个按钮右键打开动作面板,输入以下语句

on (release) {
 gotoAndStop(2);

}
在第二个按钮右键打开动作面板输入

on (release) {
 gotoAndStop(3);

}

在第三个按钮右键打开动作面板输入

on (release) {
 gotoAndStop(4);

}

在第四个按钮右键打开动作面板输入

on (release) {
 gotoAndStop(5);

}

在第五个按钮右键打开动作面板输入

on (release) {
 gotoAndStop(6);

}

在第六个按钮右键打开动作面板输入

on (release) {
 gotoAndStop(7);

}

在第七个按钮右键打开动作面板输入

on (release) {
 gotoAndStop(8);

}

在第八个按钮右键打开动作面板输入

on (release) {
 gotoAndStop(9);

}


 

在第九个按钮右键打开动作面板输入

on (release) {
 gotoAndStop(10);

}

在第十个按钮右键打开动作面板输入

on (release) {
 gotoAndStop(11);

}

(如图13)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

依次输入好后,锁上按钮图层,

(5)点击文字图层的第一帧,点文本工具,输入动画名字,和制作者名字,要求静态文本,输入好放好自己喜欢位置,在11帧插入帧,锁上文字图层的锁。

(6)边框图层第一帧,放一个自己制作好的 边框适合这个动画的尺寸,放好后在11帧插入帧,锁上边框图层

 

(7)在AS图层第一帧点击一下,在打开动画面板输入一段语句,

stop();  在11帧插入帧,

目前为止这个动画就制作完成,点击控制测试一下看效果。

(如图13)

鼠标点击花朵相册的制作 - 止水无涛 - 止水无涛的博客screen.width-333)this.width=screen.width-333">

 

  评论这张
 
阅读(558)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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