我的动漫相册.docx

我的动漫相册.docx

《我的动漫相册.docx》由会员分享，可在线阅读，更多相关《我的动漫相册.docx（13页珍藏版）》请在冰豆网上搜索。

我的动漫相册

河南理工大学高职学院

实训报告

课程设计名称：

动漫相册

系别：

信息工程系

班级：

计算机11-1

学号：

401011020

姓名：

张慧

成绩：

2013年6月21日

3.3导航按钮的制作…………………………………...8

摘要

Flash是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。

我用Flash来制作一个像册，界面比较简单，Flash能够很好地支持声音，具有交互功能，能够制作出许多眩目多彩的效果。

拥有自己的动漫相册，基于flash环境下动漫相册的设计，实现相册的翻页和闪烁效果！

动漫相册设计就是综合运用图像、声音、语言、文字等多种元素全面地展示相册。

因为动态而更具煽动性，比平面媒体要丰富得多。

第一章选题的意义

在这次前期的制作中，在这次完全靠自己的水平去设计动漫相册，从人物设计的到剧情的安排，从背景的设计到一些大体的制作和细节的处理，我发现自己的对于flash水平有了明显的提高。

有人说，选对了题目，论文就等于完成了一半。

这种我说法很有道理。

我个人觉得对于这次自己的题材也许会因为水平所限而做的有些粗糙。

但是，我肯定可以能够将这个题材会完善到自己满意的地步。

我想当我做出让自己满意的作品的时候，我对于flash的了解将会近前一步。

这种进步将会影响到我对于未来几年的计划。

第二章设计概述

1、设计思路

通过创建影片剪辑元件和按钮的制作，与图片相结合，通过运用创建的影片剪辑更好更方便的实现图片之间的变化，单击某个图片可以看其大图，可以关闭，单击导航头像，可以实现不同类型图片之间的切换。

具体思路如下：

1．首先确定动画的具体内容；2．确定动漫相册中的人物、场景的绘制；3．收集所需的图片素材；4．根据图片收集的素材绘制场景；5．根据要占线的内容在flash中添加特殊效果以及给图片、按钮等添加脚本动作；6．声音的选定。

将声音与图片很好的融合在一起；7．添加背景音乐并导出动画。

2、设计目的

通过对文本、图像、音频和视频媒体的制作方法和工具的学习，使自己能够独立地运用相关软件进行图像处理和动画制作，并在此次实践中检验自己的掌握程度。

运用动画制作软件Flash设计制作动画。

Flash作品要求做一个动画短片，主题自定，内容健康向上。

要使用学到的知识，比如：

用按钮、脚本、遮罩、引导动画、背景音乐等。

（1）了解flash动画的特色及基本原理。

（2）熟悉flash软件的基本功能。

（3）掌握flash动画的基本制作方法。

第3章制作过程

3.1个人相册背景的设计（添加背景图片，图层遮罩，帧的使用）

1、文件—新建文件，flash文件（actionscript2.0），修改文档为800*600像素。

2、添加背景。

文件—导入到库，导入背景，把背景拖入场景，

3.2阿狸总管制作

1、新建图层，命名为阿狸，在第10帧插入关键帧，创建阿狸总管影片剪辑，回到场景，在库中新建文件夹，将阿狸总管拖入，空文件拖入场景，双击打开，将阿狸的五张小图片导入到库。

2、由于场景的背景图片不规范，给相框创建五个遮罩，遮罩的形状和图片背景的形状大致一样，将遮罩转换为相框元件，分别命名为五个相框，把场景中的遮罩删除。

3、新建阿狸图形元件1，将阿狸图片1拖入元件，设置居中，新建图层2，将第一相框拖入，把阿狸1覆盖，右击图层2，创建遮罩层。

回到场景，双击阿狸总管，将阿狸图行一拖入合适的位置。

如图所示：

4、直接复制图形原件，命名为阿狸元件2，双击打开，将其第一帧的图片和相框删除，拖入新的阿狸图片2和第二相框，并设置其位置，将其元件二拖入场景。

