最近在群里看到有些人问如何让自己制作的flash片头在iebook里居中显示。印象中官方提供的帮助文档有说明的。
经过试验,个人觉得官方的制作介绍有些不清楚、不完善的地方,所以就自己写一篇供大家参考。如果有什么疏漏,请不吝赐教。: )
- 基本模板的制作过程
1、打开Flash,新建一个Flash文档(Actionscript2.0)
2、单击新建图层按钮3次(如图所示左下角箭头),并依次对图层进行命名(双击图层名即可)
3、新建一个影片剪辑元件(快捷键【Ctrl+F8】),如图
4、单击【场景1背景层】的第一帧(红框处),从【库】面板里把刚创建的“元件1”拖到舞台左上角(红箭头所指),并在【属性】面板里命名为“movie”(红圆处)
5、单击【片头动画层第1帧】,在舞台上用直线工具画个十字(注意应等长,可以先画一直线,然后复制后再90度旋转下。)。画十字是为了测试元件是否在屏幕正中间,以后会删除。
6、选中十字,按下【F8】将其转化为影片剪辑元件,注意注册点位置。
7、然后把舞台上的十字实例命名为“正中”
8、单击【AS脚本】层的第二帧,按下【F7】创建一个空白关键帧(也可以在帧上单击右键,选择【插入帧】),在【动作】面板(菜单:窗口>动作)里输入如图所示的代码(代码附后)
var screen_w = System.capabilities.screenResolutionX; //获取屏幕宽度 var screen_h = System.capabilities.screenResolutionY; //获取屏幕高度 var back = this.createEmptyMovieClip("back", 0); //创建名为 back 的空影片剪辑 this.back.swapDepths(this.movie); //与舞台的 movie 互换图层顺序 /*下面是画背景*/ var x=(this._width-screen_w)/2-2; //起始点横坐标 var y=(this._height-screen_h)/2-2; //起始点纵坐标 var w=screen_w+4; //屏幕宽度+4 var h=screen_h+4; //屏幕高度+4 drawrect(back,x,y,w,h,100,0x000000); //执行函数, function drawrect(mc, x, y, w, h, al, colorr, lcolor, lwidth) { if (color == undefined) { color = 0x000000; } if (lwidth == undefined) { lwidth = 1; } if (lcolor != undefined) { mc.lineStyle(lwidth,lcolor); } mc.beginFill(color,al); mc.moveTo(x,y); mc.lineTo(x+w,y); mc.lineTo(x+w,y+h); mc.lineTo(x,y+h); mc.lineTo(x,y); mc.endFill(); /*调整正中片头动画位置*/ with(正中){ _x=(x+w+x)/2; _y=(y+h+y)/2; } }
9、在每个图层的第180帧(应与片头动画一样长,此处仅供参考)插入普通帧(右键,插入帧)
10、前期制作完成后,保存下文档。然后按下F12键发布成swf文件,替换下iebook里的片头,测试下就可以了。
- 视频片头的制作过程
通过上面的步骤,一个基本的片头模板就做好了。下面来学习如何放视频
1、单击菜单:文件 > 导入 > 导入视频,弹出如下对话框,单击【浏览】,找到视频文件导入后依次操作。
2、打开【库】面板,双击里面的【片头动画】元件。创建一个图层2,并把它挪到图层1的下方。
3、从库中把插入的视频文件(如:demo.flv)拖到舞台上,弹出如下窗口时,记住所需帧数(1799)后,单击【是】
4、设置视频舞台对齐方式
5、回到场景1(单击如图所示红框处),在每个层的第1799帧上插入普通帧
6、单击菜单:文件 > 发布。然后替换下iebook里的片头。
7、教程结束!