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

《电脑之家》

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

 
 
 

日志

 
 

能前进、后退浏览图片制作教程  

2010-03-02 11:11:26|  分类: 教程系列 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

   

    教学目的:通过本节教学了解和掌握按钮的制作、使用,以及as语句的应用。进而制作出用按钮交互动画的多变多彩的效果来。

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

    教学要点:按钮制作、as语句添加。

 

   

   制作步骤

  1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*450,帧频为12,背景颜色淡蓝,其它默认,点击确定。如图1所示:


图1
   
    3.进入场景1 添加三个图层,共四个图层。自下而上分别命名为大圆,边框,按钮和文本。
    点击大圆图层第1帧,按住shift键用椭圆形工具在工作区托一个300*300的大圆,颜色随意。全居中。如图2所示:

                                                         

  图2                     图3

 
在第2帧插入关键帧,将工作区中大圆(图2)改为红色。如图3所示。同理在第3、4、5、6、7各插入关键帧,依次将大圆改为绿色、蓝色、黄色、粉色、无色(也可是其它颜色)。如图4所示:
 


图4
 
然后,分别在第1-7帧“点右键-动作”,依次在as编辑区输入stop();  上锁。
 
    4.选择边框图层第1帧,用矩形工具托一个参数如图5的矩形边框。规格550*450,全居中,上锁。


图5
 
    5.制作并添加按钮 (1)创建按钮元件,在元件编辑区的“弹起帧”用矩形托一个无边框的小矩形,然后用选择工具(黑箭头)将其调整为箭头形状,之后删除图6中的1、2、3;将4居中对齐。在“按下帧”插入关键帧,如图7所示:


图6


图7
 
选择按钮图层第1帧,将库中按钮元件拖入场景并将其放置在边框的下边右侧,调整其大小位置;“复制-粘贴-修改-变形-水平翻转”,将其放置在边框下边左侧。如图8所示:


图8
 
右键点击右侧按钮,打开动作面板,在as编辑区给该按钮(前进1)输入语句:
 
on (release) {
 play();
}
 
 
右键点击左侧按钮,打开动作面板,在as编辑区给该按钮(后退1)输入语句:
 
on (release) {
 prevFrame();
}
 
 
上锁。
 
 
    6.点击文本图层第1帧,用文本工具输入标题“五色圆”,在第2帧红色大圆上方用文本工具输入“红色”。以此类推第3帧输入“绿色”、第4帧输入“蓝色”、第5帧输入“黄色”、第6帧输入“粉色”、第7帧输入“祝你成功”。上锁。文字摆放位置参考图4所示:
 
    7.此作业完成后的时间轴如图9所示


图9
 

  8.测试存盘

    *说明: 

    1.本教程中,如果将大圆换成你和朋友的照片就是一个简单且漂亮的相册   

    2.如果按此教程操作可否编制一个课件作品呢? 

    3.如果将大圆换成影片剪辑又会生成什么效果呢?

    4.如果用隐形按钮放置在第1帧大圆的红绿蓝黄粉的长条上,再给按钮加上相关指令又是一个什么样的效果呢?

 

最终效果显示:

==============复制下面代码,拿你家去发表就可以看到效果啦!=============

<EMBED src=http://up.qzone.net.cn/flash13/20100302044126_xx135.swf width="100%" height=680 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never">

祝你成功!

 

  评论这张
 
阅读(686)| 评论(28)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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