分享

用flash软件制作鼠标翻页相册的方法

 雁门阁 2018-06-26

    我在2010年8月写过一篇用PS软件制作翻页相册方法的学习笔记,受到许多博友的关注。最近在毅枫动漫网络学校,向沪生老师学习了用flash软件制作鼠标翻页的相册,可以自由地翻页,当然更精彩了,所以我非常高兴。现在我把这种方法也用学习笔记的形式介绍给博友们。

    先看一个实例,然后再详细叙述制作方法。说明一下我使用的是flash CS3软件,2.0语言,如果使用用8.0版本或CS4、CS5版本也是一样可以的。

    本动画的地址是:http://qq249181841./swf/2017-11-13/155010786.swf

    一.准备工作:

    1.准备若干张照片,用PS软件裁切为280*410像素(72像素/英寸)大小。我的例子中用了16张我的可爱的外孙女玛雅的照片。

    2.准备一幅作为背景的图片,也改变其大小为280*410像素。

    3.准备一首作为伴奏的MP3格式的音乐或歌曲。

    二.元件制作:

    1.打开软件以后,点“文件”-“新建”-“新建文挡”-“Flash文件(ActionScript2.0)”,点“确定”。然后点上面主菜单中的“修改”-“文档”,改尺寸为700*550像素,背景颜色:黑,其余默认,点“确定”。再点主菜单中的“视图”-“缩放比例”-“符合窗口大小”。再点“视图”-“标尺”,用鼠标从工作区的边缘向中间拉3条辅助线,如下图所示。

用flash软件制作鼠标翻页相册的方法

 

    2.点“文件”-“导入”-“导入到库”,从电脑中将准备好的16张照片、一幅背景图片和一首音乐导入到库中。在库中选中(点兰)全部位图,点右键-“移至新文件夹”,新建文件夹名称为“位图夹”,点“确定”(建新文件夹的这一步可以不做)。将库中的音乐重新命名为“sy”(必须用英文小写)。

     3.点“插入”-“新建元件”,填写名称“按钮2”,点选类型“按钮”,点“确定”,在时间轴上点“弹起”帧,从库中拖位图2到工作区,在对齐面板上点“左对齐”和“垂直中齐”,在点击帧上点右键-“插入帧”。然后在图层1上面插入图层2,点“弹起帧”,选用矩形工具,设置笔触颜色为禁止,填充颜色为“线性”,在颜色面板上设置左色块为“000000”,Alpha为60%;右色块为“080808”,Alpha为0%,在图片的左面画一个长的矩形,在属性面板中改宽=20,高=410,然后在对齐面板上点“左对齐”和“垂直中齐”,然后释放鼠标(就是用鼠标在图片的外面点一下),在图片的左边出现一条阴影效果,如下图所示。

用flash软件制作鼠标翻页相册的方法

 

    4.在图层2上面插入图层3,点“弹起”帧,选用文本工具,字体自己选择,大小30,颜色白或黑(视情况自己选择),在图片的右下角输入“2”。在图层3上面插入图层4,点“弹起”帧,选用矩形工具,设置笔触色禁止,填充色白色,在图片上画一个大矩形,换用黑箭头工具点该矩形,在属性面板上设置宽280、高410,在对齐面板上点“左对齐”和“垂直中齐”,然后把图层4拖到图层1的下面。按钮2制作完成,如下图所示。

用flash软件制作鼠标翻页相册的方法

   

    5.在库中右击“按钮2”-“直接复制”,改名称为“按钮4”,点“确定”,在库中出现“按钮4”。重复上述动作,复制出“按钮6”、“按钮8”......“按钮16”和“封面”。

    6.双击库中的“按钮4”,进入“按钮4”的编辑场景,用黑箭头工具点图层1的弹起帧,再点工作区的图片,在属性面板中点“交换”,在“交换位图”对话框中点选“位图4”,点“确定”。如下图所示。

