QQ登录 会员登录 注册或点击登录代表您同意《素材之家用户协议》
欢迎来到素材之家
当前位置:首页 > 软件教程 > Fireworks教程 >

Fireworks设计妇女节主题宣传GIF动画

  我们以这个妇女节为主题宣传动画表达衷心的祝福,愿全世界的女性都能够美丽自信、幸福美满。

  在下面的例子中,我们通过具体的Fireworks的实例为即将到来的三八妇女节献上一个精美的礼物。我们首先使用Fireworks的矢量路径工具如矩形、笔触、路径等勾勒出一个卡通的女性形象。为了使得形象更加具有生动感,我们可以为图像添加一定的动画效果,从而制作出一个GIF动画,为三八增加一些趣味和色彩,同时我们能够对Fireworks的帧、动画等功能加以熟悉,在这里以妇女节为主题设计的一幅动画来表达我们衷心的祝福,愿全世界的女性都能够美丽自信、幸福美满。

  先来看看最终的效果:

  1、首先在Fireworks中新建一个大小为400×400的画布,在这里我们将画布颜色自定义为红色,如图1所示。

  图1 新建红色画布

  2、在这里我们要绘制的是一个拥有迷人的脸蛋,卷曲的长发,丰满的身材的漂亮女人。首先来绘制圆圆的脸蛋,只要绘制一个椭圆,使用钢笔工具增加一些锚点,然后用部分选定工具对锚点进行形状调整就可以了,由于脸蛋的很大一部分都要被头发挡住,对其形状的要求可以放低。设置填充颜色为#FFEEDA,笔触颜色为黑色,柔化圆形,大小为2,如图2所示。

  图2 绘制圆圆的脸蛋

  3、脸蛋画好了,就要绘制弯弯曲曲的长发了,因为有着一头卷曲长发的女人最为动人,但同时卷发的绘制会相对复杂一些,使用前面的方法对绘制的各种形状(可以根据需要自由选择圆形、矩形中的一种进行初步绘制)进行自由变形,从而勾勒出头发的基本形状,如图3所示。

  图3 绘制卷曲头发的轮廓

  4、为了让头发有高光的效果,从而显得更加有层次,我们可以在这个基础上添加一些曲线和较深一点的颜色,其中较深颜色的区域也是由矩形或者椭圆等规则形状进行变化得到的,最终得到如图4所示的效果。

  图4 给头发添加卷曲和高光效果

  5、接下来我们给她添加上美丽的眼睛和小巧的嘴巴,三个月牙形和几条曲线,就能够很好的勾勒出女性恬静美丽的五官,如图5所示。

  图5 添加眼睛和嘴巴

  6、这样美丽女性的头部就全部画好了,接下来要绘制的是她的身子,只需要绘制一段露在外面的脖子和手臂就可以了,在这里为了表现女性的妩媚和追求浪漫的本性,我们将她的上衣颜色设置为紫罗兰色,如图6所示。

  图6 绘制女性的身体

  7、这样一位美丽而又不失含蓄的现代女性就绘制好了,由于女性大多都有着母性的光辉,她们不停的向身边的人挥洒爱心,在这个漂亮女人的背后,我们绘制两颗爱心,用两种不同的粉色进行填充,为了得到一种发光的朦胧效果,我们可以在心的周围添加发光,使用Fireworks属性面板中的效果菜单为对象添加发光效果即可,从而得到如图7所示的图像。

  图7 绘制心形

  8、我们一般认为有爱心的女性是最最美丽的,女性因为她们的奉献精神而得到人们的赞扬,在这个特殊的属于女性的节日里,我们为了表达对女性的尊重,将画面题字为“有爱的女人最美丽”,如图8所示。

  图8 为图片添加文字

  9、为了让图画更加生动,接下来我们增加一点动画的效果。首先,单击【窗口】选择【帧】面板,可以弹出【帧】面板,如图9所示。

  图9 【帧】面板

  10、单击【帧】面板右上角处的小黑三角,出现弹出菜单,选择【重置帧】这个选项,如图10所示。

  图10 选择重置帧

  11、选择以后就会出现一个对话框,要求输入帧的数量以及确定帧的位置,我们选择添加1帧,并且插入在当前帧之后,如图11所示。

  图11 重置帧对话框
  12、点击确定之后,原先的帧面板上就发生了变化,新增加了一个帧,如图12所示。
  图12 变化的帧面板

  13、而在原来图像的下方状态栏上,也出现了相应的变化,下面的数字由1变成了2,虽然我们所看到的图像没有什么变化,但实际上已经是另外一个与前一个帧画面相同的画面了,如图13所示。

  图13 建立新帧的图像

  14、在这个新的画面上,我们可以对原先的图画做一些改动,例如将心形的内外层颜色对换,将数字3。8以及文字“属于你的节日”都更换一种不同你的颜色,将原先的“有爱的女人最美丽”的标语,改成“温柔的女人最可爱”,为了表现的更加生动,我们还可以在美丽女人的腮上增加两朵红晕,为了使红晕更加自然,可以通过对圆形进行羽化来实现,经过以上的这些修改,我们就会发现一幅不同于上一幅的新画面,如图14所示。

  图14 在新的帧里进行变化后的图像

  15、对图像修改完以后,按住Shift键将帧面板中的帧1帧2选中,双击鼠标,出现帧延时的时间设置,我们将时间设为150/100秒,如图15所示。

  图15 设置帧延时的时间

  16、点击画面下边状态栏中的播放按钮,就可以对动画效果进行预览,满意以后就可以将图片导出了,由于文件中包含动画,我们不能简单的保存,单击文件,选择导出向导,会出现关于处理帧的对话框,在这里我们选择GIF动画,如图16所示。

  图16 导出向导对话框
  17、选择【继续】以后,可以出现【图像预览】的对话框,在这里我们还可以对动画效果进行预览,如图17所示。
  图17 导出预览

  18、选择导出就可以将动画保存成GIF文件了,我们来看一下导出后的效果,如图18所示。

  图18 到处后的动画效果

  小结:本例中我们用Fireworks设计了一幅以三八妇女节为主题的女性宣传画,并适当增加了一些简单的动画效果,相信大家一定会对这个美丽温柔的女性留下深刻的印象的。在绘制过程中,主要用到了直线和椭圆工具,并对这些工具所绘制的路径进行了各种自由变形,从而得到较好的视觉效果。

  在对头发的处理上最为复杂,我们可以对一条条直线进行任意变形以及在适当的位置添加较深的颜色从而达到一种立体的高光效果,这在处理其他图形时也是经常用到的。而在设计好的图像上添加一点小动画,就会使原本平凡无奇的画面瞬间变得生动起来,对于动画的设计,只要掌握了基本的方法,我们就可以根据自己表达主题的需要而尽情发挥,可以添加两个甚至更多的帧来实现变幻无穷的视觉效果,这些都需要读者朋友们在创作的过程中去体会。

  • 日期: 2014-07-07 09:38:53
  • 来源: 脚本之家
  • 版权 图像、字体及音频仅供参考i
    版权声明

    素材之家模板内容(包含但不限于版式、图片、音乐、字体等素材),来源于第三方分享者,其版权归原创作者拥有。若作为商业用途,请获取模板原作者授权或替换相应素材,相关字体以及人物肖像需版权方额外授权,请谨慎使用,素材之家不承担由此引发的一切版权纠纷。

    素材之家提供模板展示平台和网络服务,同时提供客服、内容整理、使用指导、储存等服务;仅供广大用户交流学习使用;对于用户在使用素材之家平台服务过程中自行上传的素材和作品,素材之家不具备审查其内容是否存在侵权等情节的能力。

    用户自行上传和使用素材等内容应遵守相关法律、法规,不得侵犯本网站及权利人的合法权利,情节严重者将依法追究其法律责任,素材之家不承担出现权利纠纷时的任何责任。

    素材之家对作品中含有的国旗、国徽等政治图案不享有权利,仅作为作品整体效果的示例展示,禁止商用。另外您必须遵循相关法律法规规定的使用范围和使用方式,禁止以任何形式歪曲、篡改。

    素材之家尊重知识产权,如知识产权权利人认为平台内容(包括但不限于用户自行上传分享的内容)涉嫌侵权,可通过邮件:tousu@isucai.com.cn提出书面通知,我们将及时处理。

