Fireworks绘制愚人节Gif动画小贺卡 |
|
4月1日愚人节最典型的活动就是大家相互开玩笑，捉弄对方。本例中我们就用Fireworks来绘制一个可爱的小动画贺卡，基本构思是在愚人节这一天用动画贺卡的方式告诉朋友自己请客，结果却让他们哭笑不得，才知道自己是被愚弄了。 这个动画贺卡中五彩缤纷的春季场景加上小猪憨厚无辜的表情，相信一定会给大家留下深刻的印象，大家可以把它添加到QQ表情里，聊天的时候发给朋友们。 主要技术要点：我们主要用到了Fireworks矩形和椭圆工具，并对这些工具所绘制的路径进行了各种自由变形和组合（如打孔、交集、联合）以及颜色变化，从而得到较好的层层渐变的视觉效果。 时在绘制大树的时候用到了复制的技巧，一棵看似复杂的大树，只要绘制好一个枝叶，其它的进行复制和变形就可以完成，整棵大树也用到了复制，这样就可以分布在整个画面的不同位置。 绘制小猪的耳朵和猪蹄的时候，用到了水平翻转的小技巧，这样就节省了很多时间。另外添加高光效果能够使得图像生动和富有立体感，羽化的作用功不可没。 1、 首先在Fireworks中新建一个400×400的画布，颜色定义为白色。如图1所示。
2、 接下来我们就在这张画布上绘制一个五彩缤纷的的春天的场景，首先是嫩绿色的草地，先绘制一个大的椭圆，使其一部分弧度作为地平线，然后再绘制两个小的椭圆，用部分选定工具对其形状进行改变，绘制成两棵小草的样子，如图2所示。
3、 按住shift键，将这三部分选定，选择修改菜单中的组合路径联合命令，就可以将这三部分联合成一个整体，设置填充颜色为#C6FF6B，笔触颜色为#319600，笔触大小为2，类型为柔化圆形，得到如图3所示的图像。
4、 为了让草地看起来有渐变的效果，我们可以依次绘制两个更小一些的椭圆，并用不同的深度的绿色进行填充，这样一片原本单调的草地立刻就变得生动起来，如图4所示。
5、 要在草地上添加一棵大树，首先来绘制大树的树干，只要绘制一个多边形，用部分选定工具改变成树干的形状就可以了，树干上的阴影部分可以再绘制一个椭圆，选定两部分，用修改中的组合路径打孔命令来完成，如图5所示。
6、 这里我们用颜色渐变的球来代表大树的枝叶，球的绘制稍微复杂一点，先绘制一个圆形，用深绿色填充，然后再绘制一些圆形与其相交，选定两个圆形，用修改中的组合路径交集命令，然后依次用浅一些的颜色进行填充，这样一个球就做好了，如图6所示。
7、 一个小球绘制好了，只要将其不停的复制，改变它们的大小以及叠放的层次，放在树干不同的位置上，一棵枝繁叶茂的大树就画好了，如图7所示。
9、 地面画好了，为了做图方便，我们可以将地上的所有树木草地都组合到一起，然后就该绘制天空了，通常我们认为天空是蓝色的，但愚人节的天空可就不一样了，我们设想它在夕阳的光辉下变成了渐变的红色，只要绘制不同大小的矩形，然后用不同深度的红色填充，就可以形成一种层层渐变的视觉效果。如图9所示。
10、 我们再给天空添加一轮金黄的太阳，只要绘制一个椭圆就可以了，然后给天空添加几朵雪白的云彩，整个天空是不是瞬间生动明亮起来呀？如图10所示。
12、单击【帧】面板右上角处的小黑三角，出现弹出菜单，选择【重置帧】这个选项，如图12所示。
11、选择以后就会出现一个对话框，要求输入帧的数量以及确定帧的位置，我们选择添加7帧，并且插入在当前帧之后，如图11所示。
12、点击确定之后，原先的帧面板上就发生了变化，新增加了六个帧，如图12所示。
13、而在原来图像的下方状态栏上，也出现了相应的变化，下面的数字由1变成了2，虽然我们所看到的图像没有什么变化，但实际上已经是另外一个与前一个帧画面相同的画面了，如图13所示。
14、在这个新的画面上，我们可以对原先的图画做一些改动，添加一些比较暧昧的文字，“有句话一直想对你说”，选择一种比较俏皮的字体，并给字添加一点发光的效果，如图14所示。
15、打开第三帧，选择一个适当的位置添加 “今天”两个字，并且添加发光效果，设置发光宽度为2，如图15所示。
16、同样的道理，第四帧在前一帧的基础上再添加一个“我”字，但位置稍有变化，如图16所示。
17、为第五帧添加“请客”两个字，位置与上面两帧都不同，如图17所示。
19、最后一帧里，谜底就揭晓了，也是最让人感觉受愚弄的一个场景了，在这里我们绘制一只可爱的小猪，几个大小不同的圆形分别用不同的颜色填充，就可以很形象的勾画出小猪的脸蛋，如图19所示。
20、要给小猪增添两只耳朵，只需要先绘制一只，把一个椭圆进行变形，成为近似的三角形，然后绘制一个椭圆与三角形相交一部分，将两部分选定用修改组合路径中的交集命令就可以得到，并用较深一点的粉色填充，这样一只耳朵就绘制好了，另外一只耳朵就不用再重复绘制了，只要将耳朵的两部分组合起来水平翻转就可以了，是不是节约了很多时间呀？如图20所示。
21、同样的方法我们可以给小猪添加一个圆滚滚的身子还有可爱的小猪蹄，小猪蹄的画法同样用到了水平翻转的技巧，如图21所示。
22、为了让小猪看起来有立体感，我们可以在它的头部以及小猪蹄上都绘制几个椭圆，然后用白色填充，设置羽化半径为20，取消笔触，这样一个非常有立体感的沮丧的小猪就画好了，如图22所示，是不是很可爱呀？
23、最后我们给这个画面添加一个有趣的文字说明“过节了猪头”，并添加发光效果加以修饰，一番愚弄的滋味是不是立刻涌上心头啊？本来还满怀期待，结果是不是很让人沮丧呀？呵呵：）如图23所示。
24、这样整个动画的7帧就全部绘制好了，最后一个过程就是将它们联合到一起组成一个小动画。按住Shift键将帧面板中的帧1帧2选中，双击鼠标，出现帧延时的时间设置，我们将时间设为150/100秒，如图24所示。
25、同样的方法我们可以对其它相邻的两帧进行设定，根据剧情的需要来设置不同的延时时间，如图25所示。
26、全部设置好了以后，点击画面下边状态栏中的播放按钮，就可以对动画效果进行预览，满意以后就可以将图片导出了，由于文件中包含动画，我们不能简单的对其进行保存，在这里我们选择将图片保存为GIF格式，来看看导出以后的动画效果吧，如图26所示。.png原文件下载
。 |
