赵子龙长坂坡救主:flash按钮控制软翻页模板的制作(续一)
来源:百度文库 编辑:中财网 时间:2024/04/30 13:39:36
flash按钮控制软翻页模板的制作(续一)
将鼠标放在该帧上,按下左键不要放松,向下拉至最下面的图层,
仍然不要放松,向右拉至第60帧,将其全部选黑,
然后将鼠标放在拉黑的地方,右键,复制帧。
3) 选黑所有图层的第61帧,右键,粘贴帧。
这样就延长了模板,现在应该有5张图片了。
可是当我们测试的时候,会发现从第61帧的地方开始,左边少了一页。
按翻页的顺序应该是第2页,
那就在“静2”图层的第61帧的地方把“原始2”拖入,
X、Y的坐标值为62、46.5。
4) 这时,左阴影也应该显示了。
点击图层上方的眼睛和锁图标,
将所有图层上锁并关闭显示。
如图26:
5) 把“左阴影”图层的眼睛和锁打开
(在该图层的叉和锁上分别单击),选中第61 帧,
然后点一下场景中的“左阴影”影片剪辑,
打开属性面板,将Alpha改为100%。
再以同样的方法在91 帧做如是处理。
6) 如果测试一下,会看到翻来翻去,
总是影片剪辑“原始1、2、3”在翻,
而在应该显示为“原始4、5”的地方却是显示的“原始2、3”。
现在就把它们交换过来。
先来交换“动2”和“动4”。
(所谓的“动2”和“动4”,是指“原始2”和“原始4”
在场景中作动画的帧)
将所有图层的眼睛关闭,锁上,
然后单独打开“动2”图层的眼睛和锁,
选中第61 帧,点一下场景中的“原始2”,
打开属性面板,点交换按钮,
在弹出的对话框中找到“原始4”并点击,
然后点“确定”完成交换。
如图27:
7) 然后分别选中第91、105、102帧作如是处理。
完成以后,关闭该图层的眼睛,锁上。
8) 打开“1”图层的眼睛和锁,
选中第61帧,点一下场景中的“原始1”打开属性面板,点交换按钮,
在弹出的对话框中,将“原始1”交换为“原始3”;
选中91 帧,如是处理。完成以后,关闭该图层的眼睛,锁上。
9) 打开“3”图层的眼睛和锁,
选中第61帧,点一下场景中的“原始3”,打开属性面板,点交换按钮,
在弹出的对话框中,将“原始3”交换为“原始5”;
选中91 帧,如是处理。
至于“静2”图层,是刚刚拖入的,就不需要交换了。
从以上的交换过程中,可以总结出来交换的规律:
(1)原影片剪辑交换为该影片剪辑+2,如1交换为3、2交换为4。
(2)各图层的所有关键帧处都要交换。
为了库中看起来干净一些,
在库中新建一个“原始”文件夹,
将所有元件放进去。
四.制作并插入按钮、写脚本
1)制作按钮:按钮的形状可以在flash里做,
也可以在PS里做好后导入。
形状根据个人喜好决定。我是在PS做好的形状,
把它导入库:“文件/导入/导入到库”。
如图28:
在弹出的浏览框中选中要导入的图片,点“打开”,
即可将图片导入到库中了。
如图29:
新建一个影片剪辑元件,名称为“前”,
将导入的位图“前后按钮”拖入,垂直、水平中齐,
“修改/变形/水平翻转”。
新建一个影片剪辑元件,名称为“后”,
将导入的位图“前后按钮”拖入,垂直、水平中齐。
新建一个影片剪辑元件,名称为“返”,
将导入的位图“返回按钮”拖入,垂直、水平中齐,
新建一个按钮元件,名称为“向前”,
将影片剪辑“前”拖入,垂直、水平中齐,
各个帧都插入关键帧,选中第2帧,
打开属性面板,改一下颜色,根据个人喜好,
作用是当鼠标移到按钮上时,按钮有一个颜色的改变。
选中第3帧,使用箭头工具向左、向上各点3下,
作用是当按钮按下时有一个动作。
选中第4帧,用矩形工具,边框无、颜色任意,画一个方框,
使其覆盖整个按钮,这是感应区,当鼠标进入这个区域,
就会变成手形,在场景中是不显示的。
新建一个按钮元件,名称为“向后”,
将影片剪辑“后”拖入,垂直、水平中齐,
各个帧都插入关键帧,
选中第2帧,打开属性面板,改一下颜色。
选中第3帧,使用箭头工具向右、向下各点3下。
选中第4帧,用矩形工具,边框无、颜色任意,画一个方框,
使其覆盖整个按钮。
新建一个按钮元件,名称为“返回”,
将影片剪辑“返”拖入,垂直、水平中齐,
各个帧都插入关键帧,
选中第2帧,打开属性面板,改一下颜色。
选中第3帧,“修改/变形/缩放和旋转”,输入45°。
选中第4帧,用矩形工具,边框无、颜色任意,画一个方框,
使其覆盖整个按钮。
(1)回到场景,选中“向后”图层的第1帧,
将“向后”按钮拖入,放在一个合适的位置,
并打开属性面板,把X、Y的坐标值改为整数。
如图30:
点一下按钮,
然后打开动作面板,
在确认左上角的小三角后面是“动作-按钮”后,
在脚本写入区写入脚本
在第30帧插入关键帧,按同样的方法,
在动作面板里输入同样的脚本,将数字改为“61”。
在第60帧插入关键帧,按同样的方法,
在动作面板里输入同样的脚本,将数字改为“1”。
在第61帧插入关键帧,按同样的方法,
在动作面板里输入同样的脚本,将数字改为“61”。
在第90帧插入关键帧,按同样的方法,
在动作面板里输入同样的脚本,将数字改为“121”。
在第120帧插入关键帧,按同样的方法,
在动作面板里输入同样的脚本,将数字改为“121”。
(2)在“向前”图层的第30帧插入关键帧,
拖入“向前”按钮,
打开属性面板,将X、Y的坐标值改为65、725。
点一下按钮,打开动作面板,
如上方法确认后,在动作面板输入脚本:
在第31帧和第60帧插入空白关键帧。
因为在这段时间轴内是不需要显示按钮的。
在第61帧插入关键帧,在动作面板里输入同样的脚本。
在第90帧插入关键帧,在动作面板里输入同样的脚本,将数字改为91。
在第90帧插入关键帧,在动作面板里输入同样的脚本,将数字改为31。
(3)“返回”图层中的脚本写入和“向前”图层中的脚本
写入方法完全一样,所不同的是,
每一个关键帧中写入的数字都是“31”。
现在,我们在as图层的帧上添加脚本:点击as图层的第1帧,
打开动作面板,写入脚本:
接着点击第30帧,同样在动作面板写入脚本: stop();
然后每隔30帧都同样写入 stop();
如:60帧、90帧、120帧......直至最后一帧。
至此,整个模板就制作完成了。接下来整理一下库。
点击“库”上方的选项按钮,
在打开的下拉菜单中选择“选择未用项目”。
如图32:
这时,所有的未用项目就会高亮显示;
点一下库下方的垃圾桶标志,未用项目即被删除。
在库中新建一个文件夹,改名为“按钮”,
将“原始”文件夹以外的所有元件拖入。
这样,当收起两个文件夹时,库里就只显示两个文件夹,
显的清洁多了,看起来也舒服了。
然后,点“保存”、点“文件/发布”,
此时,就可以在你保存的路径里,
打开名为“翻页模板”的swf文件欣赏一下实际效果了。
五.交换
制作模板的目的是为了使用模板。
接下来,就把其中的“原始”图片更换为所需要的图片。
1)在库中新建一个文件夹,改名为“交换图片”,
将在PS处理好的450X675象素的图片导入(我这里做了10张);
然后新建10个影片剪辑,分别命名为“1、2、3……10”,
并将导入的位图分别拖入对应的影片剪辑中,
别忘了垂直、水平中齐。
如果在图片上做一些与图片相适应的动画也未尝不可。
2)现在开始交换,先从时间轴上最上边的“动2”层做起。
(1)关闭时间轴上所有显示,将所有图层上锁。
然后打开“动2”图层的显示和锁。
如图33:
(2)打开属性面板,在舞台上的“原始2”上点一下,
再点属性面板中的“交换”按钮。
如图34:
(3)在弹出的交换对话框中,找到“2”并点击,
然后点“确定”完成交换。
如图35:
(4)依次点击第15、30、31、45、60帧,做如上处理。
(5)依次点击第61、75、90、91、105、120帧,
基本上也是如是处理,所不同的是,
在这6个帧上,未交换前是“原始4”,
因此,要交换成“4”。
至此,“”动2图层的全部交换即告完成。
(这里讲一下交换的规律:
a.在所有的影片剪辑图层上,都要交换。
B.所有的交换都是在关键帧上交换。
换句诺说,就是所有的关键帧都要进行交换。
C.“原始1”交换成“1”、“原始2”交换成“2”……“原始5”交换成“5”。)
(6)按照以上的方法和规律,
依次把“1”、“3”图层的影片剪辑进行交换。
然后在“静2”图层的第61帧处交换为“2”。
六.延长
1) 将时间轴的显示框向下拉,使其显示所有图层。
2) 在最上面的图层的第61帧未被选中的状态下,将鼠标放在该帧上,
按下左键不要放松,向下拉至最下面的图层,仍然不要放松,
向右拉至第120帧,将其全部选黑,
然后将鼠标放在拉黑的地方,右键,复制帧。
3) 选黑所有图层的第121帧,右键,粘贴帧。
六.交换
按前面所说的交换方法交换。
所不同的是,逢1换3、逢3换5……,逢2换4、逢4换6……。
不管有多少图片,只要延长、交换就可以了。
只是每次只延长60帧,这样可以防止误操作。
八.改脚本
前面120帧已经写过脚本了,在复制、粘贴的同时,
脚本也被复制到了各相应的帧上了。
接着,把各相应帧上的按钮脚本改一下。
各个帧上的脚本和“返回”按钮的脚本是不需要改的,
只是改“向前”和“向后”按钮的脚本就可以了。
改脚本的时候是有一定的规律的,
因为我们是按每60帧延长一次,
所以就按60帧为一个循环,每一个循环的第一帧为1,
讲一下其规律;
先改“向后”按钮:第1帧改为本帧数,
第30帧改为本帧数加31,
第60帧改为本帧数减59;依次类推。
再来改“向前”按钮:
第1帧改为本帧数减30,
第30帧改为本帧数加1,
第60帧改为本帧数减89;依次类推。
至此,就全部制作完成了。
最后,别忘了“文件/保存”、“文件/发布”。
有兴趣的话,可以在前面和后面加上制作者和制作日期,
而且可以把它们做成链接。
三. 延长模板
1) 将时间轴的显示框向下拉,使其显示所有图层。
2) 在最上面的图层的第1帧未被选中的状态下,将鼠标放在该帧上,按下左键不要放松,向下拉至最下面的图层,
仍然不要放松,向右拉至第60帧,将其全部选黑,
然后将鼠标放在拉黑的地方,右键,复制帧。
3) 选黑所有图层的第61帧,右键,粘贴帧。
这样就延长了模板,现在应该有5张图片了。
可是当我们测试的时候,会发现从第61帧的地方开始,左边少了一页。
按翻页的顺序应该是第2页,
那就在“静2”图层的第61帧的地方把“原始2”拖入,
X、Y的坐标值为62、46.5。
4) 这时,左阴影也应该显示了。
点击图层上方的眼睛和锁图标,
将所有图层上锁并关闭显示。
如图26:
图二十六
5) 把“左阴影”图层的眼睛和锁打开
(在该图层的叉和锁上分别单击),选中第61 帧,
然后点一下场景中的“左阴影”影片剪辑,
打开属性面板,将Alpha改为100%。
再以同样的方法在91 帧做如是处理。
6) 如果测试一下,会看到翻来翻去,
总是影片剪辑“原始1、2、3”在翻,
而在应该显示为“原始4、5”的地方却是显示的“原始2、3”。
现在就把它们交换过来。
先来交换“动2”和“动4”。
(所谓的“动2”和“动4”,是指“原始2”和“原始4”
在场景中作动画的帧)
将所有图层的眼睛关闭,锁上,
然后单独打开“动2”图层的眼睛和锁,
选中第61 帧,点一下场景中的“原始2”,
打开属性面板,点交换按钮,
在弹出的对话框中找到“原始4”并点击,
然后点“确定”完成交换。
如图27:
图二十七
7) 然后分别选中第91、105、102帧作如是处理。
完成以后,关闭该图层的眼睛,锁上。
8) 打开“1”图层的眼睛和锁,
选中第61帧,点一下场景中的“原始1”打开属性面板,点交换按钮,
在弹出的对话框中,将“原始1”交换为“原始3”;
选中91 帧,如是处理。完成以后,关闭该图层的眼睛,锁上。
9) 打开“3”图层的眼睛和锁,
选中第61帧,点一下场景中的“原始3”,打开属性面板,点交换按钮,
在弹出的对话框中,将“原始3”交换为“原始5”;
选中91 帧,如是处理。
至于“静2”图层,是刚刚拖入的,就不需要交换了。
从以上的交换过程中,可以总结出来交换的规律:
(1)原影片剪辑交换为该影片剪辑+2,如1交换为3、2交换为4。
(2)各图层的所有关键帧处都要交换。
为了库中看起来干净一些,
在库中新建一个“原始”文件夹,
将所有元件放进去。
四.制作并插入按钮、写脚本
1)制作按钮:按钮的形状可以在flash里做,
也可以在PS里做好后导入。
形状根据个人喜好决定。我是在PS做好的形状,
把它导入库:“文件/导入/导入到库”。
如图28:
图二十八
在弹出的浏览框中选中要导入的图片,点“打开”,
即可将图片导入到库中了。
如图29:
图二十九
新建一个影片剪辑元件,名称为“前”,
将导入的位图“前后按钮”拖入,垂直、水平中齐,
“修改/变形/水平翻转”。
新建一个影片剪辑元件,名称为“后”,
将导入的位图“前后按钮”拖入,垂直、水平中齐。
新建一个影片剪辑元件,名称为“返”,
将导入的位图“返回按钮”拖入,垂直、水平中齐,
新建一个按钮元件,名称为“向前”,
将影片剪辑“前”拖入,垂直、水平中齐,
各个帧都插入关键帧,选中第2帧,
打开属性面板,改一下颜色,根据个人喜好,
作用是当鼠标移到按钮上时,按钮有一个颜色的改变。
选中第3帧,使用箭头工具向左、向上各点3下,
作用是当按钮按下时有一个动作。
选中第4帧,用矩形工具,边框无、颜色任意,画一个方框,
使其覆盖整个按钮,这是感应区,当鼠标进入这个区域,
就会变成手形,在场景中是不显示的。
新建一个按钮元件,名称为“向后”,
将影片剪辑“后”拖入,垂直、水平中齐,
各个帧都插入关键帧,
选中第2帧,打开属性面板,改一下颜色。
选中第3帧,使用箭头工具向右、向下各点3下。
选中第4帧,用矩形工具,边框无、颜色任意,画一个方框,
使其覆盖整个按钮。
新建一个按钮元件,名称为“返回”,
将影片剪辑“返”拖入,垂直、水平中齐,
各个帧都插入关键帧,
选中第2帧,打开属性面板,改一下颜色。
选中第3帧,“修改/变形/缩放和旋转”,输入45°。
选中第4帧,用矩形工具,边框无、颜色任意,画一个方框,
使其覆盖整个按钮。
2)插入按钮、写按钮脚本
(1)回到场景,选中“向后”图层的第1帧,
将“向后”按钮拖入,放在一个合适的位置,
并打开属性面板,把X、Y的坐标值改为整数。
如图30:
图三十
点一下按钮,
然后打开动作面板,
在确认左上角的小三角后面是“动作-按钮”后,
在脚本写入区写入脚本
on (release) {
gotoAndPlay(1);
}
如图31:
图三十一
在第30帧插入关键帧,按同样的方法,
在动作面板里输入同样的脚本,将数字改为“61”。
在第60帧插入关键帧,按同样的方法,
在动作面板里输入同样的脚本,将数字改为“1”。
在第61帧插入关键帧,按同样的方法,
在动作面板里输入同样的脚本,将数字改为“61”。
在第90帧插入关键帧,按同样的方法,
在动作面板里输入同样的脚本,将数字改为“121”。
在第120帧插入关键帧,按同样的方法,
在动作面板里输入同样的脚本,将数字改为“121”。
(2)在“向前”图层的第30帧插入关键帧,
拖入“向前”按钮,
打开属性面板,将X、Y的坐标值改为65、725。
点一下按钮,打开动作面板,
如上方法确认后,在动作面板输入脚本:
on (release) {
gotoAndPlay(31);
}
在第31帧和第60帧插入空白关键帧。
因为在这段时间轴内是不需要显示按钮的。
在第61帧插入关键帧,在动作面板里输入同样的脚本。
在第90帧插入关键帧,在动作面板里输入同样的脚本,将数字改为91。
在第90帧插入关键帧,在动作面板里输入同样的脚本,将数字改为31。
(3)“返回”图层中的脚本写入和“向前”图层中的脚本
写入方法完全一样,所不同的是,
每一个关键帧中写入的数字都是“31”。
现在,我们在as图层的帧上添加脚本:点击as图层的第1帧,
打开动作面板,写入脚本:
stop();
接着点击第30帧,同样在动作面板写入脚本: stop();
然后每隔30帧都同样写入 stop();
如:60帧、90帧、120帧......直至最后一帧。
至此,整个模板就制作完成了。接下来整理一下库。
点击“库”上方的选项按钮,
在打开的下拉菜单中选择“选择未用项目”。
如图32:
图三十二
这时,所有的未用项目就会高亮显示;
点一下库下方的垃圾桶标志,未用项目即被删除。
在库中新建一个文件夹,改名为“按钮”,
将“原始”文件夹以外的所有元件拖入。
这样,当收起两个文件夹时,库里就只显示两个文件夹,
显的清洁多了,看起来也舒服了。
然后,点“保存”、点“文件/发布”,
此时,就可以在你保存的路径里,
打开名为“翻页模板”的swf文件欣赏一下实际效果了。
五.交换
制作模板的目的是为了使用模板。
接下来,就把其中的“原始”图片更换为所需要的图片。
1)在库中新建一个文件夹,改名为“交换图片”,
将在PS处理好的450X675象素的图片导入(我这里做了10张);
然后新建10个影片剪辑,分别命名为“1、2、3……10”,
并将导入的位图分别拖入对应的影片剪辑中,
别忘了垂直、水平中齐。
如果在图片上做一些与图片相适应的动画也未尝不可。
2)现在开始交换,先从时间轴上最上边的“动2”层做起。
(1)关闭时间轴上所有显示,将所有图层上锁。
然后打开“动2”图层的显示和锁。
如图33:
图三十三
(2)打开属性面板,在舞台上的“原始2”上点一下,
再点属性面板中的“交换”按钮。
如图34:
图三十四
(3)在弹出的交换对话框中,找到“2”并点击,
然后点“确定”完成交换。
如图35:
图三十五
(4)依次点击第15、30、31、45、60帧,做如上处理。
(5)依次点击第61、75、90、91、105、120帧,
基本上也是如是处理,所不同的是,
在这6个帧上,未交换前是“原始4”,
因此,要交换成“4”。
至此,“”动2图层的全部交换即告完成。
(这里讲一下交换的规律:
a.在所有的影片剪辑图层上,都要交换。
B.所有的交换都是在关键帧上交换。
换句诺说,就是所有的关键帧都要进行交换。
C.“原始1”交换成“1”、“原始2”交换成“2”……“原始5”交换成“5”。)
(6)按照以上的方法和规律,
依次把“1”、“3”图层的影片剪辑进行交换。
然后在“静2”图层的第61帧处交换为“2”。
六.延长
1) 将时间轴的显示框向下拉,使其显示所有图层。
2) 在最上面的图层的第61帧未被选中的状态下,将鼠标放在该帧上,
按下左键不要放松,向下拉至最下面的图层,仍然不要放松,
向右拉至第120帧,将其全部选黑,
然后将鼠标放在拉黑的地方,右键,复制帧。
3) 选黑所有图层的第121帧,右键,粘贴帧。
六.交换
按前面所说的交换方法交换。
所不同的是,逢1换3、逢3换5……,逢2换4、逢4换6……。
不管有多少图片,只要延长、交换就可以了。
只是每次只延长60帧,这样可以防止误操作。
八.改脚本
前面120帧已经写过脚本了,在复制、粘贴的同时,
脚本也被复制到了各相应的帧上了。
接着,把各相应帧上的按钮脚本改一下。
各个帧上的脚本和“返回”按钮的脚本是不需要改的,
只是改“向前”和“向后”按钮的脚本就可以了。
改脚本的时候是有一定的规律的,
因为我们是按每60帧延长一次,
所以就按60帧为一个循环,每一个循环的第一帧为1,
讲一下其规律;
先改“向后”按钮:第1帧改为本帧数,
第30帧改为本帧数加31,
第60帧改为本帧数减59;依次类推。
再来改“向前”按钮:
第1帧改为本帧数减30,
第30帧改为本帧数加1,
第60帧改为本帧数减89;依次类推。
至此,就全部制作完成了。
最后,别忘了“文件/保存”、“文件/发布”。
有兴趣的话,可以在前面和后面加上制作者和制作日期,
而且可以把它们做成链接。
(待续)
FLASH按钮制作的几个问题
FLASH按钮制作的几个问题
flash制作中遇到的按钮控制图片移动的问题
Flash控制播放声音与图片的按钮怎么制作?详细步骤
怎样用按钮控制FLASH影片的播放
FLASH里按钮控制音乐的问题
制作的FLASH按钮怎么添加链接
Flash的开始按钮和重放按钮的制作过程。
FLASH按钮:鼠标经过的时按钮就会播放一小段的动画.请问如何制作?
制作FLASH按钮
flash按钮制作
FLASH制作按钮
怎么样用flash制作个人简历啊!要求用活动字幕而且用按钮控制字幕的停动!
怎样制作flash中,那个一点击动画就开始的按钮
flash按钮如何控制播放
FLASH 的按钮事件弹出的窗口怎么控制大小?
如何在Flash中通过按钮控制图片的缩放?
急救--关于FLASH中用按钮控制MC的问题???
在FLASH制作用按钮控制动画时出现问题,请老师们指点一下,谢谢!
flash mx 按钮怎么制作
怎样制作flash链接按钮
怎么用flash制作书本的翻页效果,是向上翻的那种?
哪里有flash 8.0的按钮制作的视频教程?
如何制作一个简单的FLASH按钮 变色就可以