多媒体作品展示作品说明书

《多媒体作品展示》flash作品说明书

作者：08数媒A2 竺利萍103430076

主题：多媒体作品展示

内容的编排：从ps作品、素描作品、3Dmax作品三个板块来展示

素材搜整：ps作品为大三时作品；素描作品为素描课上作品，通过手机拍摄获得；3Dmax 作品为3D课作品，渲染后倒出获得。下载了背景音乐，命名为bg music1。网

上搜索了一些ps的介绍，制作了两个txt文档，用于调用。所有图片都通过ps

处理，统一大小，最后保存为png格式便于倒入到flash库。

素材编辑：分别制作了舞台设置大小为421*268的ps_show、draw_show、3Dmax_show三个flash，为了最后链接调用swf做准备。

ps_show：库中导入处理好的图片，并将所有ps

图片制作成按钮，并调整亮度

达到鼠标经过变亮效果，如图1-1。随后新建thumbnails动画，将按钮导入，竖直排列，注册点在左上，可通过ctrl+k对舞台元素进行调整，效果如图1-2，拉入舞台后命名thumbs_mc。随后拉入控件，加入代码，如图1-3。最终舞台效果如图1-4所示。其中代码思想主要是分别调用文字和图片，截取部分如下（简述）。

this.thumbs_mc.btn1.addEventListener(MouseEvent.CLICK ,loadpic1);

//按钮被触发后执行调用

function loadpic1(e:Event):void {

loadpic.source="images/ps1.png"; //调images文件下的图片

textloader("text/ps1.txt",0xcfab77); //调text文件下的ps1.txt文档，同时背景色为cfab77 }

//其余代码意思相同，只需更改文件名称即可

this.thumbs_mc.btn2.addEventListener(MouseEvent.CLICK ,loadpic2);

function loadpic2(e:Event):void {

loadpic.source="images/ps2.png";

textloader("text/ps1.txt",0xcfab77);}

this.thumbs_mc.btn3.addEventListener(MouseEvent.CLICK ,loadpic3);

function loadpic3(e:Event):void {

loadpic.source="images/ps3.png";

textloader("text/ps2.txt",0xcfab77);}

this.thumbs_mc.btn4.addEventListener(MouseEvent.CLICK ,loadpic4); function loadpic4(e:Event):void {

loadpic.source="images/ps4.png";

textloader("text/ps2.txt",0xcfab77);}

this.thumbs_mc.btn5.addEventListener(MouseEvent.CLICK ,loadpic5); function loadpic5(e:Event):void {

loadpic.source="images/ps5.png";

textloader("text/ps2.txt",0xcfab77);}

this.thumbs_mc.btn6.addEventListener(MouseEvent.CLICK ,loadpic6); function loadpic6(e:Event):void {

loadpic.source="images/ps6.png";

textloader("text/ps2.txt",0xcfab77);}

this.thumbs_mc.btn7.addEventListener(MouseEvent.CLICK ,loadpic7); function loadpic7(e:Event):void {

loadpic.source="images/ps7.png";

textloader("text/ps2.txt",0xcfab77);}

function textloader(file:String ,color:uint ):void {

textload.load(new URLRequest(file));

info.backgroundColor=color;}

textload.addEventListener(PLETE ,showtext);

function showtext(e:Event):void {

info.text=textload.data;}

图1-1 图1-2

图1-3

图1-4

draw_show：同样库中调入图像，并分别将图片制作为按钮，库中效果如图2-1。为了点击按钮条可以在舞台上显示各个图片，制作bigpic影片剪辑，将个库中图片放在各帧上即可，开始加入stop（），效果如2-2所示。制作picmc影片剪辑，，放入bigpic剪辑，随后通过调整亮度，达到图片显示舞台时候由浅变深效果picmc剪辑如图2-3所示，加

stop（）停止。随后制作最为重要的按钮条，命名cmdlist，注册点在左上角，所有加入的图片按钮再加阴影效果，最终设计效果如图2-4所示，为达到按钮条跟随鼠标移动，加入如下代码：

随后到舞台上放入cmdlist、picmc剪辑。由于fianl文件调用swf时有421*268大小显示框，而按钮条随鼠标移动时超出舞台大小，所以制作遮罩加以遮盖，最终设计界面如图2-5所示。随后在层as中加入如下代码：

var i=1;

var j=1;

function showpic() { //showpic执行的为通过跳帧完成的展示图片

picmc.p1.gotoAndStop(i);

picmc.p2.gotoAndStop(j);

picmc.gotoAndPlay(2);

j=i;

}

cmdlist.cmd1.addEventListener(MouseEvent.CLICK,clk1);

//按钮条第一个图片按钮被按后执行ckl1

function clk1(e:Event) { //clk1为显示第i=1的showpic

i=1;

showpic();

}

//后面其他图片显示思路相同，只需更改触发的为按钮条第几个按钮即可，按钮条中所有按钮在制作时已命名。

cmdlist.cmd2.addEventListener(MouseEvent.CLICK,clk2);

function clk2(e:Event) {

i=2;

showpic();

}

cmdlist.cmd3.addEventListener(MouseEvent.CLICK,clk3);

function clk3(e:Event) {

i=3;

showpic();

}

cmdlist.cmd4.addEventListener(MouseEvent.CLICK,clk4);

function clk4(e:Event) {

i=4;