查看完整版本: flash2004制作缓冲相册教材

黑不白 2006-5-7 02:31

flash2004制作缓冲相册教材

效果展示：
;S vIl!|(r 素材文件：
BL6{*}(`~-P [img]http://www2.flash8.net/x/webx/Images/file/rar.gif[/img]
L~}[8LOg [url=http://www2.flash8.net/UploadTeach/2006/04/27/2006427181418882.rar][color=#777777]缓冲相册素材.rar[/color][/url]
m g7G&E!Y3Nj u [color=#777777]
!| R4p|yC/l q [swf]http:///UploadTeach/2006/04/27/200642718131486.swf[/swf]
qP/f4s7Er"| [/color]/UploadTeach/2006/04/27/200642718131486.swf
U|Z@9KJu;O 用flash2004制作缓冲相册教材
IiB^C8y(J jM 实例的效果是照片的方阵式浏览，45张照片分成9个方位，篮色水晶球有9个按钮控制方位，每张小照片点击后都可以放大观看，放大后照片界面里有上一张和下一张按钮，可以浏览所有的放大位图，点击复位按钮可以回到大照片所在的主场景方阵坐标。.
3{g'W n8b-B 解压后用flash打开素材源文件,里面有处理好的统一尺寸的位图45张，一张相框位图和已经做好了的部分简单元件，场景大小也已经设置好。4Y2P.DD&ZP9Sa k
一、创建元件
(G^B;X!i.o 1、新建电影剪辑元件，名字就叫“mc”吧:E3s,feV|
在mc元件的编辑舞台添加到3个图层，改图层名为，照片、相框、透明按钮，把库中的图片1、相框、透明按钮元件拖入相应图层的第一帧，改变大小为175*135象素并全居中，之后选中所有图层的第一帧，按住alt键，用鼠标左键拖出4个，排列如下图：/Y?VO,Ne |N
[img]http://www2.flash8.net/UploadTeach/2006/04/27/2006427181648646.jpg[/img]$W*] bj4X+}
我们的目的是要做9组照片分成3行3列,共45张照片，由于照片方阵太宽,在mc场景里可能看不完整,我们可以先把已经做好第一组照片的mc拖入主场景,双击主场景里的 mc,就可以对照主场景以全景来编辑照片方阵。下面请进入主场景，把库中的mc元件拖入主场景第一帧，并改图层名为mc，全居中，之后双击场景中的mc元件，这就进入了mc元件的编辑舞台，把视图改为25％，现在我们的编辑舞台是不是很大了？好，继续，选中所有图层的第一帧，按住alt键，用鼠标左键点住这一组（5张图片）向左和右各拖一个，变成一行3组了，中间留一定的空隙，在次选中所有图层的第一帧，按住alt键，用鼠标左键点住这一行照片向上和下各拖一个，并调整好间隙，现在就变成3行3列,共45张照片了吧，关闭相框和透明按钮图层的眼睛和锁，交换图片，因为现在我们的45张图片都是同一张，我们要把第2张到第45张图片逐一交换，方法：只选中第一组的第二张图片，在属性里点交换，在弹出的对话框内选中第二张图片进行交换。以此类推，全部交换完这45张照片。交换顺序为第一组5张——第二组5张——第三组5张一直到第九组的5张
k/~(o&VIM2a [img]http://www2.flash8.net/UploadTeach/2006/04/27/200642718178675.jpg[/img]z uf'V_r.`
2、在透明按钮图层；打开所有图层眼睛和锁，给这45个透明按钮上加语句：c$^;j!C,a7b%H3i5t#uw-`
第一个按钮为
S'dd/U-d:R5U on (release) { :Ux7R3]E K0X9bx
_root.gotoAndPlay("p1");
O*djB1QZgi o4e }
9Z+~b+Q6[NW"{ 按顺序一一给按钮加语句
?KdH)\a/^ Z(z 最后一个按钮语句为m|F9zUU\
on (release) {
9r1l9L1mGhvV2C+W S _root.gotoAndPlay("p45"); p5Fw6DoOlqYt
}
*K.K RtV#Kc|#W 之后，再次选中所有图层的第一帧，点修改菜单下的组合，打开对齐面板，点左对齐，上对齐，排列如下图：
U'oG9hih1?0H [img]http://www2.flash8.net/UploadTeach/2006/04/27/200642718187948.jpg[/img]
!U ? S/Z"p 3、添加as图层；在透明按钮图层上添加一个图层，改图层名为as，在as图层第一帧上输入语句：;d|v|t'F{4LGw
x_vel = (xvel-_x)*0.2;
({!AoE/z y_vel = (yvel-_y)*0.2;:}/k5y w8ibm/r P%v
setProperty("", _x, Number(x_vel)+Number(_x)); 8O$i;u;~7@$sv0v9d
setProperty("", _y, Number(y_vel)+Number(_y));
4A6h&pL O"A 在第二祯插入空白关键祯，在第二帧上输入语句：
4E"Y2KQ1X]GJ gotoAndPlay(1);
&f[0S4u8?+QyoI+A }v!kN;HF i
mc元件制作完毕'OhB5VY*eu
二、场景组织\:zC'fj1y
1、图层安排；共建6个图层，一层起名mc(已经有了)，把mc元件全居中,并起一个实例名a.B"ie.EGdK
二层起名水晶图片、把库中得位图篮色水晶球拖入,位置在第五组照片的空白处, 三层起名光晕动画、把库中的光晕动画元件放中间小水晶球上.如下图:
+FJ!B'zi7L s6\,[M [img]http://www2.flash8.net/UploadTeach/2006/04/27/2006427181843419.jpg[/img])O f?!t.Zd
四层起名水晶按钮,先给第一帧上加stop();语句，把库中的button按钮拖入场景，改大小为25*25象素，正好覆盖上中间的小水晶球,给按钮暂时加以下语句:q4J!|+t9v i/?R
on (release) {
"F+fSAB|a j:S a.xvel = -506;
3@1^6nKN:uU'B|G a.yvel = -228; B SIek_
}i+xEk H0Z;X
复制粘贴这个按钮,每个小水晶球都覆盖一个按钮,一个水晶球对应一个方位,每个按钮语句里的数字和方位对应。（在后面我们在调试换上合适的数字）EH:IU w t
五层可以放入制作者的名字，位置自己安排4j5|%C d#c;f@{
六层起名相框、在第二祯上插入空白关键帧，并拖入相框改大小为550*400
2P5K Jk1^4ju@ ~#r 左对齐，垂直居中，在第46祯插入普通祯。 nx(N%`pL
2、操作步骤和方法；!]rCD2}9t KzB6UnU&M
在水晶按钮图层，第二桢插入空白关键桢,拖入图片一,放在相框内位置,加祯动作语句stop();，从库中拖入按钮gelLeft,调整大小,旋转按钮，让按钮箭头方向朝下, Q^T!E3A
放在场景的右下角。给这个按钮输入语句:
h({{3F4yV8f on (release) {
5T4ozfS:q6C`@ nextFrame();
MI2p1w-? }
ji7W)\r 复制这个按钮并粘贴，旋转180度，放在场景的右上角。在给这个按钮修改语句为
"A4vF:ckH#V+o on (release) {
i9n b2E/M prevFrame();
~)X.M)\%C.m } \7z @!Wz_
在从库中拖入按钮gelRecord,调整合适大小, 放在场景的右中间,输入语句:"L lN;O[8x*vnYf
on (release) {
;G&f v^_LE gotoAndPlay(1);
6O!zbkh a.xvel = 30; 1b,^6`D.|+X@$Z
a.yvel = 56;
l;nM$vt [m~ }
3X8@!W g ` N4K 在这个祯上（还是第二祯）添加桢标签“p1”
;l?!YH JMIJ 复制第二祯，粘贴到第三祯，复制二、三祯粘贴到第四祯，复制第二、三、四、五粘贴到第六祯，反复一直粘贴到46祯为止。这样从第二到第四十六祯都有了图片1、三个按钮。按钮上的语句、祯语句以及祯标签。在第46祯删除向下的按钮（右下角的那个按钮）在第二祯删除向上的按钮（右上角的那个按钮）
?!G$ilY*BjdK 3、调整语句以及交换图片；0oS^5l$xD
还是在水晶按钮图层，第二祯上的图片不用交换，从第三祯开始，在每桢上右击图片,选择交换图片,依次把第2至第45张图片放到3至46桢上，并改 2至46桢的桢标签,2桢对应桢标签p1,3桢对应桢标签p2......46桢对应桢标签p45
Un.eV4|,vM2m 返回第一帧点击mc元件，记住此时mc的x、y坐标值，（注意此时mc为全局中状态）之后点击水晶按钮的中间那个按钮，打开动作面板，改变语句中原来的x、y数值为刚才记住的那个值，在次选中场景中的mc元件，并拖动到右下角让第一组（右上角）的那五张照片刚好在主场景的中央，记住此时mc的x、y坐标值，在点击水晶按钮的左上角那个按钮，打开动作面板，改变语句中原来的x、y数值为刚才记住的那个值，以此类推，一一对应修改完所有9个按钮上语句里的x、y数值，测试一下影片看9个水晶按钮是不是能按照方位来控制显示mc的正确位置。正常后，我们来修改第二至第四十六祯上返回按钮gelRecord语句中的x、y数值，根据返回主画面原理，第二至第六祯上返回按钮gelRecord语句中的x、y值就是9个水晶按钮中“左上角”那个按钮里语句中的x、y数值（也就是第一组的），第七至第十一祯上返回按钮gelRecord语句中的x、y值就是9个水晶按钮中“中上”那个按钮里语句中的x、y数值（也就是第二组的）。。。。。。最后第四十二至第四十六祯上返回按钮gelRecord语句中的x、y值就是9个水晶按钮中“右下角”那个按钮里语句中的x、y数值（也就是第九组的），请一一对应修改返回按钮语句的x、y数值。完成后得主场景
IPG,Of%H [img]http://www2.flash8.net/UploadTeach/2006/04/27/2006427182029149.jpg[/img]
Z"G*ypC|;wVj+u . 最后测试存盘，在发布设置那，把jpeg品质放到60－70可以适当压缩照片，减小swf文件的体积。^{ o4J,qZ
注：大家可以把自己或家里的美人照提前裁减好尺寸（大小为513*384），压缩好后放入一个文件夹中存到你得电脑里，在库中逐一选中图片的属性，用导入法，把库中的原图片一一替换成自己的照片，做成一个完整的相册，送给你的亲朋好友或者你的“粉丝”不过要是有侵犯肖像权的事情发生，本人一概不服责任哦，嘿嘿！！！
页: [1]
查看完整版本: flash2004制作缓冲相册教材
查看完整版本: flash2004制作缓冲相册教材