浪漫婚纱相册

浪漫婚纱相册

1. 案例分析

每对新人在举行婚礼前，都要拍摄浪漫的婚纱照片，还特别希望将拍摄好的婚纱照片制作成电子相册，在婚礼现场播放。浪漫婚纱相册需要制造出浪漫的温馨气氛。

在设计制作过程中，要挑选最有性的婚纱照片，根据照片的场景颜色来设计摆放的顺序，选择最有意境的照片来作为背景图，通过动画来表现出照片在浏览时的视觉效果。

本例将使用多角星工具绘制浏览按钮；使用动作面板添加动作语言；使用遮罩层命令制作照片遮罩效果。

2. 案例设计

3. 案例制作

1. 导入图片

（1）选择“文件/新建”命令，在弹了的“新建文档”对话框中选择“flash”文件选项，单击确定。在“属性”面板中，将舞台窗口的宽设为600,高设为450,将“背景颜色”设为灰色（#999999）,单击确定。

（2）在“属性”面板中，单击“配置文件”右侧的按钮，弹出“发布设置”对话框，选中“播放器”下拉列表中的“Flash player 8”单击确定。效果如下图。

(3)选择“文件/导入/导入到库”命令，在弹出的对话框中选择：ch15/素材/浪漫婚纱相册/01，02,03,04,05,06,07“文件，单击”打开“按钮，文件被导入到　“库”面板中。效果如下图：

（4）在“库”面板下方单击“新建元件”，弹出“创建新元件”对话框，名称输入“照片”“类型“选择”按钮“。单击确定。效果如下图：

　（5）分别将“库“中的位图.02.03.04.05.06.07,拖入舞台中，调整图片的大小，并放置到同一高度。

（6）选中所有照片，选择“窗口/对齐“命令，在弹出的对齐窗口中，单击，”匹配宽与高/顶对齐“。效果如下图：

（7）选择“窗口/颜色“命令，弹出”颜色“面板，填充色为”灰白色“（#DFDFDF），”Alpha“为50%。选择”矩形“工具，笔触颜色为无，在舞台中绘制矩形，放到合适位置。效果如下图：

2. 绘制按钮图形并添加脚本语言

(1) 单击“新建元件“名称为”按钮“类型为”按钮“，选择”多边形“工具，在属性面板中，将笔触颜色设为无，填充色为白色。在 “工具设置”选项组是单击“选项”按钮，在弹出的“工具设置“对话框中，样式为”星形“边数为”3“.绘出多边形。效果如下图：

(2) 选择“选择“工具，将左下方和右上方的两个角变为直线，再把星形左侧的角调整到适当的位置，选择”任意变形“工具，改变其形状。效果如下图：

(3) 单击“时间轴“面板上方的场景1,进入舞台，将”图层1“重命名为“背景层”。将“库”中的位图01拖入舞台中。选中该层的“256帧”，按F5键，插入普通帧，效果如下图：

（4）在“时间轴”面板中新建“图层”重命名为“按钮”在该层的第二帧，按F6键，插入关键帧。将库中的“按钮”元件拖入舞台中，并放置到合适位置，单击“文本”工具，输入“浏览”放置到合适位置效果如下图：

（5）选择“按钮层”第一帧，选择“窗口/动作”在弹出的面板中单击“将新目录添加到脚本/全局函数/时间轴控制/stop”命令。之后，在图层第一帧上出现一个 “a”。效果如下图：

（6）选中“按钮层”的第一帧，在舞台中选中“按钮”，在“动作”面板中单击“将新目录添加到脚本/全局函数/时间轴控制/on”命令。之后选择“release”.之后将光标移到第1行最后，按“Enter”

（7）在“动作”面板中单击“将新目录添加到脚本/全局函数/时间轴控制/gotoAndplay”后面括号内输入数字“2”效果如下图：

3. 制作浏览照片效果

（1） 在“时间轴”面板中新建“图层”重命名为“按钮”在该层的第二帧，按F6键，插入关键帧。将库中的“照片”元件拖入舞台的最外侧。效果如下图：

（2） 选中“照片层”的第265帧，按F6插入关键帧。按住“shift”把“照片”元件，拖到舞台最右侧，右键该图层第二帧，选择“创建传统补间“命令。效果如下图：

（3） 在“时间轴”面板中新建“图层”重命名为“遮罩层”在该层的第二帧，按F6键，插入关键帧。选择”矩形“工具，在属性面板中，将笔触颜色设为白，笔触大小为5.00,填充色为灰色（#999999）。在舞台中绘制一个矩形，调整其大小，并放到合适的位置，按住”shift+alt”水平拖，并复制两下，放到合适位置。效果如下图：

（4） 右击遮罩图层名称，在弹出的菜单中单击“遮罩层”命令，将其转换为，遮罩层，效果如下图所示：

在“时间轴”面板中新建“图层”重命名为“白框层”。选择“线条”工具，按住shift键，在舞台中绘制一条直线，再用相同的方法绘制两条水平直线，

（5） （6）选择“选择”工具，将直线同时选取，按ctrl+g　将其组合，按住“shift+alt”将其拖拽3次，选中任意2个白框，选择“修改/变形/水平翻转”，命令，将其水平翻转。将其放置在与矩形边框重合的位置效果如下图：

。按“Ctrl+Enter”就可以查看结果了。

本文来源：https://www.2haoxitong.net/k/doc/4964775dcf84b9d528ea7a96.html