用flash软件制作鼠标翻页相册的方法

 

    7.用黑箭头工具点图层3的弹起帧,改用文本工具将图片右下角的页码改为“4”,至此,“按钮4”的编辑已经完成。

    8.重复第6、7步骤多次,进行按钮6、按钮8......按钮16的编辑工作。按钮“封面”的编辑有一点区别:即在图层3右键点“弹起帧”-“清除关键帧”,然后选用文本工具,设置合适的字体、大小和颜色,输入相册的名称。如下图所示。

用flash软件制作鼠标翻页相册的方法

   

     9.点“插入”-“新建元件”,填写名称“按钮1”,点选类型“按钮”,点“确定”,在时间轴上点“弹起”帧,从库中拖位图1到工作区,在对齐面板上点“左对齐”和“垂直中齐”,在点击帧上点右键-“插入帧”。然后在图层1上面插入图层2,点“弹起帧”,选用矩形工具,设置笔触颜色为禁止,填充颜色为“线性”,在颜色面板上设置右色块为“000000”,Alpha为60%;左色块为“080808”,Alpha为0%,在图片的左面画一个长的矩形,在属性面板中改宽=20,高=410,然后在对齐面板上点“左对齐”和“垂直中齐”,然后释放鼠标(就是用鼠标在图片的外面点一下),在图片的左边出现一条阴影效果。

    10.在图层2上面插入图层3,点“弹起”帧,选用文本工具,字体自己选择,大小30,颜色白或黑(视情况自己选择),在图片的右下角输入“1”。在图层3上面插入图层4,点“弹起”帧,选用矩形工具,设置笔触色禁止,填充色白色,在图片上画一个大矩形,换用黑箭头工具点该矩形,在属性面板上设置宽280、高410,在对齐面板上点“右对齐”和“垂直中齐”,然后把图层4拖到图层1的下面。按钮1制作完成,

    11.在库中右击“按钮1”-“直接复制”,改名称为“按钮3”,点“确定”,在库中出现“按钮3”。重复上述动作,复制出“按钮5”、“按钮7”......“按钮15”

    12.双击库中的“按钮3”,进入“按钮3”的编辑场景,用黑箭头工具点图层1的弹起帧,再点工作区的图片,在属性面板中点“交换”,在“交换位图”对话框中点选“位图3”,点“确定”。

    13.用黑箭头工具点图层3的弹起帧,改用文本工具将图片右下角的页码改为“3”,至此,“按钮3”的编辑已经完成。

    14.重复第12、13步骤多次,进行按钮5、按钮7......按钮15的编辑工作。

    二.编辑场景。

    1.回到场景1,改图层1为“正面”,点第1帧,从库中拖“按钮2”到工作区,使图片的左边和下边与辅助线对齐(可用键盘上的移动键进行微调)。然后分别在第21、41、61、81、101、121、141帧处插入关键帧,如下图所示。

用flash软件制作鼠标翻页相册的方法

 

    2.点“正面”图层第21帧,再点场景中的图片,点属性面板中的“交换”,将现在的图片交换为“按钮4”,点“确定”。如下图所示。

用flash软件制作鼠标翻页相册的方法

 

    3.用上面第2步的方法分别将第41、61、......141帧对应的场景中的图片交换为“按钮6”、“按钮8”、......“按钮16”。

    4.在“正面”图层的上面插入图层,改名为“反面”,在其第21帧处插入关键帧,从库中拖“按钮1”到场景中放在左边,、并使其右边缘、下边缘与辅助线对齐。然后在第41、61、81、101、121、141、161帧处插入关键帧,在正面图层的第161帧处“插入帧”。

    5.点“反面”图层第41帧,再点场景中图片,点属性面板中的“交换”,将图片交换为“按钮3”,点“确定”。

    6.用上面第5步的方法分别将第61、81、......161帧对应的场景中的图片交换为“按钮5”、“按钮7”、......“按钮15”。

    7.在“反面”图层上插入图层,命名为“翻动”,在第1帧处从库中拖“封面”按钮到场景中放在右边,并使其左边缘、下边缘与辅助线对齐,选用“任意变形工具”,再点一下这张图片,在图片的四周出现8个控点,中心出现一个注册点,用鼠标将该注册点移动到左面中间的控点上。如下图所示。