您可能会喜欢的其他教程
ai怎么做彩色蜡笔字体? ai蜡笔文字设计技巧

ai怎么做彩色蜡笔字体? ai蜡笔文字设计技巧

ai怎么做彩色蜡笔字体?孩子喜欢使用蜡笔画画,想要设计一款蜡笔字体,感觉会很好看,该怎么设计这款字体嗯?下面我们就来看看ai蜡笔文字设计技巧...

ai 蜡笔字体 字体设计

AI怎么做漂亮的led描边文字? ai文字描边效果的设计过程

AI怎么做漂亮的led描边文字? ai文字描边效果的设计过程

AI怎么做漂亮的led描边文字?ai中想要设计一款漂亮的文字,该怎么设计呢?下面我们就来看看ai文字描边效果的设计过程,详细请看下文介绍...

AI 文字描边 描边效果 文字设计

ps怎么快速画虚线图形? ps彩色虚线图的画法

ps怎么快速画虚线图形? ps彩色虚线图的画法

ps怎么快速画虚线图形?ps中想要快速绘制虚线图形,比如虚线效果的心形,条形,圆形等等,该怎么绘制呢?下面我们就就来看看ps彩色虚线图的画法...

ps 虚线 虚线图形

AI怎么添加炭精笔效果?

AI怎么添加炭精笔效果?

