|
作前准备：
准备14张图片或照片，经过制图软件（ps、fw）处理后，规格约为410*285，保存到指定的文件夹待用。
制作步骤
1.启动FLASH8 软件。
2.确立文档属性
设置动画尺寸为550*400，其它默认,点击确定，进入场景1。 如图1所示：
图1
3.导入素材到库
首先，将准备好的所有素材导入到库中，待用。
4.创建图形元件
（1）选择“插入－新建元件”，建立一个名为“边框”的图形元件。点击确定，进入元件编辑区。添加一个图层，共两个图层。
（a）选择图层1第一帧，用矩形工具在舞台拖一个规格为410*285的，红色的，无边线的矩形，再拖一个规格为101*285的，绿色的，无边线的小矩形，将其转换为图形元件，然后使其和红色矩形并列接触在一起。如图2所示：
图2
（b）选择图层2第一帧，用矩形工具画一个和红绿矩形相对应的边框，颜色和边框粗细自定。如图3所示：
图3
分别选中红绿矩形删除。如图4所示：
图4
（2）选择“插入－新建元件”，建立一个名为“图组”的图形元件。点击确定，进入元件编辑区。就一个图层。
选择图层1第一帧，分别依次从库中拖出14张照片，规格为100*70，竖向排列组合在一起。框选第1－4张照片，复制－粘贴，将其移到第14张照片的下方，垂直对齐。如图5所示：
图5
5.创建影片剪辑元件
（1）选择“插入－新建元件”，建立一个名为“滚动”的影片剪辑元件。点击确定，进入元件编辑区。添加一个图层，共两个图层。
（a）选择图层1第一帧，从库中拖出绿色小矩形图形元件到舞台，全居中。在用任意变形工具将其加宽5个像素。上锁。如图6所示：
图6
（b）选择图层2第一帧，从库中拖出绿色图组图形元件到舞台，将其上边线和小矩形上边线对齐。如图7所示：
图7
在第400帧插入关键帧，用键盘方向键垂直上移，使下边的第一张照片的上边线和矩形的上边线对齐（和上边的第一张照片在第1帧上的位置相同），然后，在下移一个像素。创建本区域间的补间动画。如图8所示：
图8
（2）选择“插入－新建元件”，建立一个名为“大图”的影片剪辑元件。点击确定，进入元件编辑区。就一个图层，命名为图片。
选择图片图层第2－14帧插入空白关键帧，从库中分别依次拖出照片1－14，放置在相对应的空白关键帧的舞台之上，规格均为410*285。全居中。其时间轴和第14帧上的舞台实例显示，如图9所示：
图9
6.编辑制作场景
返回场景1，添加五个图层，共六个图层。自下而上命名为背景、图片、滚动、遮罩、边框、as。
（1）选择背景图层第一帧，用矩形工具，打开混色器，制作一个规格为550*400的，线性背景。全居中。上锁。如图10、11所示：
图10
图11
（2）选择图片图层第一帧，从库中拖出大图影片剪辑元件到舞台，将其放置在舞台的左半部，垂直居中。上锁。如图12所示：
图12
在属性面板填写其实例名称为：mc 。上锁。如图13所示：
图13
（3）选择滚动图层第一帧，从库中拖出滚动影片剪辑元件到舞台，将其放置在大图的右边，使其上边线和大图上边线水平对齐。上锁。如图14所示：
图14
（4）选择遮罩图层第一帧，从库中拖出绿色小矩形元件到舞台，将其放置在滚动影片剪辑上，上边线和其上边线水平对齐。如图15所示：
图15
设置该图层为遮罩层。
（5）选择边框图层第一帧，从库中拖出边框图形元件到舞台，垂直中齐，和大图、滚动相对应摆放。上锁。如图16所示：
图16
（6）选择as图层第一帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：
this.mc.gotoAndStop(1);
var ts = this.mc._totalframes;
var i = 0;
while (i < ts)
{
duplicateMovieClip(mc, "mc" + i, i);
var mm = this["mc" + i];
mm.gotoAndStop(i + 1);
mm._height = 40;
mm._width = 60;
mm._x = 75 * (i % 7) + 49;
mm._y = 25 + Math.floor(i / 7) * 350;
mm.onRollOver = function ()
{
var _loc2 = this._currentframe;
this._parent.mc.gotoAndStop(_loc2);
};
++i;
}
锁定该图层。
7.本作业完成后时间轴显示如图17所示：
图17
8.测试存盘
*说明：
1.本教程中的小图不进入场景，它们是通过脚本设定其数量、规格和位置。如要增减图片，需要修改语句中的相关数据。
2,本实例较之前边讲到的触摸式相册不同的是：鼠标离开后仍显示其刚接触的图片，更便于欣赏。
3,如果添加悦耳的音乐，其会更加赏心悦目。如，我宝贝孙女的相册
最终效果显示：
全屏下载
祝你成功！
进入更多教程 |
