Fireworks怎样绘制精美闪图动画

  制作步骤:

  1.用Fireworks软件打开一个漂亮的图片,利用左边“工具箱”中的“魔棒工具”点选白色背景处,使白色的背景被全选出来。



  2.按下键盘上的Delete删除键,删除选区中的内容,使这个图片背景拥有透明背景,按Ctrl+D取消选区。



  3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上2次,如下图所示,共制作成3帧。(一般是看闪底素材有多少帧,然后就复制几帧)。



  4.回到第1帧,再次利用“工具箱”中的“魔棒工具”点图片中MM的头发,选中大片的头发黑色,然后选择菜单中的“选择”—“将选取框转换为路径”命令。



  5.将头发选区转换为路径,然后利用相同的方法,用魔棒将衣服和裤子都选中来转化为路径,如下图所示:



  6.单击第1帧,然后选择菜单中“文件”—“导入”(Ctrl+R),选择导入几张闪底素材图,分别对应头发/衣服/裤子的颜色。



  7.我们先来制作头发的闪动效果,分别单击“背景图层”上红色和黑色闪底层前的,隐藏这二层。因为用来制作头发的闪底是横向的,不能完全覆盖头发,所以我们利用菜单“修改”—“变形”—“旋转90度”将其旋转覆盖头发。



  8.选中用于制作头发的闪图对象,按下Ctrl+X剪切下来,点选头发的路径,选择菜单中“编辑”—“粘贴于内部”(Ctrl+Shift+V)命令,将其动画效果粘于头发路径中。



  效果如下图所示:



  9.再利用刚才的方法分别将衣服路径和裤子路径都填充相应的闪图,如下图所示:



  (用这种导入闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟!)

  10.图是制作完成了,现在是最关键的保存工作,为什么说保存工作比较重要呢?这是因为保存时会有些属性需要选择,如果直接保存有可能得不到gif背景透明的动态效果。保存的方法是选择菜单中“文件”—“图像预览”命令,在“图像预览”窗口中选择其“格式”为gif动画,再设置调色板最下方的透明度为“Alpha透明度”,然后再点击预览图标 预览看一下动画效果,满意后再单击“导出”按钮导出gif图像。



  点击看大图

  到此,闪图就制作完成了,来看一下原图和完成效果的对比吧!!



  最后送给大家一些闪底素材。

  闪底素材如下。

(0)

相关推荐

  • 如何使用美图秀秀做闪图

    先看看下面这张图片: (图1) 怎么样?这种闪图效果是不是很酷?但这些闪图的属性是GIF动画格式,制作中要使用多层帧概念,用平常的ImageReady、Fireworks来制作,步骤多且不易学,对我们 ...

  • 美图秀秀制作闪图图文教程

    美图秀秀闪图制作,总结了,来给网友们分享一下制作过程。 教程如下: 先看看下面这张图片: (图1) 怎么样?这种闪图效果是不是很酷?但这些闪图的属性是GIF动画格式,制作中要使用多层帧概念,用平常的I ...

  • 美图秀秀怎么做闪图

    先看看下面这张图片: (图1) 怎么样?这种闪图效果是不是很酷?但这些闪图的属性是GIF动画格式,制作中要使用多层帧概念,用平常的ImageReady、Fireworks来制作,步骤多且不易学,对我们 ...

  • 美图秀秀如何做闪图

    先看看下面这张图片: (图1) 怎么样?这种闪图效果是不是很酷?但这些闪图的属性是GIF动画格式,制作中要使用多层帧概念,用平常的ImageReady、Fireworks来制作,步骤多且不易学,对我们 ...

  • 美图秀秀闪图怎么做 美图秀秀教你在线制作QQ闪图头像教程

    QQ闪图头像是充满个性的QQ头像风格,是由多张静态的图片组成,形成不断循环的动态头像,今天小编就带伙伴们走一回QQ闪图制作方法。从头到尾制作不到1分钟,比起其他软件要花上老半天,效果真是好太多了。把闪 ...

  • WPS演示教程:妙用自定义动画轻松绘制城市轮廓图

    运用之妙 存乎一心 ——妙用自定义动画轻松绘制城市轮廓图 笔者的一位朋友在长沙任教,近日受教研部门委托上一节乡土地理示范课,需要绘制出湖南各地市的轮廓图,利用WPS强大的作图功能固然可以实现(具体方法 ...

  • UG10.0怎么将装配图绘制成爆炸图并制作动画?

    该经验委屈大家分享一篇UG如何将装配图绘制成爆炸图的教程. 1.首先,双击或者右键打开UG,该经验为UG10.0为例,其他版本的UG都可以使用该教程. 2.打开我们的装配图,装配图在上一篇经验  UG ...

  • UG如何将装配图绘制成爆炸图并制作动画

    该委屈大家分享一篇UG如何将装配图绘制成爆炸图的教程. 操作方法 01 首先,双击或者右键打开UG,该经验为UG10.0为例,其他版本的UG都可以使用该教程. 02 打开我们的装配图,装配图在上一篇经 ...

  • flash闪图怎么制作,怎么做动态图片,gif动图

    闪图可以很容易的引起别人的注意,正因为这一点,所以很多人都喜欢动图.当然gif格式的动态图片可以使一些搞笑的图片,但是唯一的特点就是短,因为它不是动画,只是图片格式的,如果很长的话还不如做成动画. 操 ...