关闭顶部展开顶部

用Flash MX 2004制作缓冲相册教材_Flash教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:Flash小技巧之allowScriptAccess
别以为嵌入Flash的html不重要,有时候小问题也会引发大骚乱的比如:paramname=allowScriptAccessvalue=sameDomain/使用allowscriptaccess使Flas

 效果展示:

素材文件:缓冲相册素材.rar

  实例的效果是照片的方阵式浏览,45张照片分成9个方位,篮色水晶球有9个按钮控制方位,每张小照片点击后都可以放大观看,放大后照片界面里有上一张和下一张按钮,可以浏览所有的放大位图,点击复位按钮可以回到大照片所在的主场景方阵坐标。.

  解压后用flash打开素材源文件,里面有处理好的统一尺寸的位图45张,一张相框位图和已经做好了的部分简单元件,场景大小也已经设置好。

  一、创建元件

  1、新建电影剪辑元件,名字就叫“mc”吧:

  在mc元件的编辑舞台添加到3个图层,改图层名为,照片、相框、透明按钮,把库中的图片1、相框、透明按钮元件拖入相应图层的第一帧,改变大小为175*135象素并全居中,之后选中所有图层的第一帧,按住alt键,用鼠标左键拖出4个,排列如下图:

按此在新窗口浏览图片

  我们的目的是要做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张

按此在新窗口浏览图片

  2、在透明按钮图层;打开所有图层眼睛和锁,给这45个透明按钮上加语句:
第一个按钮为

on (release) {
_root.gotoAndPlay("p1");
}

  按顺序一一给按钮加语句,最后一个按钮语句为

on (release) {
_root.gotoAndPlay("p45");
}

  之后,再次选中所有图层的第一帧,点修改菜单下的组合,打开对齐面板,点左对齐,上对齐,排列如下图:

按此在新窗口浏览图片

  3、添加as图层;在透明按钮图层上添加一个图层,改图层名为as,在as图层第一帧上输入语句:

x_vel = (xvel-_x)*0.2;
y_vel = (yvel-_y)*0.2; setProperty("", _x, Number(x_vel) Number(_x));
setProperty("", _y, Number(y_vel) Number(_y));

  在第二祯插入空白要害祯,在第二帧上输入语句:

gotoAndPlay(1);
}

  mc元件制作完毕

  二、场景组织

  1、图层安排;共建6个图层,一层起名mc(已经有了),把mc元件全居中,并起一个实例名a.
二层起名水晶图片、把库中得位图篮色水晶球拖入,位置在第五组照片的空白处, 三层起名光晕动画、把库中的光晕动画元件放中间小水晶球上.如下图:

按此在新窗口浏览图片

  四层起名水晶按钮,先给第一帧上加stop();语句,把库中的button按钮拖入场景,改大小为25*25象素,正好覆盖上中间的小水晶球,给按钮暂时加以下语句:

on (release) {
a.xvel = -506;
a.yvel = -228;
}

  复制粘贴这个按钮,每个小水晶球都覆盖一个按钮,一个水晶球对应一个方位,每个按钮语句里的数字和方位对应。(在后面我们在调试换上合适的数字)

  五层可以放入制作者的名字,位置自己安排

  六层起名相框、在第二祯上插入空白要害帧,并拖入相框改大小为550*400

  左对齐,垂直居中,在第46祯插入普通祯。

  2、操作步骤和方法;

  在水晶按钮图层,第二桢插入空白要害桢,拖入图片一,放在相框内位置,加祯动作语句stop();,从库中拖入按钮gelLeft,调整大小,旋转按钮,让按钮箭头方向朝下,放在场景的右下角。给这个按钮输入语句:

on (release) {
nextFrame();
}

  复制这个按钮并粘贴,旋转180度,放在场景的右上角。在给这个按钮修改语句为

on (release) {
prevFrame();
}

  在从库中拖入按钮gelRecord,调整合适大小, 放在场景的右中间,输入语句:

on (release) {
gotoAndPlay(1);
a.xvel = 30;
a.yvel = 56;
}

  在这个祯上(还是第二祯)添加桢标签“p1”.复制第二祯,粘贴到第三祯,复制二、三祯粘贴到第四祯,复制第二、三、四、五粘贴到第六祯,反复一直粘贴到46祯为止。这样从第二到第四十六祯都有了图片1、三个按钮。按钮上的语句、祯语句以及祯标签。在第46祯删除向下的按钮(右下角的那个按钮)在第二祯删除向上的按钮(右上角的那个按钮)

  3、调整语句以及交换图片;

  还是在水晶按钮图层,第二祯上的图片不用交换,从第三祯开始,在每桢上右击图片,选择交换图片,依次把第2至第45张图片放到3至46桢上,并改 2至46桢的桢标签,2桢对应桢标签p1,3桢对应桢标签p2......46桢对应桢标签p45

  返回第一帧点击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数值。完成后得主场景

按此在新窗口浏览图片

  最后测试存盘,在发布设置那,把jpeg品质放到60-70可以适当压缩照片,减小swf文件的体积。

  注:大家可以把自己或家里的美人照提前裁减好尺寸(大小为513*384),压缩好后放入一个文件夹中存到你得电脑里,在库中逐一选中图片的属性,用导入法,把库中的原图片一一替换成自己的照片,做成一个完整的相册,送给你的亲朋好友或者你的“粉丝”不过要是有侵犯肖像权的事情发生,本人一概不服责任哦,嘿嘿!!!