5、用同样的方法，把其他三个做好，也可以直接复制阿狸图形元件1，替换一下图片，将其拖入场景。

如图所示

6、选中五张图片的图层，在第五帧的位置按F6，插入新的关键帧，创建补间动画，同时选中图层第一帧，将其alpha的值改为0%，在同时选中第五帧，将其alpha的值改为70%，只有鼠标放上去是最亮的。

7、新建as图层，要关闭一会，在第五帧插入空白关键帧，右击选择动作，在动作面板中写stop（）;.

8、回到场景，让阿狸图片影片剪辑从第十帧开始，到第十四帧结束。

9、新建汪星人图层，第十五针给汪星人，让汪星人从第十五帧开始，到二十帧结束。

10、新建金贤重图层，让金贤重从第二十帧开始，到二十五帧结束。

如图所示：

3.3导航按钮的制作

1、.为了方便在单击第一个头像时运行10-15帧，单击第二个头像时运行15-20帧，单击第三个头像时运行20-25帧.。

在as图层上在第十四帧的位置上，按F7插入空白帧，在动作面板中写入stop（）;.在第二十帧也写入stop（）;.

2、在库中新建导航文件夹，放导航的三个头像，存放的图片要是PNG格式的，PNG是可以显示背景图片的，导入的图片会自动创建三个元件，更改名称。

3、创建阿狸导航头像按钮。

将阿狸头像拖入，并将其居中，在弹起的状态下将alpha值改为70%，

4、新建影片剪辑，阿狸影片，将阿狸元件拉进去，位置居中，在第五帧按F6，创建补间动画，将第一帧的alpha值改为70%,使鼠标放上去有变亮的效果。

5、打开阿狸头像按钮，在指针经过创建空白帧，将阿狸影片剪辑拖进去。

6、在阿狸影片剪辑中，新建一个图层，画一个矩形方框，和头像一样大，在十帧的位置插入关键帧，在第十帧并将其方框拉大，其alpha值为0，创建补间动画，复制帧，在图层3上靠后一点的位置粘贴帧，使只有水波的效果。

7.、添加文本。

在头像的下面添加文本阿狸，使鼠标指向时出现文本，回到阿狸头像按钮，在按下插入帧，在点击出入空白帧。

8、复制阿狸导航按钮和阿狸影片剪辑，并改为汪星人导航头像按钮和汪星人影片剪辑，双击进去，交换元件，将阿狸头像换掉，把文字变为汪星人。

9、用同样的方法，制作金贤重导航按钮和影片剪辑，并将其拖入场景，测试一下效果，单击头像已经可以切换。

3.4金贤重总管制作

1、新建金贤重图层，在第15帧插入关键帧，新建金贤重总管影片剪辑，回到场景，在库中新建文件夹，将其金贤重总管拖入，空文件拖入场景，双击打开，将金贤重的五张小图片导入到库。

2、直接使用已将创建好的相框元件

3、新建金贤重图形元件1，将金贤重图片1拖入元件，设置居中，新建图层2，将第一相框拖入，把金贤重1覆盖，右击图层2，创建遮罩层。

回到场景，双击金贤重总管，将金贤重图行一拖入合适的位置。

如图所示：

4、直接复制图形原件，命名为金贤重元件2，双击打开，将其第一帧的图片和相框删除，拖入新的金贤重图片2和第二相框，并设置其位置，将其元件二拖入场景。

5、用同样的方法，把其他三个做好，也可以直接复制金贤重图形元件1，替换一下图片，将其拖入场景。

如图所示

6、选中已经拖好的五张图片的图层，在第五帧的位置按F6，插入新的关键帧，创建补间动画，同时选中图层的第一帧，将其alpha的值改为0%，在同时选中第五帧，将其alpha的值改为70%，只有鼠标放上去是最亮的。

7、回到场景，让金贤重图片的影片剪辑从第十五帧开始，到二十帧结束。

