电子相册制作教程.docx
《电子相册制作教程.docx》由会员分享，可在线阅读，更多相关《电子相册制作教程.docx（25页珍藏版）》请在冰豆网上搜索。
电子相册制作教程
本实例实现了一个大型的flash相册，内容涉及到元件制作、实例的应用和控制、场景动画和组织、动作语句、音效、动态切换照片等各个方面，从制作技术上讲，应用到了flash常用的一些工具，及一些特效，在制作技巧上多次使用了“重置”、“交换元件”及多次使用同一元件的方法，最大限度的减小文件大小，制作完毕后，可随时从硬盘中调换照片，具有很好的实用性。
本教材适应具有一定flash基础的爱好者参考制作。
下面我们来一起制作。
下载相册素材解压后，用FlashMX2004打开“相册-素材.fla”文件，设置背景为700*450象素,背景色暂时用任意淡色，帧频24。
（注意FlashMX打不开）
一、元件制作（全部为图形元件，以下为元件名、所有工具、属性、尺寸，做完后全居中）
1、白色方块：
矩型工具，无边框，白色填充，大小45*45；
2、灰色方块：
矩型工具，无边框，灰色填充，，填充色＃D7D7D7，大小45*45；
3、动态白块：
矩型工具，无边框，白色线性填充，在混色器上添加一个色码，三个色码都设为白色，左和右的色码的透明都调为20，矩型大小60*35；
4、灰边框：
矩型工具，无填充，笔触高度：
极细，笔触颜色＃666666，大小160*90；
5、黑边框：
矩型工具，无填充，笔触高度：
极细，笔触颜色＃000000，大小160*90；
6、细线-白：
线条工具，白色，笔触高度2，实线，线条长170；
7、极细线-白：
线条工具，白色，笔触高度极细，线条长100；
8、灰条：
矩型工具，无边框，灰色填充，填充色＃666666，大小700*150；
9、灰色圆：
椭圆工具，无边框，灰色填充，填充色＃F3F3F3，大小10.2*10.2；
10、黄色的圆：
椭圆工具，无边框，黄色填充，填充色＃FFCC33，大小10.2*10.2；
11、橙边灰底圆：
椭圆工具：
橙边框，灰色填充，笔触高度4，大小35*35；
12、深灰边灰底圆：
椭圆工具：
深灰边框，灰色填充，笔触高度4，大小35*35；
13、灰边橙底圆：
椭圆工具：
灰边框，橙色填充，笔触高度5，大小70*70；
14、橙色三角箭头：
用矩型工具无边框，橙色（＃ff6600）填充先画一个15*20的矩型，在用线条工具切成上下两块斜角并删除两个小的斜块和线条，形成一个左方向的三角箭头，全居中，复制待用；
15、灰色三角箭头：
原位粘贴刚才的橙色三角箭头，改为灰色（＃666666）填充；复制待用；
16、上箭头：
原位粘贴刚才的灰色三角箭头，改大小为8*8，全居中，旋转＋90度；
17、下箭头：
原位粘贴刚才的灰色三角箭头，改大小为8*8，全居中，旋转－90度；
18、橙色斜线：
线条工具，橙色，笔触高度4，实线，从右上角往左下角画一段线条，在调整大小为25*25；
19、照片变换遮照条：
矩型工具，无边框，白色填充，大小470*1；
20、紫色矩形条：
矩型工具，无边框，填充为线性，混色器左色码为#BCBAE4，右色码为#292451，大小为175*45，全居中后在用填充渐变工具把矩形的填充方向旋转－90度；并调整填充范围为深色占上半部分，浅色占下半部分；
21、曲边矩形：
矩型工具，黑色边框，笔触高度极细，灰色填充，填充色＃EFEFEF，大小322*400，用黑箭头工具，在不选中元件的前提下，鼠标慢慢靠近左边线的中间位置，鼠标成小弧线时点住左键向右拖50象素，（可拖出标尺线参考），之后分别删除上、右、下的边线，点第一帧，全居中；见下图
a1.jpg（7.89KB）
2007-7-2717:
28
22、圆角矩形B：
矩型工具，无边框，黑色填充，打开圆角矩型半径工具，添上15，画一个圆角矩型，调整大小220*56，全居中，复制这个矩型，添加一个图层2，原位粘贴到图层2的第一帧，并改变填充色为灰色＃D7D7D7，在把这个灰色矩型向上、向左各移动1象素；
23、圆角矩形A：
矩型工具，无边框，黑色填充，打开圆角矩型半径工具，添上15，画一个圆角矩型，调整大小218*218，再在舞台下方空白的地方画一个矩型，并调整为140*36，并把这个小的矩型放到大矩型的右下角边线下，接着用键盘方向键把小矩形向上移动，右边线重合，并让大矩形占去小矩形高度的2/3这样就组合成了见下图的矩型，（调出标尺线参考做）之后点一下大矩形，它的宽高是218*230，全居中，复制这个矩型，添加一个图层2，原位粘贴到图层2的第一帧，并改变填充色为灰色＃D7D7D7，在把这个灰色矩型向上、向左各移动1象素。
a2.jpg（17.84KB）
2007-7-2717:
28
在库中选中这23个元件点右键，移至新文件夹，起名“图形元件”这样这23个元件就都在“图形元件”这个文件夹里了。
在把库中的的循环按钮红和循环按钮黑这两个元件也拖入“图形元件”文件夹里”
本课知识点：
常用基本工具的使用、渐变填充、标尺、网格的调用
二、“灯火制作”和“真情永存”元件的制作（请替换自己的网名）
1、新建图形元件，名，灯，用文本工具，静态，黑体，18号字，蓝色，打上“灯”字，全居中，用同样的方法分别做好其他火、制、作3个字的图形元件；（可用在主场景中一次做完这几个字，打散一次，分别选中后转换为元件的方法来做）
2、模糊1元件的制作：
新建图形元件，名默认，用文本工具，静态，黑体，18号字，蓝色，打上“灯火制作”4个字，全居中，选中这4个字，选插入――时间轴特效――效果――模糊，去掉“允许垂直模糊”前面的勾，其他默认，点确定，这时库里会自动产生一个“特效文件夹”和一个“模糊1”图形元件，点击库中的“模糊1”图形元件，在双击库中浏览窗的“灯火制作”元件进入元件编辑舞台，选中所有图层所有帧，执行翻转帧；
3、模糊2元件的制作：
重复第2步骤，用22号字做“真情永存”4个字。
4、“灯火”电影剪辑的制作
新建名为“灯火”的电影剪辑，添加至5个图层，把库中的灯、火、制、作，四个图形元件分别拖到第2、3、4、5层的第1、4、7、10帧,分别全居中，在2、3、4、5层的9、12、15、18帧插入关键帧，在2、3、4、5层的第28帧按F5插入普通帧，并分别把灯、火、制、作4个字向左挪动到x轴坐标为-100，-77，-54、-31象素的位置，分别选中第2、3、4、5层上的第1、4、7、10帧上的灯、火、制、作元件，把透明度改为0，在2、3、4、5层建立运动补间，并把简易输出调为100，在图层1的第22帧插入空白关键帧，把库中的动态白块元件拖入第22帧放在“灯”字的左面，在第27帧插入关键帧，把动态白块移到“作”字的右面，在22－27帧创建运动补间，在第1层的28帧插入空白关键帧，并在28帧上加以下动作语句；见下图
a3.jpg（33.05KB）
2007-7-2717:
28
gotoAndPlay（22）;
在库中同样把这些新做的元件放入新建的文件夹中，并起名“灯火制作”
本课知识点：
输入文本、时间轴特效、元件不同做法的应用
用FlashMX2004制作实用电子相册（第二讲）
三、动态标题元件的
制作
1、分别制作我、的、个、人、相、册图形元件；
新建图形元件，名，我，用文本工具，静态，黑体，18号字，蓝色，打上“我”字，全居中，复制待用，新建图层二，把“我”字原位粘贴到图层二的第1帧，改变字体颜色为灰＃AFAFC6，并把这一帧的“我”字向上向左移动0.5象素；
重复上一步骤，同样方法做“的、个、人、相、册”5个字的图形元件（可用重置法做）
2、“我的个人相册”电影剪辑的制作
a、新建电影剪辑元件，名，“我的个人相册”添加至7个图层,从库中把“我”字拖入舞台第2层第一帧，调整大小为38*36，全居中,在第9帧插入关键帧，把第9帧的“我”字向左移动到－135象素，把第1帧的“我”字的透明度改为0，建立运动补间，把简易输出设为100。
和制作“灯火”电影剪辑的制作道理一样在图层3、4、5、6、7上做好“的、个、人、相、册”5个字的图层的运动补间（注意这里不要调整字元件的大小，就用原始的大小）在3、4、5、6、7层的第31帧按F5插入普通帧；
b、在图层2的第30这帧插入关键帧。
31帧插入空白关键帧，把库中素材中的“我1”电影剪辑拖入31帧，改变大小为28*30并和30帧的“我”字完全重合；
c、在图层1的25帧插入关键帧，把库中的动态白块元件拖入第25帧，放在舞台中“我”字的左面，在第30帧插入关键帧，把动态白块移到“册”字的右面，创建运动补间，在第1层的31帧插入空白关键帧，在帧上加以下语句；见下图
stop（）;
a4.jpg（34.47KB）
2007-7-2717:
28
同样把这些新做的元件以及“我1”电影剪辑放入新建的文件夹中，并起名“动态标题”
本课知识点：
重置法的应用
四、精彩瞬间元件的制作
1、分别制作精、彩、瞬、间、·、永、久、保、留、图形元件；用文本工具，黑体，白色，字号36，每个字做一个图形元件（包括符号“·”共九个元件）做完后全居中；（可用在主场景中一次做完这几个字，打散一次，分别选中后转换为元件的方法来做）
2、新建电影剪辑元件，起名“精彩瞬间1”在舞台上共创建10个图层，先在3，4，5，6，7，8，9，10层的第4，7，10，13，16，19，22，25帧插入空白关键帧，在所有层的55帧插入普通帧，调出显示网格，从库中分别把精、彩、瞬、间、·、永、久、保、留这9个图形元件拖到第2、3、4、5、6、7、8、9、10层的第1、4、7、10、13、16、19、22、25帧上，让这9个元件的中心点分别对准网格竖线的－8、－6、－4、－2、0、2、4、6、8，在把这9个元件分别垂直中齐，分别在2、3、4、5、6、7、8、9、10层的第9、12、15、18、21、24、27、30、33插入关键帧，分别选中2、3、4、5、6、7、8、9、10层的1、4、7、10、13、16、19、22、25帧上的元件放大175％（在修改――变形――缩放和旋转面板）并把透明度设为0，创建这9个图层的运动补间，把简易输出改为－100，在图层1的32帧插入空白关键帧，把库中的极细线_白元件拖入图层1的32帧放在舞台“留”字的右下方，在55帧插入关键帧，在把选中的“极细线-白”元件宽度改为320，并水平中齐。
创建运动渐变，把简易输出改为100，在55帧上输入以下帧动作帧语句；见下图
stop（）;
a5.jpg（53.76KB）
2007-7-2717:
28
在库中把这些新做的元件放入新建的文件夹中，并起名“精彩瞬间”
本课知识点：
任意变形工具和在“修改――变形――缩放和旋转面板”变形的区别
五、箭头指示元件的制作
新建名为“箭头指示”的电影剪辑，添加至2个图层，把库中的“上箭头”拖到图层一第1帧，调整大小为8*6，垂直中齐，改变x轴坐标为26，在第11帧插入关键帧，全居中，复制图层1所有帧，粘贴到图层二第1帧，再用键盘方向键把第二层第1帧的“上箭头”向左移动至x轴坐标－33的位置，分别把两个图层第1帧上“箭头”的透明度调为0，建立两个图层的运动补间，在图层二的12帧插入关键帧，在13、14、15、16、17、18、插入空白关键帧，复制12帧上的“上箭头”元件分别原位粘贴到14、16、18帧，在18帧上加以下帧动作语句；
stop（）;
六、刷屏效果元件的制作
新建电影剪辑元件，起名“刷屏效果”把库中的“细线-白”元件拖入舞台，改变宽为36，全居中后把元件的y轴坐标向上移动到－18象素，改变透明度为50，在40帧插入关键帧，在把元件的y轴坐标向下移动到18象素，建立运动补间。
用FlashMX2004制作实用电子相册（第三讲）
七、蝴蝶系列的制作
1、新建名为“蝴蝶1”的电影剪辑，在第4、7、67、70、73帧插入空白关键帧，把库中的蝴蝶_1、蝴蝶_2、蝴蝶_3位图分别拖到1、4、7帧和73、70、67、帧上，全居中；
2、新建名为“蝴蝶-抖翅”的电影剪辑，把库中的蝴蝶_1、蝴蝶_2、蝴蝶_3位图分别拖到1、2、3帧上，全居中；
3、新建名为“蝴蝶-抖翅声音”的电影剪辑，选中第1帧,打开属性栏右边的声音下拉三角选中butterfly_s，同步那选事件；在第5帧插入空白关键帧，输入以下帧动作语句；
_parent.stopAllSounds（）; //停止上一父级的所有声音
gotoAndPlay
（1）; //回到第一帧
4、新建名为“butterfly”的按钮元件，在第1帧拖入“蝴蝶1”电影剪辑，全居中，第2帧拖入“蝴蝶-抖翅”电影剪辑，全居中，第3帧拖入“蝴蝶_3”位图全居中，在第4帧插入关键帧。
增加一个图层，把“蝴蝶-抖翅声音”电影剪辑拖入图层2的第2帧全局中；
5、新建名为“动态出来的蝴蝶”的电影剪辑，把库中“蝴蝶-抖翅”的电影剪辑拖入82帧，改变蝴蝶大小为500*500，全居中，在94帧插入关键帧，改变蝴蝶的大小为100*100，改变x、y轴坐标为（248、－230）改变82帧上的蝴蝶的透明度为10，建立运动补间，在95帧插入空白关键帧，把库中的“butterfly”的按钮元件拖入95帧，并改变大小为100*100，位置和94帧的“蝴蝶-抖翅”元件重合，在实例名称栏里输入butterfly，并在“butterfly”按钮上加以下语句;
on（press）{
startDrag（"butterfly"）; //影片剪辑将保持可拖动状态
}
on（release）{
stopDrag（）; //取消拖动
}
点中95帧并输入以下帧动作语句；
_parent.stopAllSounds（）;
stop（）;
增加一个图层，在82帧插入空白关键帧，打开属性栏右边的声音下拉三角选中butterfly_s，同步那选“事件”,在95帧插入普通帧；
在库中把这些新做的元件放入“蝴蝶”文件夹中
本课知识点：
几个动作教本语句的掌握、按钮属性及按钮结合MC的应用
八、页数控制按钮元件的制作
1、新建图形元件：
元件名分别为1、2、3、4、5、6、7、8，字体Arial，10号字，黑色，分别打上1、2、3、4、5、6、7、8数字，全居中；（用在主场景一次制作后转换为元件的方法制作）
2、新建图形元件：
元件名分别为1-1、2-1、3-1、4-1、5-1、6-1、7-1、8-1，增加一个图层，在第一层第1帧把库中的“灰色的圆”元件拖入舞台全居中，在第二层第1帧把库中的“1”元件拖入舞台全居中，以此类推做好其他7个元件；（可用在库中重置结合交换元件法制作）
3、新建按钮元件：
元件名分别为1b，2b、3b、4b，5b，6b、7b、8b，在按钮编辑舞台，第二帧插入空白关键帧，把库中黄色的圆拖入第二帧，全居中，在3、4帧插入关键帧，在第二帧的属性栏右边的声音下拉三角选中s2，重复0次。
新增加一个图层二，把库中的元件“1”拖入第二层第一帧，全居中，用同样的方法做好其他7个按钮元件；（可用在库中重置结合交换元件法制作）
4、新建按钮元件：
元件名分别为“上一页”和“下一页”在编辑舞台上，把库中的上箭头元件拖入第一帧全居中，在第2帧插入关键帧，把第二帧的上箭头元件打散并改变为黄色，在第3、4帧插入关键帧，选中第二帧，在属性栏右边的声音下拉三角选中s2，同步那选“事件”，同理做好“下一页”（箭头要旋转180度）按钮元件；
把这些新做的元件放入新建的文件夹中，并起名“页数控制按钮”
九、小图上按钮元件的制作
1、新建电影剪辑元件，起名“按钮上的变化白色矩形”把库中的白色方块拖入第1帧，全居中，在第5帧插入关键帧，并改变大小为25*25，全居中，把第1帧的白色方块的透明度改为0，把第5帧的白色方块的透明度改为80，在第6、7、12帧插入关键帧，把第6帧的白色方块的的大小改为27*27，全居中，把12帧的白色方块的的大小改为50*50，全居中，并把透明度改为0，在1―5帧和7―12帧建立运动补间，在12帧输入以下帧动作语句；
stop（）;
2、新建按钮元件，起名“悬停效果按钮”在2、3、4帧上插入空白关键帧，把库中的“按钮上的变化白色矩形”元件拖入第2帧，全居中，打开声音下拉三角，选择s3，同步那选“事件”，在第4帧拖入“白色方块”全居中
在库里将以上新做的两个元件放入新建的文件夹里起名“小图上按钮”
本课知识点：
透明按钮、按钮特效、按钮声效
用FlashMX2004制作实用电子相册（第四讲）
十、控制按钮元件的制作
1、新建电影剪辑元件，起名“手动符号”把库中的“循环按钮灰”元件拖入第12帧全居中，在21帧插入关键帧并改变21帧上“循环按钮灰”的透明度为0；
2、新建按钮元件，起名“手动”共建4个图层，把库中的“深灰边灰底园”拖入第一层第1帧，全居中，把库中的“橙边灰底园”拖入第一层第2帧，全居中，在第3、4帧插入关键帧，第一层上锁。
把库中的“手动符号”拖入第二层第1帧，全居中，在第2帧插入关键帧，第三帧插入普通帧，第二层上锁。
在把库中的“橙色斜线”拖入第三层第2帧，全居中，第三层上锁。
在第四层第2帧插入空白关键帧，打开声音下拉三角，选择鼠标滑过.wav，同步那选“事件”；
3、新建按钮元件，起名“自动”共建3个图层，把库中的“深灰边灰底园”拖入第一层第1帧，全居中，把库中的“橙边灰底园”拖入第一层第2帧，全居中，在第3、4帧插入关键帧，第一层上锁。
把库中的“循环按钮灰”拖入第二层第1帧，改变大小为22*20，全居中，把库中的“循环按钮红”拖入第二层第2帧，改变大小为22*20，全居中，第3帧插入关键帧，第二层上锁。
在第三层第2帧插入空白关键帧，加入声音文件“鼠标滑过.wav”同步那选“事件”；
4、新建按钮元件，起名“上一张”共建3个图层，把库中的“深灰边灰底园”拖入第一层第1帧，全居中，把库中的“橙边灰底园”拖入第一层第2帧，全居中，在第3、4帧插入关键帧，第一层上锁，把库中的“灰色三角箭头”拖入第二层第1帧，全居中，把库中的“橙色三角箭头”拖入第二层第2帧，全居中，第3帧插入关键帧，第二层上锁。
在第三层第2帧插入空白关键帧，打开声音下拉三角，选择鼠标滑过.wav，同步那选“事件”；
5、新建按钮元件，起名“下一张”共建3个图层，把库中的“深灰边灰底园”拖入第一层第1帧，全居中，把库中的“橙边灰底园”拖入第一层第2帧，全居中，在第3、4帧插入关键帧，第一层上锁。
把库中的“灰色三角箭头”拖入第二层第1帧，旋转180度，全居中，把库中的“橙色三角箭头”拖入第二层第2帧，旋转180度，全居中，第3帧插入关键帧，第二层上锁。
在第三层第2帧插入空白关键帧，打开声音下拉三角，选择鼠标滑过.wav，同步那选“事件”；
6、新建电影剪辑元件，起名“控制状态切换”增加一个图层，在图层一上，分别把库中的“自动”和“手动”拖入第1和第9帧，并分别给“自动”和“手动”按钮元件加以下语句；
on（release）{
_root.time_c.gotoAndPlay（"start"）; //主场景转到"time_c"实例的"start"帧上并播放
gotoAndPlay（"auto"）; //在本mc上跳到"auto"帧上并播放
}
和
on（release）{
_root.time_c.gotoAndPlay（"stop"）;
gotoAndPlay（"manual"）;
}
在第16帧插入普通帧。
在图层二第9帧插入空白关键帧，16帧插入普通帧，第1帧和第9帧上分别加入帧标签manual和auto并分别加入以下帧动作语句；
stop（）;
在库里将以上新做的六个元件放入新建的文件夹里起名“控制按钮”
本课知识点：
语句gotoAndPlay跳转到指定帧及跳转到指定帧标签的应用
十一、照片变换遮照元件的制作
新建电影剪辑元件，起名“照片变换遮照”增加至4个图层，在图层一，把库中的“照片变换遮照条”元件拖入第1帧，全居中，复制待用，在15帧插入关键帧，改变大小为470*470，上锁，在图层二，第1帧原位粘贴刚才复制的元件，调整x、y坐标为（－235.5、117.5）在15帧插入关键帧，改变大小为470*352.5，上锁，在图层三，第1帧原位粘贴刚才复制的元件，调整x、y坐标为（－235.5、235.5）在15帧插入关键帧，改变大小为470*235.5，上锁，在图层四，第1帧原位粘贴刚才复制的元件，调整x、y坐标为（－235.5、352.5）在15帧插入关键帧，改变大小为470*117.5，创建这四个层的运动补间，并在第四层第15帧加入以下帧动作语句；见下图
stop（）;
a6.jpg（44.19KB）
2007-7-2717:
28
十二、背景切换元件的制作
1、新建电影剪辑元件，起名“页面切换”增加至3个图层，在图层一，把库中的“灰色方块”元件拖入第1帧，改变大小为180*190，全居中，在第10、16帧插入关键帧，在16帧改变元件大小为180*1，x、y坐标为（－90、95）在10－16帧创建运动补间，简易调为－100，在图层二第4帧插入空白关键帧，加声音SOUND0.MP3，同步那选“事件”，第10帧插入普通帧，在第三层第一帧把库中的白色方块拖入，改变大小为180*1，x、y坐标为（－90、－95）在第7、12帧插入关键帧，第7帧改变大小为180*190，第12帧的x、y坐标为（－90、95）在1－7帧创建运动补间，简易调为100，在7－12帧创建运动补间。
在第一层第17帧插入空白关键帧输入以下帧动作语句；见下图
stop（）;
a7.jpg（21.08KB）
2007-7-2717:
28
2、新建电影剪辑元件，起名“背景切换1”增加至3个图层，将库中的p1、p2、p3、p4、p5、p6图片分别拖入第一层的1、2、3、4、5、6、帧全居中。
把库中的“页面切换”元件拖入图层二的第一帧改变大小为440*400，全居中，在2、3、4、5、6帧插入关键帧并分别给第1帧至第6帧上的“页面切换”元件起实例名“b1至b6”。
在图层三的2、3、4、5、6帧插入空白关键帧，在第1至第6帧分别加帧标签“q1”至“q6”并分别在这六个帧上输入以下帧动作语句；见下图
stop（）;
a8.jpg（35.79KB）
2007-7-2717:
28
在库中把这两个新做的元件拖入“背景切换”文件夹中
用FlashMX2004制作实用电子相册（第五讲）
十三、定时控制元件的制作
新建电影剪辑元件，起名“timer”在1、7、13、19、86帧插入空白关键帧，并在相应帧上分别输入帧标签stop、start、jump、loop_count、back，在91帧插入普通帧，在1、13、86帧上输入以下帧动作语句；
第1帧上 stop（）;
第13帧上 _root.n
升级会员 