分享:Flash制作逼真的太阳地球月亮运动漂亮动画
先看两种不同得效果:第一种效果:第二种效果:(第二种效果我没有按照太阳、地球、月亮三者之间的真实旋转规律去做,按理说地球围绕太阳转一圈,自身应该转36

来源:闪客启航//所属分类:Flash教程/更新时间:2008-03-05
相关Flash教程
闂備焦鐪归崺鍕垂闁秵鍋ら柡鍥舵緛缂嶆牠鏌涢埄鍐姇闁抽攱甯楅妵鍕即濡も偓娴滄儳顪冮妶蹇曠Ф闁瑰嚖鎷�
婵犵數鍋涢顓熸叏椤撱垹纾婚柟鐐灱濡插牓鏌¢崒婵囩《濠⒀勭⊕娣囧﹪鎳犻澶嗗亾濠靛鐓熼柕蹇婃櫅閻忔煡鏌熼崙銈嗗
婵犵數濮烽。浠嬪焵椤掆偓閸熷潡鍩€椤掑嫷妫戠紒杈╁仜椤撳吋寰勭€n亝顓鹃柣搴f嚀鐎氼厽绔熼崱娆愬床濞戞柧绶氶弻锝夊閳轰胶浼堥梺鐟板殩閹凤拷
婵犵數濮烽。浠嬪焵椤掆偓閸熷潡鍩€椤掑嫷妫戠紒杈╁仜椤撳吋寰勬繝鍕靛悑闂備浇顕栭崹搴ㄥ礋椤撗勑氶梻浣筋嚙闁帮絽岣胯铻炴繛鎴欏灪閸嬪鏌ㄩ悤鍌涘
闂傚倷鑳舵灙缂佺粯鍔欓獮濠冩償閵娿儳鍔﹀銈嗗笒閸婂摜鏁崼鏇炵閻庢稒岣块惌鎺斺偓瑙勬礃缁诲牓寮幘缁樻櫢闁跨噦鎷�
闂傚倷鑳舵灙缂佺粯鍔欓獮濠冩償閵娿儳鍔﹀銈嗗坊閸嬫捇鏌涘顒夊剳缂侇喖锕弫鍌炲礈瑜忛悡鎾绘煟鎼搭垳宀涢柡鍛箞閹苯鈻庨幋鐘碉紳婵炴挻鑹鹃敃銉р偓姘炬嫹
闂傚倷娴囬妴鈧柛瀣尰閵囧嫰寮介妸褉妲堥梺浼欏瘜閸o綁寮诲☉妯锋斀闁归偊浜為懗铏圭磽娴i潧濡芥俊鐐舵椤曪綁濡搁埡濠冩櫖濠电偛妫欓崹鐢电箔閿熺姵鈷戦柛婵嗗閳ь剙顭烽獮濠囧箻閼告娼熼梺璺ㄥ櫐閹凤拷
闂傚倷绀侀幖顐﹀疮閻楀牊鍙忓瀣捣缁€濠傤熆閼搁潧濮堥柣鎿勭秮閹娼幏宀婂妳濠电偛鐪伴崐鏇㈡箒闂佹寧绻傚Λ娆戠矆閳ь剟姊洪崨濞氭垿鎮ч悩鑼殾闁规壆澧楅弲鎼佹煥閻曞倹瀚�
濠电姷顣藉Σ鍛村垂椤忓牆绀堟繝闈涙-閻斿棙淇婇姘倯閻庢氨绮妵鍕箻鐎靛摜鐣洪柣搴㈢啲閹凤拷
婵犵數濮烽。浠嬪焵椤掆偓閸熷潡鍩€椤掑嫷妫戠紒杈╁仜椤撳ジ宕堕妸銉紩婵$偑鍊栭幐鑽ゆ崲閸愵亖鍋撳铏彧濞e洤锕、娑樜旈埀顒佹櫠閸欏绡€妞ゎ偒鍠楃€氾拷
濠电姷顣藉Σ鍛村垂椤忓牆绀堟繝闈涙-閻斿棙鎱ㄥ璇蹭壕閻庤娲﹂崜鐔笺€佸▎鎾崇闁绘挸绨堕崑鎾绘偨閸涘﹦鍘搁梺鍓插亝缁诲嫬鐡┑鐘愁問閸n垶骞忛敓锟�
濠电姷顣藉Σ鍛村垂椤忓牆绀堟繝闈涙-閻斿棙鎱ㄥ璇蹭壕闂佸搫鑻幊姗€宕洪埀顒併亜閹哄棗浜鹃梺瀹狀嚙闁帮綁鐛幋锕€绠涢梻鍫熺⊕椤斿棝姊绘担鍛婃儓閻庢碍鎮傞獮蹇涙晸閿燂拷
濠电姷顣藉Σ鍛村垂椤忓牆绀堟繝闈涙-閻斿棙鎱ㄥ璇蹭壕閻庤娲╃紞渚€鐛€n亖鏀介柛顐亗缁憋拷
婵犵數濮烽。浠嬪焵椤掆偓閸熷潡鍩€椤掑嫷妫戠紒杈╁仜椤撳吋寰勬繝鍕幀闂備胶鎳撻悺銊ф崲閸曨垼鏁傞悗娑櫭肩换鍡樸亜閺嶎煈娈斿褍寮剁换婵嬶綖椤旇棄顏�
闂備浇顕ф鎼佸储濠婂牆绀堟繝闈涱儐閸嬪鏌熼幆鐗堫棄闁活厽顨呴埞鎴︽偐閹绘帗娈梺濂告涧缂嶅﹪寮婚妶澶嬪殟闁靛鍎遍~宥夋⒑缂佹ḿ澹勭紓宥勭閻e嘲鈻庨幘瀛樻闂佽法鍣﹂幏锟�
UB闂傚倷绀佸﹢杈╁垝椤栫偛绀夋俊銈呮噽瀹撲線鏌涢妷銏℃珕閻庢碍宀搁幃妤€鈽夊▍铏灴閿濈偤鏁撻敓锟�
闂傚倷娴囨竟鍫熴仈缁嬫娼栧┑鐘崇閻掗箖鎮楅悽鐢点€婇柛瀣崌閻涱噣宕归鍙ョ棯婵犵數濮崑鎾绘煥閻曞倹瀚�
闂備浇顕ф鍝ョ不瀹ュ鍨傞柛婵嗗閼板潡鏌涢姀銏犳
闂傚倷绀侀幉鈥愁潖缂佹ɑ鍙忓瀣捣缁€濠傤熆鐠鸿櫣鐏遍柛妤佺缁绘盯宕卞Δ鈧銏ゆ煕閻愬樊妲圭紒缁樼〒缁辨瑩鎮╅崫鍕腐闂備胶枪妤犲繘骞忛敓锟�
缂傚倸鍊搁崐鐑芥倿閿曞倹鍋¢柨鏇炲€搁崹鍌涚節婵犲倸顏い鈺呮敱閵囧嫰骞掑鍥舵М缂備焦褰冨﹢閬嶅焵椤掑倸浠柛濠冪箘缁辨挸顫濇0婵囨櫓闂佽法鍣﹂幏锟�
©2017 www.mb5u.com濠电姷顣藉Σ鍛村垂椤忓牆绀堟繝闈涙-閻斿棙鎱ㄥ璇蹭壕閻庢鍣崳锝夊箖閳哄懎绠甸柟鐑樻尭閻︼拷
闂傚倷娴囬妴鈧柛瀣崌閺岀喖顢涘⿰鍐炬毉濡炪們鍎婚幏锟�&闂傚倷绀侀幉锛勬暜閹烘嚦娑㈠籍閸噥妫呴梺璺ㄥ櫐閹凤拷