汪星人影片剪辑的制作

重复阿狸和金贤重的制作步骤。

此时我们已经可以实现完整的图片切换，下面来实现单击某个小图片出现数遍放上去能放大的效果。

3.5指向图片放大

1、双击场景中选中阿狸层，在阿狸图片1上创建一个新的图层，命名为阿狸按钮1.。

2、新建阿狸按钮，打开按钮，在指针处插入关键帧，拖入阿里图片1.并将其拖入场景，调整合适的位置、对齐，场景的那个位置会变为蓝色。

3、制作放大放亮的效果。

新建影片剪辑阿狸放大变亮1并打开，将阿狸图片1拖入，在第一针的位置将alpha调为70%，在第五帧插入关键帧，并将其亮度调为100%。

并调整的比开始大一点，这样就会具有放大变亮的效果。

4、.在图层上面建立一个as图层，在第五帧的动作面板中写入stop（）;

5、打开阿狸按钮1，将指针位置的删除，并将其阿狸放大变亮1，回到场景中查看其效果。

6、打开阿狸影片3，选中图层的第一帧复制，在新建图层，插入关键帧从中间开始做，然后粘贴帧，在第十帧的位置插入关键帧，并将图片拉大，将其alpha值调为0，将as图层延长。

7、制作阿狸其他的图片，步骤和上面的一样，也可以直接复制，打开将其元件直接替换，最终如下：

3.6制作单击某个图片出现的大图

1、新建元件，建立一个阿狸大图1影片剪辑，回到场景，将其拉入场景，调整其位置，最好不要和按钮在一起，然后双击进去，导入一张阿狸1的大图。

2、新建图形，阿狸大图1的图形，将阿狸大图1拖进去，回到场景，点进去，将其阿狸大图1图形拖入，调整大小。

3、打开阿狸大图1的影片剪辑，将第一帧上的图片拖入到第二帧，并延长，创建补间，将第一帧的alpha的值为0新建图层，在第一帧的位置写入stop（）;

4、点击阿狸大图1的按钮，将名字改为a1，在动作面板中写入动作，on（release）{

a1.gotoAndPlay

（2）;}

5、新建图层为关闭曾，创建关闭按钮，在弹起下面制作关闭按钮图形，并居中，在第五帧的位置，在动作面板中写入

on（release）{

gotoAndPlay（7）;}

6、将关闭按钮拖入阿狸大图调整合适的位置，复制图层1的帧，在最后一帧粘贴帧，并将其翻转帧，效果如下：

7、创建薄膜层，防止点击一个图片，再点击另一个图片也会打开，在第二帧的位置，创建一个矩形薄膜，和场景一样大，右击矩形，将其转换为元件按钮。

8、开按钮，将其拉到点击区域，回到场景，效果如图：

9、用的方法制作其他图片的大图，并调整其位置的。

3.7声音的插入

1、新建图层，命名为背景音乐层，文件—导入，音乐文件到库，将音效其拖入场景。

2、单击某个图片出现的音效。

打开阿狸大图1，新建音效图层，拖入另一个音效sound78。

3、其它的大图片操作和2一样，均添加声音，

4、添加导航头像的声音。

打开头像按钮，在指针经过处插入关键帧，将声音拖入

最终效果如下：

第四章总结

4.1存在的问题

缺少画面设计意识，课件制作的结构意识差，制作前没有一个清晰结构思路，没有根据内容特点来设计框架导航，没有充分考虑使用者操作时出现可能出现的意外情况。

 4.2总结

本论文主要介绍了该动画片的设计过程和实现方法。

论文首先主要介绍制作该flash动画的目的和意义，设计该动画的技术和指导思想，并对该部动画进行可行性分析，概要设计；然后进行动画影片的剧本策划，位图处理，影片序幕的制作，并以AdobeFlashCS3为开发工具完成了动画的详细设计；接着完成了声音导入，然后导出和发布影片！