Fireworks设计制作出具有GIF动画效果的BANNER实例教程

Fireworks不只在网页制图、切图、与Dreamweaver团结上有其独到的上风，建造GIF动画也是它的刚强，本文我们一路进修怎样行使Fireworks MX建造一个滑腻变色结果的Banner，信托这样的Banner必然会让您的网站增色不少!

通过本教程进修我们可以把握标记(symbol)的界说、修改、行使等题目，调理色相/比拟度(hue/saturation)，补间实例动画(tween instance)，层(Layers)和帧(Frames)的根基用法，还可以进修几个殊效。

1.新建画布，巨细为468*60(Banner尺度尺寸)。选择素材图片，虽然也可以手绘，调解到恰当巨细，如图：

2.将图片克隆(原地复制，虽然用复制、粘贴也可)几个，这首要取决于你但愿所变颜色的几多。例中有三种颜色变革，故克隆三个，可以领略为Flash里的要害帧,选中克隆的图片，选择菜单项滤镜(Filters)->颜色(adjust color)->调理色相比拟度(hue/saturation)，对要害图片举办变色处理赏罚，必要留意的是，在调理进程中，不要调理亮度，不然整个图片都产生了变革，起首调理为绿色!色相值：120，如图所示是绿色图片的参数配置。

其他的图片颜色调理和该例相同，hue值蓝色为180，紫色为-80，图片差异调理的参数也差异，这里不赘述，请读者在建造中细心调解，还要出格留意在建造前要想好颜色的变革进程，最好是统一色系逐渐变革，如先由蓝变绿，再由绿变紫……，本例就是要实现这种变革!调解好颜色，将他们按次序摆放，看看色彩过渡的跨度是不是太大，假如太大，再做调解，直到满足为止!如图：

3.选中一个图片(例中为绿色)按快捷键F8，可能右键convert to symbol，在弹出的对话框内选择动画标记(Animation)，点击确定，这时会弹出一个要求进动作画配置的对话框，我们暂且对它不做配置，保持为一帧，移动为0就可以了，如图：

单击确定，将该图片转化为动画标记，在画布上会看到带箭头的虚线边框的实例，我们将它删除~!(不要怕，标记已经界说到库中了，然后将其他的图片按此要领都转化为标记!

4.这个时辰画布一片空缺，好象我们辛勤了半天，都白做了?!不要着急，真正的动画还没有开始做呢，看着画布是不是有点单调啊，我们给她美化一下吧，由于我们的素材配景是玄色的，我们把画布的配景改为玄色，菜单修改(Modify)->画布(Canvas)->画布颜色(Canvas Colors...)，再在角上加个不动的图片吧，使Banner越发活跃，如图：

5.好了，前期事变根基停当，开始真正的动画了，此刻看看你的几个首要面板都打开了吗?库面板(Window->Library F11)、帧面板(Window->frames Shift+F2)、层面板(Window->layers F2)。假如没有打开，按括号中的打开吧。起首点击层面板，双击我们的配景地址层，在弹出的小窗口里的方框里打上勾，(在输入栏里可以给图层起个好记的名字，看你的喜爱了~!)，即共享这个图层，也就是说，在往后的动画中，这一层是始终稳固的。完成后图层右面呈现个胶片的图标，对，就是谁人小梯子。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!