用flash软件制作鼠标翻页相册的方法
    8.在“翻动”图层的第10、11帧处插入关键帧,点第11帧,再点“封面”,点属性面板中的“交换”,交换为“按钮1”,得到打开的相册的形状,如下图所示。用flash软件制作鼠标翻页相册的方法

 

    9.先在第20帧处插入关键帧,然后点第10帧,点右边的图片,当鼠标放在右面中间的控点附近,出现左右方向箭头时,点住这个控点向中间推,然后当鼠标放在右面中间的控点附近,出现上下方向箭头时,点住这个控点向上推到右上角的控点落在上面的辅助线上,得到如下图所示的形状。

用flash软件制作鼠标翻页相册的方法

    10.点第11帧,点左边的图片,当鼠标放在左面中间的控点附近,出现左右方向箭头时,点住这个控点向中间推,然后当鼠标放在左面中间的控点附近,出现上下方向箭头时,点住这个控点向上推到左上角的控点落在上面的辅助线上,得到如下图所示的形状。然后在第1-10帧之间和在第11-20帧之间作动画补间。

用flash软件制作鼠标翻页相册的方法

    11.用鼠标点住翻动图层的第1帧不要松手,向右拉到第20帧松手,这样就把第1-20帧都抹黑了,在黑的区域点右键-“复制帧”,然后分别在第21、41、61、81、101、121、141帧处点右键-“粘贴帧”。在第161帧处插入关键帧,在第161帧的后面双击,后面全黑了,点右键将它们全部删除。然后点中“反面”图层的第162帧向下拉,将“正面”图层的第162帧也拉黑,松手,再点住黑的区域向前推一帧,最后将这两个图层的最后一个普通帧删除。如下图所示。

用flash软件制作鼠标翻页相册的方法

    12.点“翻动”图层第21帧,再点场景中右面的图片,在属性面板中点“交换”,交换为“按钮2”,继续点第30帧,点翻斜了的图片,也交换为“按钮2”。继续点第31帧,点翻斜了的图片,交换为“按钮3”。继续点第40帧,点左边的图片,也交换为“按钮3”,......。以后按照相同的规律,将后面所有的关键帧上的图片都进行正确的交换。最后将3个图层都上锁。

    13.在库中找到音乐“sy”,右击它,出现“链接属性”对话框,在其中“链接”右边的第1和3个小方块中打勾,点“确定”。

    14.在“翻动”图层上面插入图层,命名为“AS”,在第1、20、40、60、80、100、120、140、160帧处都插入关键帧。右击第1帧-“动作”,在动作面板中输入如下语句:

    stop();
    aa = new Sound();
    aa.attachSound("sy");

在AS图层,分别右击后面的每一个关键帧-“动作”,都输入停止语句:

    stop();

    15.打开“翻动”图层的锁,点第1帧,右击场景中的图片-“动作”,输入如下语句:

    on (release) {
        play();
        aa.start(0,5);
    }

在“翻动”图层第20帧,右击场景中左面的图片-“动作”,输入如下语句:

    on (release) {
        onEnterFrame = function () {
            prevFrame();
            i = _root._currentframe;
            if (i == 1) {
            delete this.onEnterFrame;
            }
         };
     

    16.在“翻动”图层第40帧,右击场景中左面的图片-“动作”,将第20帧上的语句复制粘贴进来,然后将第5行中的数字“1”改为“20”。

    17.在第60、80、100、120、160帧处重复第16步的工作,但是要将那个数字分别改为40、60、80、100、120、140。最后将“翻动”图层上锁。

    18.打开“正面”图层的锁,在第1、21、41、61、81、101、121、141帧处,分别右击场景中右面的图片-“动作”,输入如下语句:

    on (release) {
        play();
    }

在第161帧处,右击场景中右面的图片-“动作”,输入如下语句:

    on (release) {
        gotoAndStop(1);
        aa.stop();
    }

“正面”图层上锁。   

    19.插入一个图层,命名为“背景”,从库中将位图夹中的“图案”拖入场景,在对齐面板上点“匹配宽和高”、“水平中齐”、“垂直中齐”。制作完成,如下图所示。用flash软件制作鼠标翻页相册的方法

分享:

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多