• 思缘论坛首页
  • 思缘图库
  • PS教程
  • 论坛搜索
  • 下载记录
  • 每日签到
  • 设计软件,PS下载
  • VIP素材区预览
  • VIP素材区下载
  • 缘分币充值
发新话题
打印

[精彩实例] 用Flash制作精美实用的电子相册(第6-10讲)

用Flash制作精美实用的电子相册(第6-10讲)

用Flash MX2004制作实用电子相册(作品演示)



素材包源文件下载(1.4MB)
本帖隐藏的内容需要回复才可以浏览



用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-x27x28-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文件的体积。

到此,整个相册制作完毕,因本人水平有限,教材不免有很多错误及不合理之处,请大家批评指正,多多包涵,衷心感谢各位。

[ 本帖最后由 小飞侠 于 2007-7-27 18:51 编辑 ]

TOP

我要看看:a21

TOP

前面的收藏了, 这里也要一样哦!
谢谢楼主 啊

TOP

l回个帖先,虽然没看懂,但是很想学...

TOP

好厉害...

枫一样的雪..期待ing

TOP

学习``

学习``学习``偶是新手`顶上

TOP

收藏了,谢谢楼主

TOP

恩 好象很难似的~~~

TOP

不知道我是不是級別太低了,看得云里霧里的。

TOP

还顶,收藏此页,以做研究

还顶,收藏此页,以做研究

TOP

发新话题

关于本站 广告服务 联系我们 版权隐私 合作站点 网站地图 免责申明 管理团队

工信部备案:沪ICP备09005587号 苏州市公安局备案编号:32058302001042

Powered by Discuz Copyright © 2005-2015 www.MissYuan.com All rights reserved.