FlashCS5动画设计项目-学习情境三电子相册制作分析报告.ppt

Flash电子相册是将照片连接起来，形成动态影片，在Internet上和朋友们分享的一种方式。通过这种方式可以记录幸福的时光，表达对生活的热爱。相信大家通过该项目的演练，能够对电子相册的创作得心应手。 3.4.1 项目效果 本项目主要介绍通过“文字工具”、“任意变形工具”、“颜色”面板、“库”面板、“元件”的创建与使用、“传统补间动画”的制作、“Action Scriptr语言”的编写及“场景”的创建与应用等知识来制作“浏览婚礼照片”项目。通过该项目的创建，学习脚本语言的编写与语句作用，掌握“传统补间动画”的创建方法及“场景”的创建与作用，最终项目效果如图3-74所示。 图 3-74 “浏览婚礼照片”场景1及场景2效果 在本案例中，主要解决以下问题： 1．“文字工具”及“任意变形工具”的使用。 2．“库”面板的使用。 3．“传统补间动画”的创建与作用。 4.“遮罩动画”的创建与作用。 5．“ActionScript”语言的编写与相关语句作用。 6．“场景”的综合运用。 3.4.2 案例目的 3.4.3 项目技术实训 1．导入图片 （1）选择“文件｜新建”命令，在弹出的新建文档对话框中选择“ActionScript 2.0”，单击“确定”按钮，进入新建文档舞台窗口。按“Ctrl+F3”组合键，弹出“属性”面板，单击“大小”右侧“编辑”按钮，弹出“文档设置”对话框，将舞台宽度设为800像素，高度设为450像素，单击“确定”按钮，“属性”面板效果如图3-75所示。 图 3-75 文档属性设置 （2）在“属性”面板中，单击“配置文件”右侧的“编辑”按钮，弹出“发布设置”对话框，选择“Flash”选项卡，将“播放器”设置为“Flash Player 10”，将“脚本”设置为“Action Script 2.0”，如图3-76所示。 （3）选择“文件｜导入｜导入到库”命令，在弹出的“导入到库”对话框中选择“学习情境3｜素材｜浏览婚礼照片”文件夹下的所有文件，单击“打开”按钮，这些图片都被导入到“库”面板中，效果如图3-77所示。 图 3-77 “库”面板 图 3-76 “Flash”选项卡设置 单选项，然后单击“水平中齐” 、“垂直中齐” 、“匹配宽度” 、“匹配高度” 4个图标，使图片与舞台大小相符合，效果如图3-78所示。 （4）使用“选择工具”将“首”图片拖入至舞台窗口，按“Ctrl+K”组合键，调出“对齐”面板，选中“对齐/相对舞台分布” 图 3-78 背景图片 2．制作“背景”影片剪辑元件 （1）选中“背景”图片，按下“F8”键，在弹出的“转化为元件”对话框中，在“名称”选项文本框中输入“背景”，在“类型”下拉列表中选择“影片剪辑”类型，单击“确定”按钮，将其转换为影片剪辑元件，如图3-79所示。 （2）双击该“影片剪辑”元件，进入其编辑状态，将“图层1”重新命名为“背景”，选中第30帧，按“F5”键，插入普通帧，在“背景”图层中单击“锁定/解除锁定所有图层”按钮，锁定“背景”图层。单击“时间轴”面板下方的“新建图层”按钮，创建新图层，并将其命名为“首1”。将“背景”图层移到“首1”图层的上方。 （3）单击 “首1” 图层，选中第1帧，然后选择“选择工具”，将“首1”图片从库中拖动至舞台窗口中，如图3-80所示。选中该图片，单击鼠标右键，从弹出的快捷菜单中选择“转换为元件”命令，在“名称”选项文本框中输入“首1”，在“类型”下拉列表中选择“图形”类型，单击“确定”按钮，创建“首1”图形元件。 图 3-79 转换为元件 图 3-80 首1 （4）单击 “首1” 图层，在第15帧、第30帧上单击鼠标右键，在弹出的菜单中选择“插入关键帧”命令，选中第15帧，按“Ctrl+F3”组合键，打开“属性”面板，在“样式”下拉列表中选择“色调”，将“红”及“縁”的值分别调整为“0”，如图3-81所示。分别选中第1帧及第15帧，单击鼠标右键，从弹出的快捷菜单中选择“创建传统补间”命令，时间轴面板如图3-82所示。 图 3-81 设置“色调”参数 图 3-82 时间轴面板 （5）单击“时间轴”面板下方的“新建图层”按钮，创建新图层，并将其命名为“首2”。将“背景”图层移到“首2”图层的上方。 （6）单击 “首2” 图层，选中第1帧，然后选择“选择工具”，将“首2”图片从库中拖动至舞台窗口中，如图3-83所示。选中该图片，单击鼠标右键，从弹出的快捷菜单中选择“转换为元件”命令，在“名称”选项文本框中输入“首2”，在“类型”下拉列表中选择“图形”类型，单击“确定”按钮，创建“首2