第8章 电子相册综合项目

1、第8章 电子相册综合项目Flash CC动画制作案例教程教学PPT（简单版）认识电子相册制作电子相册FL电子相册制作流程2 2 认识电子相册，熟悉电子相册的制作流程和优点。 掌握电子相册的制作方法，能够运用Flash完成电子相册的制作。学习目标3 3 目录8.1电子相册概述8.2项目分析8.3项目实现4 4 1 1认识电子相册认识电子相册2 2电子相册制作流程电子相册制作流程3 3电子相册优点电子相册优点8.1 电子相册概述5 5 电子相册是指可以在电脑上观赏的区别于视频文件的特殊文档，其内容不局限于摄影照片，也可以包括各种艺术创作图片。通过制作软件将这些静态的图片连续展示出来，就形成一个电子

2、相册，如图8-1图8-3所示，即为电子相册的部分截图。1、认识电子相册、认识电子相册8.1 电子相册概述6 6 在电子相册的制作过程中，主要包括获取素材、处理素材、制作相册等几个流程，具体介绍如下。1）获取获取素材素材制作电子相册首先要获得数字化的图片，即图片文件。用数字相机拍摄，可以直接得到电子图片文件。也可以使用普通相机拍摄，通过扫描仪得到图片文件。如果是游戏画面或视频画面，可采用屏幕拷贝或功能更强的截屏工具获得图片。2）处理处理素材素材在获取数字化的图片后，还要对图片进行相应的处理，使图片更加精美，符合电子相册的尺寸设计要求。通常处理素材可以运用Photoshop或美图秀秀等一些图像处理

3、软件。3）制成制成相册相册最后使用电子相册制作软件将处理后的图片制作成电子相册。本项目我们使用Flash完成电子相册的制作。2、电子相册制作流程、电子相册制作流程8.1 电子相册概述7 7 和传统的纸质相册相比，电子相册具有以下优点。1）应用方便：电子相册可以和很多人同时在大屏幕电视上欣赏，其载体可以是手机、电脑、光碟等。2）选择性强：可以用一套图片制作出多种形式的电子相册，便于欣赏。3）欣赏性强：以高科技处理照片，并配上优美的音乐，加以动态效果，可以给人以完美的视听享受。4）成本低廉：只要会简单的Flash动画操作，都可以制作属于自己的个性相册。此外数字化的图片省去了纸质载体，极大地节约了成

4、本。2、电子相册优点、电子相册优点8.1 电子相册概述8 8 1 1设计定位设计定位2 2素材分析素材分析8.2 项目分析3 3动画效果和脚本分析动画效果和脚本分析9 9 在设计电子相册之前，需要对对电子相册进行整理的规划和构思，定位电子相册的主题、色调，为后续设计提供系统性的规范。1）主题：本项目选取婚礼相册作为主题，拟定分为两个部分。前半部分为相册打开动画，后半部分为照片展示动画。2）色调：根据主题内容，可已选择喜庆、热烈的颜色（如红色、绯红色）或浪漫温馨的颜色（如浅粉色）作为主色调，如图8-4和图8-5所示。1、设计定位、设计定位8.2 项目分析1010 电子相册作品制作过程中素材选择很

5、关键，选取素材时即需要借助网络的优势，下载一些符合主题的素材，也需要自己动手，拍摄一些可以使用的数字照片，如图8-6和图8-7所示所示。2、素材准备、素材准备8.2 项目分析1111 很多素材在我们的制作使用中并不是十分尽人意，这时可用第三方软件对它们进行进一步的加工处理，一般使用Photoshop（具体可参考PhotoshopCC设计与应用任务教程），进行裁剪、调色、修补等处理，实现更加精美的相册制作。如图8-8所示，即为本次任务所用的素材。2、素材准备、素材准备8.2 项目分析1212 素材不局限于图片，在电子相册的制作中，还会包括音乐、视频等素材文件。音乐能使电子相册的效果更加突出，烘托

6、气氛，好的音乐可以起到画龙点睛之效。而视频贵在真实直接，让观赏的人有一种身临其境的感觉。如图8-8所示的素材截图，就包含了“music.mp3”这一音频文件。2、素材准备、素材准备8.2 项目分析1313 在制作电子相册时，包含了多个动画效果，为了避免混淆，保证效果之间的衔接和过渡，在设计电子相册之前，一定要先预设版式效果，然后预设需要加入的动画和脚本。在分析动画效果时，可以从相册打开动画、相片展示动画、播放控件三个方面进行分析。1）相册打开动画：首先看一下相册打开动画开始和结束画面，如图8-9和图8-10所示。3、动画效果和脚本分析、动画效果和脚本分析8.2 项目分析1414 通过对比图8-

7、9和8-10的变化可以为相册打开预设动画效果。点缀的花朵：可以添加传统补间动画，制作花朵旋转的动画效果。卡通任务：有一个位置和大小的变化，可以添加传统补间动画，制作位移和缩小的动画效果。文字：由隐藏到出现，可以为其添加一个遮罩，制作一个文字由左到右渐渐出现的遮罩动画。花瓣：图中花瓣的数量、大小、不透明度，因此可以制作一片花瓣飘落的引导层动画，然后通过脚本代码控制器随机的数量、大小和不透明度。3、动画效果和脚本分析、动画效果和脚本分析8.2 项目分析1515 2）相片展示动画：首先看一下照片的开始和结束画面，如图8-11和图8-12所示。通过对比图8-11和8-12的变化可以为照片展示预设动画效果。背景照片：可以运用传统补间动画为其制作淡入和逐渐模糊的动画效果。小照片：可以运用传统补间动画制作旋转飞入的动画效果。3）播放控件：可以通过脚本代码控制动画的播放、暂停和重播。3、动画效果和脚本分析、动画效果和