|
用Flash MX2004制作实用电子相册（第六讲）
十六、照片大图元件的 制作（提示：可用重置、交换元件法做，可以提高制作速度） 1、新建图形元件，起名为“x1”把库中“照片”文件夹中的“1.jpg”图片拖入第1帧，改尺寸为45*45，全居中，同样方法做好其他名为“x2、x3――x72”共72个图形元件。 2、新建图形元件，起名“xky”把库中“照片”文件夹中的“ky”图片拖入第1帧，全居中， 在库中把做好的新元件拖入“照片”文件夹中； 3、新建图形元件，起名为“d1”增加一个图层，把库中“相框-横”或“相框-横2”（自选一种）图片拖入第一层第1帧，全居中。把库中“照片”文件夹中的“1.jpg”图片拖入第二层第1帧，全居中。 4、新建图形元件，起名为“d2”增加一个图层，把库中“相框-竖”或“相框-竖2”（自选一种）图片拖入第一层第1帧，全居中。把库中“照片”文件夹中的“2.jpg”图片拖入第二层第1帧，全居中。 同样方法做好“d3、d4。。。。d72”共做72个元件，注意横照片用横框，竖照片用竖框，以照片顺序做， 在库里将以上新做的元件及像框放入新建的文件夹里，起名“照片大图” 十七、场景组织（一） 进入主场景，共创建5个文件夹， 49个图层，自下而上分别改文件夹名为“背景控制”“照片控制”“页面控制”“画面控制”“声音控制”。 1、拖入4个图层到“背景控制”文件夹中，在“背景控制”文件夹里，自下而上分别改图层名为：“背景切换1、曲边矩形、背景控制、定时控制”。 2、拖入9个图层到“照片控制”文件夹中，并改图层名为（自下而上）“圆角矩形B、控制状态切换、控制按钮、灰边框、白色底片、当前照片小图、刷屏效果、控制面板遮罩b、真情永存”。 3、拖入11个图层到“页面控制”文件夹中，并改图层名为（自下而上）“圆角矩形A、页数控制按钮、控制面板遮罩b、灰边框、白色方块、照片小图、小图上按钮、箭头指示、页面切换、翻页标记、灯火制作”。 4、拖入11个图层到“画面控制”文件夹中，并改图层名为（自下而上）“紫色矩型条1、紫色矩型条2、紫色矩型条3、紫色矩型条4、紫色矩型条5、紫色矩型条6、紫色矩型条7、紫色矩型条8、灰条1、灰条2、精彩瞬间”。 5、把剩下的14个图层拖入“声音控制”文件夹里并改图层名为（自下而上）“照片大图_竖、照片大图_横、照片变换遮照、动态标题、黑边框、蝴蝶、重来一边、音乐播放器、action 、sound15、SOUND0、sound15-2、sound15-1、sound9”。 在图层的“背景控制”文件夹里 1、在背景切换1图层上：把库中的“背景切换1”电影剪辑拖入第101帧，起实例名为“bjqh”摆放位置见图17－1，在193帧插入普通帧。  
2、在曲边矩形图层上：把库中的“曲边矩形”图形元件拖入第34帧，位置如图17－2，在50、64帧插入关键帧，移动的位置见图17－3、17－4，改34帧元件的透明度为20，创建运动补间，在简易那改为100，在193帧插入普通帧。 
3、在背景控制层上：把库中的“背景控制1”电影剪辑拖入64帧，位置和64帧处的“曲边矩形”位置重合，在193帧插入普通帧。 4、在定时控制层上：把库中的“timer”电影剪辑拖入120帧，位置放在场景左上角，实例名为time_c在193帧插入普通帧。 用Flash MX2004制作实用电子相册（第七讲） 在图层的“照片控制”文件夹里 1、在圆角矩形B图层上：把库中的“圆角矩形B”图形元件拖入第95帧，位置如图17－5，在193帧插入普通帧。
2、在控制状态切换图层上：把库中的“控制状态切换”电影剪辑拖入95帧，实例名为status位置见图17－6，在193帧插入普通帧。
3、在控制按钮图层上：分别把库中的“上一张”和“下一张”按钮拖入95帧，位置见图17－6，在120、121帧插入关键帧。 在120帧上，点选“上一张”按钮，输入以下动作语句； on (release) { gotoAndPlay("photo72"); } 点“下一张”按钮，输入以下动作语句； on (release, keyPress "<Right>"){ //调用键盘右方向键触发事件 nextFrame(); //向后移一帧 } 在121帧上点选“上一张”按钮，输入以下动作语句； on (release, keyPress "<Left>") { //调用键盘左方向键触发事件 prevFrame(); //向前移一帧 } 点“下一张”按钮，输入以下动作语句； on (release, keyPress "<Right>") { nextFrame(); } 在193帧插入普通帧。 4、在灰边框图层上：把库中的“灰边框”图形元件拖入95帧，改变大小为40*40，位置见图17－6，在193帧插入普通帧。 5、在白色底片图层上：把库中的“白色方块”图形元件拖入95帧，改变大小为39*39，位置放在“灰边框”里，在193帧插入普通帧。 6、在当前照片小图图层上：把库中的“xky”图形元件拖入95帧，改大小为36*36，位置放在“白色方块”上，在120帧插入关键帧，在121帧插入空白关键帧，把库中的x1图形元件拖到121帧上并改变大小为36*36，位置放在“白色方块”上，不停的按f6键插入关键帧，一直到192帧，再用交换元件的方法把122帧－192帧上的“x1”元件交换为“x2。。。x72”元件。 7、在刷屏效果图层上：把库中的“刷屏效果”电影剪辑拖入95帧，位置放在“xky”元件的上边线上。在193帧插入普通帧。 8、在控制面板遮罩b图层上：把库中的“控制面板上的动态遮罩”电影剪辑拖入95帧，逆时针旋转45度，位置见图17－7，在193帧插入普通帧。
9、在真情永存层上：把库中的“模糊2”图形元件拖入80帧，改变大小为115*31，位置见图17－8，在96帧插入关键帧， 把“模糊2”元件向右移动见图17－9，在属性里选播放一次，把80帧的“模糊2”透明度改为0，点80帧创建运动补间， 简易那选100，在193帧插入普通帧。
最后把在控制面板遮罩b图层设为遮照层，把下面的7个图层设为被遮照层。 本课知识点：动作语句、调用键盘方向键触发事件 用Flash MX2004制作实用电子相册（第八讲） 十八、场景组织（二） 在图层的“页面控制”文件夹里 1、在圆角矩形A图层上：把库中的“圆角矩形A”图形元件拖入56帧上，位置见图18－1，在193帧插入普通帧。
2、在页数控制按钮图层上： (先看别做。在下面我们还会介绍一种简单快捷的制作方法) 分别把库中的“1b、2b、3b、4b、5b、6b、7b、8b、上一页、下一页”这10个按钮元件拖入56帧，位置见图18－2，分别在130、139、148、157、166、175、184插入关键帧，在56帧把“1b”按钮元件交换为“1-1”图形元件，在130帧把“2b”按钮元件交换为“2-1”图形元件，在139帧把“3b”按钮元件交换为“3-1”图形元件，在148帧把“4b”按钮元件交换为“4-1”图形元件，在157帧把“5b”按钮元件交换为“5-1”图形元件，在166帧把“6b”按钮元件交换为“6-1”图形元件，在175帧把“7b”按钮元件交换为“7-1”图形元件，在184帧把“8b”按钮元件交换为“8-1”图形元件。
现在开始给以上10个按钮加动作语句； 分别选中130、139、148、157、166、175、184帧上的“1b”按钮元件加以下语句， on (release, keyPress "1") { //用键盘上的数字"1"触发事件 gotoAndPlay("page1"); //跳到帧标签为"page1"的帧并播放 } 分别选中56、139、148、157、166、175、184帧上的“2b”按钮元件加以下语句， on (release, keyPress "2") { gotoAndPlay("page2"); } 分别选中56、130、148、157、166、175、184帧上的“3b”按钮元件加以下语句， on (release, keyPress "3") { gotoAndPlay("page3"); } 分别选中56、130、139、157、166、175、184帧上的“4b”按钮元件加以下语句， on (release, keyPress "4") { gotoAndPlay("page4"); } 分别选中56、130、139、148、166、175、184帧上的“5b”按钮元件加以下语句， on (release, keyPress "5") { gotoAndPlay("page5"); } 分别选中56、130、139、148、157、175、184帧上的“6b”按钮元件加以下语句， on (release, keyPress "6") { gotoAndPlay("page6"); } 分别选中56、130、139、148、157、166、184帧上的“7b”按钮元件加以下语句， on (release, keyPress "7") { gotoAndPlay("page7"); } 分别选中56、130、139、148、157、166、175帧上的“8b”按钮元件加以下语句， on (release, keyPress "8") { gotoAndPlay("page8"); } 给56帧上的“上一页”按钮加以下语句， on (release, keyPress "<Up>") { //调用键盘上方向键触发事件 gotoAndPlay("page8"); //跳到帧标签为"page8"并播放 } 在“下一页”按钮上加以下语句； on (release, keyPress "<Down>") { //调用键盘下方向键触发事件 gotoAndPlay("page2"); //跳到帧标签为"page2"并播放 } 给130帧上的“上一页”按钮加以下语句， on (release, keyPress "<Up>") { gotoAndPlay("page1"); } 在“下一页”按钮上加以下语句； on (release, keyPress "<Down>") { gotoAndPlay("page3"); } 给139帧上的“上一页”按钮加以下语句， on (release, keyPress "<Up>") { gotoAndPlay("page2"); } 在“下一页”按钮上加以下语句； on (release, keyPress "<Down>") { gotoAndPlay("page4"); } 给148帧上的“上一页”按钮加以下语句， on (release, keyPress "<Up>") { gotoAndPlay("page3"); } 在“下一页”按钮上加以下语句； on (release, keyPress "<Down>") { gotoAndPlay("page5"); } 给157帧上的“上一页”按钮加以下语句， on (release, keyPress "<Up>") { gotoAndPlay("page4"); } 在“下一页”按钮上加以下语句； on (release, keyPress "<Down>") { gotoAndPlay("page6"); } 给166帧上的“上一页”按钮加以下语句， on (release, keyPress "<Up>") { gotoAndPlay("page5"); } 在“下一页”按钮上加以下语句； on (release, keyPress "<Down>") { gotoAndPlay("page7"); } 给175帧上的“上一页”按钮加以下语句， on (release, keyPress "<Up>") { gotoAndPlay("page6"); } 在“下一页”按钮上加以下语句； on (release, keyPress "<Down>") { gotoAndPlay("page8"); } 给184帧上的“上一页”按钮加以下语句， on (release, keyPress "<Up>") { gotoAndPlay("page7"); } 在“下一页”按钮上加以下语句； on (release, keyPress "<Down>") { gotoAndPlay("page1"); } 在193帧插入普通帧。 （对以上第二步我们来介绍一种简单的制作方法，在页数控制按钮图层上：分别把库中的“1b、2b、3b、4b、5b、6b、7b、8b、上一页、下一页”这10个按钮元件拖入56帧，位置见图18－2，之后先分别给“1b、2b、3b、4b、5b、6b、7b、8b”这8个按钮元件加好相应的语句，再在130、139、148、157、166、175、184帧插入关键帧，之后再在相应的关键帧上把相应的按钮元件交换成相应的图形元件，并把交换后元件的“元件行为”改为图形，在出现的对话框中选确定，最后在分别给上一页、下一页按钮加相应的语句） 3、在控制面板遮罩b图层上：把库中的“控制面板上的动态遮罩”电影剪辑拖入56帧，逆时针旋转45度，位置见图18－3，在193帧插入普通帧。把控制面板遮罩b图层设为遮照层，把下面两层设为被遮照层。
4、在灰边框图层上：把库中的“灰边框”图形元件拖入68帧，改变大小为51*51，复制后在粘贴，共摆放9个，位置：见图18－4在193帧插入普通帧。
5、在白色方块图层上：把库中的“白色方块”图形元件拖入68帧，改变大小为50*50，复制粘贴到9个，摆放在“灰边框”里，193帧插入普通帧。 6、在照片小图图层上：分别把库中的“x1至x9”图形元件拖入68帧，按顺序摆在“白色方块”上面，在130插入空白关键帧，把分别把库中的“x10至x18”图形元件拖入130帧按顺序摆在“白色方块”上面，同理分别在139、148、157、166、175、184帧插入空白关键帧，分别把库中的“x19－x27”“x28－x36”。。。。。。“x64－x72”图形元件拖入以上相应帧上，(可用交换元件法制作)按顺序摆在“白色方块”上面，在193帧插入普通帧。 7、在小图上按钮层： （注意。先看，不要做，后面有更简单的制作方法） 在120帧上插入空白关键帧，把库中的“悬停效果按钮”按钮元件拖入120帧，放在“x1－x9”小照片上，点中120帧后不停的按f6键插入关键帧，一直到192帧，之后在把121帧上的第1个“悬停效果按钮”按钮元件删除。把122帧上的第2个“悬停效果按钮”按钮元件删除。依此类推......做完192帧。 接下来我们给这些“悬停效果按钮”加语句；要点：共有8页、每页有9个帧（第一页是特殊页，有10个帧），我们的目的是按下相应的按钮时，回到相应的帧去显示相应的大照片，那么我们在相应的大照片的所在帧上加帧标签就可以达到目的，这里我们在相应的大照片的所在帧上加了帧标签“photo1－photo72”（第十课会讲）那么在这里每一帧上按钮的语句就是： 在第一页的120帧的9个按钮上，按顺序加语句： on (release) { gotoAndPlay("photo1"); } 至 on (release) { gotoAndPlay("photo9"); } 在第一页（121帧的8个按钮上），也是加相应的语句（这一帧的第1个小图上没有按钮，则没有语句） 依此类推在129帧的8个按钮上，也是加相应的语句（这一帧的第9个小图上没有按钮，则没有语句） 同理在第二页的130帧－139帧的每帧8个按钮上，加相应的语句； on (release) { gotoAndPlay("photo10"); } 至 on (release) { gotoAndPlay("photo18"); } 一直到第八页的184－192帧的每帧8个按钮上，加相应的语句； on (release) { gotoAndPlay("photo64"); } 至 on (release) { gotoAndPlay("photo72"); } 唉。。。。。。我的头都晕了 下面介绍另一种简单省事的加语句的方法：在小图上按钮层上：在120、130、139、148、157、166、175、184帧上插入空白关键帧，把库中的“悬停效果按钮”按钮元件拖入120帧，放在“x1－x9”小照片上，（共九个）复制120帧，粘贴到130、139、148、157、166、175、184帧上，这样在8个关键帧上都有9个“悬停效果按钮”按钮了，下面给120帧的9个按钮加语句 on (release) { gotoAndPlay("photo1"); } 至 on (release) { gotoAndPlay("photo9"); } 在121至129帧都插入关键帧，之后分别选中121至129帧，把第1至第9个按钮删除（每帧删一个相应的按钮）。 下面在给130帧的9个按钮加语句 on (release) { gotoAndPlay("photo10"); } 至 on (release) { gotoAndPlay("photo18"); } 同样在131至138帧都插入关键帧，之后分别选中130至138帧，把第1至第9个按钮删除（每帧删一个相应的按钮）。用同样的方法做完139、148、157、166、175、184帧上的语句，这种方法可以节省百分之八十的工作量，是不是很开心呢，呵呵 8、在箭头指示图层：分别在121至192帧插入空白关键帧，把库中的“箭头指示器”电影剪辑元件拖入121帧，放在第一张小图片的下面，复制后在粘贴一个放在122帧的第二张小图片的下面，以此类推，放满所有121至192帧上的小图片下面，在给“箭头指示器”电影剪辑分别起实例名为“zs1。。。。。一直到zs72” （提示，可以先做完121――129帧上的元件，在130――192帧上粘贴相应的元件，最后再加实例名） 9、在页面切换图层：把库中的“页面切换”电影剪辑拖入68帧，位置：把9张小图片完全盖住，分别在130、139、148、157、166、175、184帧插入关键帧，在分别选中这8个关键帧上的“页面切换”电影剪辑，输入实例名“p-c-1至p-c-8”在193帧插入普通帧。 10、在翻页标记图层：分别在121、130、139、148、157、166、175、184帧插入空白关键帧，在相应帧输入帧标签“page1至page8”在193帧插入普通帧。 11、在灯火制作图层上：把库中的“模糊1”图形元件拖入50帧，放在和场景左边线对齐，离场景上边线大概3个网格的位置，透明度为0，在第66帧插入关键帧，把“模糊1”元件托向右边和场景右边线对齐，透明度为40，在属性里设置播放一次，创建运动补间，简易设为100。在67帧插入空白关键帧，把库中的“灯火”电影剪辑拖入67帧，位置放在66帧的“模糊1”元件的左边，在193帧插入普通帧。 本课知识点：遮照的应用、元件属性的灵活应用，加AS的技巧 用Flash MX2004制作实用电子相册（第九讲） 十九、场景组织（三） 在图层的“画面控制”文件夹里 1、在紫色矩形条5图层上：把库中的“紫色矩形条”图形元件拖入第1帧，放在场景左上角（x、y坐标为0、0）复制待用，在2、3、4、5、6、7帧插入空白关键帧，分别在第3、5、7帧原位粘贴，在193帧插入普通帧。 2、在紫色矩形条6图层上：在第11帧插入空白关键帧，粘贴刚才复制的“紫色矩形条”摆在上一个“紫色矩形条”的右边，对齐边缘，在16帧插入关键帧，把11帧的“紫色矩形条”的透明度改为0，创建运动渐变，把简易改为－100，在193帧插入普通帧。 3、同样的方法做好“紫色矩形条7”图层和“紫色矩形条8”图层上12至17及13至18帧上“紫色矩形条”元件的运动补间，注意按顺序摆放。 4、在紫色矩形条4图层上：把库中的“紫色矩形条”图形元件拖入第16帧，旋转180度，对齐场景右下角，在21帧插入关键帧，把16帧上的元件的透明度改为0，创建运动渐变，把简易改为－100，在193帧插入普通帧。 5同样的方法做好“紫色矩形条3”图层、“紫色矩形条2”图层和“紫色矩形条1”图层上17至22、18至23及19至24帧上“紫色矩形条”元件的运动补间，注意按顺序摆放。 6、在灰条1图层：把库中的“灰条”图形元件拖入25帧。水平中齐，在用方向键移动，让“灰条”的下边线和场景中下面的“紫色矩形条”的上边线对齐，在35帧插入关键帧，改元件大小为700*30，用方向键移动，对齐“紫色矩形条”的上边线，在50帧插入关键帧，改元件大小为700*2，用方向键移动，对齐“紫色矩形条”的上边线，在25创建运动渐变，把简易改为－100，在35帧创建运动渐变，把简易改为100，在193帧插入普通帧。 7、在灰条2图层：用样的方法做，不过，运动的方向和“灰条1”图层刚好相反。 8、在精彩瞬间图层上：把库中的 “精彩瞬间1”电影剪辑 拖入120帧，改大小为35*35，放在场景的右下角合适的位置。在193帧插入普通帧。 用Flash MX2004制作实用电子相册（第十讲） 二十、场景组织（四） 在图层的“声音控制”文件夹里 1、在照片大图_竖图层上：分别在122至189帧插入空白关键帧，把库中的“d2、d13、d16、d25、d27、d28、d29、d37、d38、d39、d46、d52、d53、d64、d66、d69”这16个元件分别拖入第122、133、136、145、147、148、149、157、158、159、166、172、173、184、186、189帧上，放在场景左边合适的位置，并加上相应的帧标签（photo2、photo13、photo16、一直到photo66、photo69）（可用交换元件方法制作）见图20－1
2、在照片大图_横图层上：和上面的制作方法一样，这层是用的横照片。见图20－2
3、在照片变换遮照图层上：把库中的“照片变换遮照”电影剪辑拖入第121帧，逆时针旋转45度，摆放位置见图20－3，在122至192插入关键帧，给121至192帧上的“照片变换遮照”电影剪辑起实例名为“bz1、bz2一直到bz71、bz72”。把这层改为遮照层，把下2层改为被遮照层。
4、在动态标题图层：把库中的“我的个儿相册”电影剪辑拖入18帧，放在场景左上角合适的位置，在193帧插入普通帧。 5、在黑边框图层：把库中的“黑边框”图形元件拖入第1帧，改大小为700*450，匡住整个场景，在193帧插入普通帧。 6、在蝴蝶图层：把库中“动态出来的蝴蝶”电影剪辑拖入第104帧。全居中，在193帧插入普通帧。 7、在重来一边图层：把库中“重来一边”按钮元件拖入第120帧，放在场景中间最下方，给按钮加以下语句；在193帧插入普通帧。 on (release) { stopAllSounds(); gotoAndPlay("m1_stop"); gotoAndPlay(1); } 8、在音乐播放器图层：把库中的“eq-player”电影剪辑拖入第120帧，放在场景左下角，在193帧插入普通帧。 9、在action图层：在第120帧插入空白关键帧，输入以下帧动作语句； stop(); 用鼠标右键点第120帧，点复制帧，再用鼠标右键点121帧，点粘贴帧，如此一直粘贴到192帧，在193帧插入空白关键帧，输入以下帧动作语句； gotoAndPlay("photo1"); 10、在sound15图层：在41、82和115帧插入空白关键帧，分别在这三个帧的属性的声音里选择sound15.mp3、sound15.mp3和sound14，在“同步”那选“事件”,在193帧插入普通帧。 11、在SOUND0图层上：在57、102帧插入空白关键帧，分别在这两个帧的属性的声音里选择SOUND.mp3、和SOUND.mp3，在“同步”那选“事件”,在193帧插入普通帧。 12、在sound15-2图层上：在第24帧插入空白关键，在属性的声音里选择sound15.mp3，在“同步”那选“事件”, 在193帧插入普通帧。 13、在sound15-1图层上：在第31帧插入空白关键，在属性的声音里选择sound15.mp3，在“同步”那选“事件”, 在193帧插入普通帧。 14、在sound9图层上：在第2帧插入空白关键，在属性的声音里选择sound9.wav，在“同步”那选“事件”, 在193帧插入普通帧。 最后把背景色改成灰色,测试存盘,最好另存为,换一个新的名字,或点保存并压缩，这样源文件就不会太大。在发布设置那把jpeg品质那改成60。进一步压缩swf文件的体积。 |
|
|
