您好!欢迎您光临简易相册的制作要领_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>简易相册的制作要领
简易相册的制作要领
发表日期:2012/9/18 22:12:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 6212

 简易相册的制作要领

   

    教学目的:通过本节教学了解和掌握补间、按钮的基本功能及运用,用位图制作简易相册的要领与过程。进而为自己和亲朋制作出个性相册。

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

    教学要点:按钮、补间。

 

   

   制作步骤

     作前准备:准备好9张自己和他人的照片,在制图软件(如ps、fw)加工,并设置其规格为300*400,放置在指定的文件夹待用。

   1.启动FLASH8 软件

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

图1
 
    3.创建图形元件
 
    (1)点击“插入-新建元件”建立一个名为“边框”的图形元件。在编辑区用矩形工具拖一个无填充色,笔触高度为20,规格为320*420(外边缘为340*440),颜色自定的边框(你也可将其转换影片剪辑,选择滤镜-斜角,作成立体边框)。全居中。
 
    (2)点击“插入-新建元件”建立一个名为“图1”的图形元件。将准备好的照片1导入到元件编辑区,设置其规格为300*400。全居中。
    同理,将照片2-9也作成图形元件,名为图2-图9。
 
    4.创建影片剪辑
 
    (1)点击“插入-新建元件”建立一个名为“图组1”的影片剪辑元件,点击确定进入影片编辑区。添加9个图层,共10个图层。自上而下分别命名为边框、图1-图9。然后,从库中将边框元件拖到编辑区,全居中。再分别从库中拖出图1-图9。并将其规格均设置为93*124,放置在相对应的图层上。其摆放位置(自左向右横向),上锁。如图2所示:
图2
 
    (2)用鼠标将所有帧刮蓝,右键点击刮兰处选择复制帧。之后分别选择“插入-新建元件”建立8个名为“相册2-9”的影片剪辑元件,点击确定进入影片编辑区。右键图层1第1帧选择粘贴帧。这样库中就有9个图组1-图组9的影片剪辑。
 
    (3)右键库中图组1影片剪辑,选择“编辑”,进入图组1影片编辑区。打开图1图层上的锁,在第80帧处插入关键帧,右键单击该帧打开动作面板,在as编辑区内输入stop();  指令。再在第20帧处插入关键帧,将编辑区中实例(图1)规格设置为300*400。全居中。在第60帧处插入关键帧。将其它各图层延长至第80帧。本环节操作后各帧的实例,如图3所示:

图3

分别右键第1和第60帧,创建这两个区域间的补间动画。上锁。其时间轴,如图4所示:


图4
 
再右键库中图组2影片剪辑,选择“编辑”,进入图组2影片编辑区。将图2图层拖到图1图层上边。打开图2图层上的锁,在第80帧处插入关键帧。右键单击该帧打开动作面板,在as编辑区内输入stop();  指令。再在第20帧处插入关键帧,将编辑区中实例(图2)规格设置为300*400。全居中。在第60帧处插入关键帧。将其它各图层延长至第80帧。本环节操作后各帧的实例,如图5所示:
 
图5
 

分别右键第1和第60帧,创建这两个区域间的补间动画。上锁。其时间轴,如图4所示:

图6
 
同理同样的方法完成图组3-图组9的影片编辑。
 
    注意:作那个“图”的补间变化就将该图所在图层推到边框图层以下,其它图层以上。
 
    5.创建按钮元件 点击“插入-新建元件”建立一个名为“按钮”的隐形按钮元件,点击确定进入该元件编辑区。在第4帧(点击)处插入空白关键帧,在编辑区中用矩形工具拖一个规格为93*124。无边的,颜色任意的矩形。全居中。如图7所示:
 
图7
 
    6.组织编辑场景 返回场景1,添加两个图层,共三个图层。自下而上分别命名为相册、按钮、as。
 
    (1)选择相册图层,分别在第1帧-第9帧处插入空白关键帧。之后点击第1帧从库中拖出图组1影片剪辑于工作区,全居中。同理同样的操作方法将库中的图组2-图组9放置在相对应空白关键帧上编辑区中(注意必须全居中)。上锁。
 
    (2)选择按钮图层第1帧,从库中将按钮元件分别依次放置在图1-图9的之上(最好是对齐)。上锁。如图8所示:
图8
 
给按钮添加语句 右键点击图1上的按钮,打开动作面板,在as编辑区输入:
 
on (release) {
 gotoAndStop(1);
 
 }
 
右键点击图2上的按钮,打开动作面板,在as编辑区输入:
 
on (release) {
 gotoAndStop(2);
 
 }
 
右键点击图3上的按钮,打开动作面板,在as编辑区输入:

on (release) {
 gotoAndStop(3);
 
 }
 
按此操作规律完成图4-图9上的按钮语句的添加。(相信你已经看出来了吧)。那图9上的按钮在as编辑区的语句就应该是:
 
on (release) {
 gotoAndStop(9);
 
 }
 
锁定本图层。
 
    (3)右键as图层第1帧,打开动作面板在as编辑区输入:stop();  指令。上锁。
 
    7.该作业完成后的时间轴如图9所示:

图9

    8.测试存盘

    *说明:

    1.本教材主要侧重于相册的制作原理,依据这一原理,举一反三,可创作出各式各样的漂亮相册来。

    2.如果照片的显示用图片切换的方法,例如淡出淡入、蔗罩特效、羽化效果等,给人们又是另一种感觉。

    3.如果利用按钮进一退一之指令制作个性相册,其效果又该如何呢?   

    4.如果将每张照片作成动态按钮又会怎样?

  最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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



yy0744
(2009/11/7 23:02:00) [118.30.1.]

自编教程很不错啊!


兜兜
(2009/5/12 9:22:00) [211.140.143.]

挺好的


jxq925
(2008/7/10 16:34:00)

老师您好!您的自编教程很好,让我学会几个习作,谢谢!


青儿
(2008/1/1 8:03:00) [60.7.195.]

永远怀念毛泽东

 发表评论:共有 4 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167