今天要教大家做一个具有简单交互功能但又不用写太多脚本的FLASH相册，看题目就知道我这个教程将会写的很详细，让刚接触动画的网友也可以按照我的步骤完成此相册的制作，同时在制作过程中用到的一些绘图和优化技巧以及工作思路相信对一些非菜鸟级的动画爱好者也会有一定的借鉴作用。
相册实现功能
这个相册有一个单色的图片背景，画面中间有一个像“十字架”准心的图形，这个准心中间安排有相册相片的小图，小图两边有两个按钮，点击可以“上一张”、“下一张”切换图片，切换图片的过程中，中间的小图片会从不同的方向滑进矩形框内。点击中间小图可以看到大图，看大图片的时候，也可以看到过渡效果，大图高度和宽度不会超出文档范围，在看大图的状态点击图像区域又可以关闭大图，图片左上方是一个显示当前图片数和总图片数的导航指示，准心右边有简单的对应图片说明，切换图片时，文字说明和导航指示都会跟着改变，同时按钮有音效。而且还有几幅图片具有密码保护功能（第3、5幅），要输入密码才能看到
相册截图
字串2
构思动画
在做一个动画之前做好全局构思是很有必要的，有了构思就好比有了行动的目标，你的行动才能快速展开。打个比方说你今天要外出，之前你一定会想好自己要去那里，不然当你走出家门的时候你会在门口犹豫自己要去那里，这样会浪费你的时间。做动画也一样，如果你一开始在你的脑海中完整的描述过你的动画要实现什么功能，你的行动将会很有目的性，你的构思将指导你如何去找你想要的素材，如何实现动画效果，甚至可能要用到什么脚本自己都一开始心中有数了。而现在要做的这个动画的构思就是前面说到的动画实现的功能了，在此不多说了。
收集和处理素材
根据结果要实现的功能先找齐素材，正真开始做动画的时候就会很快了，就像你要砌房子，之前你如果准备好了砖等材料，你在砌砖的过程中就可以一直做下去，不用中途又要去找材料，做动画也一样，如果你一开始没有找齐素材，在做的过程中一次又一次中断工作去找素材肯定会浪费你的时间，况且在当今高率节奏的社会，你没有效率你就没有竞争力。
当我们要用FLASH做一个作品的时候，当我们要为将要做的动画收集整理素材的时候，首先要清楚FLASH最终输出文档尺寸是多少？用于网络还是本地浏览的？然后根据这些限定条件收集和优化素材，在处理图片素材时，往往有这样一个原则：导入FLASH中的图片尺寸最大值不要超出图片在动画中可能出现的最大尺寸。举个例来说，如果你要做一列位图按钮，这些按钮不大，你就不要导入大图片再把它缩小再用。而今天要做的这个相册有小图和大图，它们共享共一张图片的，所以你的导入的图片不能以小图为准，这样你做放大的图片时图片被拉伸也不好，也不要太大，图片大图显示有多大就用多大。这个相册大小定为760× 430像素。图片素材我们一共选用11张图片，一张作为背景图，先用Photoshop处理成单色图片，并在白色背景的前提下用蒙板加线性渐变工具处理成下面那样： 字串1
字串2
 字串2
3．【图片背景制作】回到主场景，双击“图层1”名字重命名“图层1”为“背景”，拖动库中的bj.jpg图片到主场景，用箭头工具选中该图片并调出FLASH元件对齐窗口（窗口→对齐），使图片左、顶，或者左、下对齐，结果因为图片高度我已在Photoshop软件中处理成与文档高度相同，整个图片就刚好排在文档的左边了。（也可以直接在属性栏输入位置坐标为(0，0)，实现背景图片的对齐）。此时时间轴如下：
字串1
 字串5
4．【背景其它修饰图形绘制】新建一图层，命名为“背景图形”，此时先锁定“背景”层，以防止误操作，回到“背景图形”层，选择工具箱中的“圆形”工具，线条颜色为“深蓝色”，填充色为“无色”，如下图：
字串2
字串4
在场景中央按住SHIFT键绘制一个正圆形，选中此圆按右键选择转换为元件，在出现的对话框中输入名称为“背景图形”，类型为“图形”，确定后回到场景双击刚才转换为元件的圆形进入元件“背景图形”编辑窗口，然后在这个影片剪辑内重命名第一层为“圆圈”，再新建一层，命名为“线条”，根据开始我提供的结果图绘制一条横线和一条竖线，并让它们的相交点对齐到一开始绘制圆圈的中心点，（在完成这一步后如果觉得线条粗细不合适，或者颜色不满意，可以通过场景下方的属性栏进行修改），如下图： 字串1
 字串2
再新建一层，命名为“文字”，选择工具箱中的“文字”工具在场景左边写上 “My Photo”字样，再绘制两个小圆形放在圆圈与垂直线上下相交点中间，最后再建立一新层，命名为“扇形”，选择圆形工具从准心中间按住SHIFT+ALT 键向外拖动鼠标绘制一个大一点的圆形，并给它填充半透明颜色(目的是可以透过它看到下一层的内容，方便对位，况且等一下要把它转为遮罩，而透明度不影响动画遮罩效果的)，接下来借箭头工具用框选的方法删去大圆的左半圆，再配以套索工具再删去剩下半圆的一角，最后结果如下：
字串5
接下来再选中半透明绿色扇形右键选择转换为元件，名字为“扇形”，类型为“图形”，按确定钮后双击扇形进入“扇形”元件编辑窗口，新建一图层命名为“线条组”，并在这层绘制很多水平的线条，最后用对齐工具调整这些线条的对齐和间距到合适，如下图：
字串6
最后调整两层顺序，在“图层1”的名称上点右键，在出现的菜单中选择“遮罩层”，再复制“图层1”中的扇形到一个新建的命名为“外线框”的层中，选择工具箱中的“墨水瓶”工具，调整线形颜色与“线条组”的线条颜色一致，给这个扇形加上外边框，最后完成扇形绘制，如下图：
字串4
注:本站资源收集均来子互联网,如有侵权请告知,我们将第一时间删除.
|
当前位置：