AI是一款创建并编辑矢量图,插画处理ai的软件,那么怎么添加炭精笔效果呢?下面和小编一起看看吧...

AI 炭精笔

ps线条怎么断开和连接? ps断线效果的制作方法

ps线条怎么断开和连接? ps断线效果的制作方法

ps线条怎么断开和连接?ps中绘制的线条图形是连续的,想要断开,做成一段一段的,该怎么实现呢?断开的又该怎么连接呢?下面我们就来看看ps断线效果的制作方法...

ps 线条断开 断线效果

PS画布不能拖动移动怎么解决? PS画布移动的方法

PS画布不能拖动移动怎么解决? PS画布移动的方法

PS画布不能拖动移动怎么解决?ps的画布是可以随意拖动的,但是在发布的时候,发现不能拖动,放大才能拖动,该怎么办呢?下面我们就来看看PS画布移动的方法,详细请看下文介绍...

PS 画布

AI如何将人物照片转成人物插画?AI将人物照片转成动漫插画教程

AI如何将人物照片转成人物插画?AI将人物照片转成动漫插画教程

当我们学会了这篇教程就可以将自己爱豆的照片绘制成插画的形式保存起来了,不只是爱豆哦,想学习的小伙伴们打开AI一起动手吧...

AI AI教程 照片转插画

cdr怎么设计有棱角的文字? cdr斜角立体字效果的实现方法

cdr怎么设计有棱角的文字? cdr斜角立体字效果的实现方法

cdr怎么设计有棱角的文字?经常使用cdr设计需要的字体,想要设计一款类似建筑棱角的文字模型,该怎么设计这种立体文字模型呢?下面我们就来看看cdr斜角立体字效果的实现方法...

cdr 立体字 字体设计

ps透视参考线在哪? PS快速画出一点透视参考线的技巧

ps透视参考线在哪? PS快速画出一点透视参考线的技巧

ps透视参考线在哪?ps中想要创建透视参考线,帮助绘图,该怎么创建呢?下面我们就来看看PS快速画出一点透视参考线的技巧,详细请看下文介绍...

ps 透视参考线 参考线

AI绘制3个人像矢量插画教程

AI绘制3个人像矢量插画教程

使用AI绘制人物的时候用到的图形会更多,如果想要给人物进行装饰一下细节必须把握好,今天咱们用AI来绘制3个不同的女人,一起来学习吧...

AI AI教程 人物矢量插画

感谢您留下宝贵的建议
问题类型:
提交
此文件需要VIP才能下载!
获取VIP全站模板任意下载
立即开通
注:下载文件较大,请耐心等待!

在线时间:9:00-21:00
点击咨询 常见问题 >
官方交流群:451642347
点击加入