Fireworks 精美横向闪图漂亮动画

所属分类: 平面设计 / Fireworks教程 阅读数: 1776
收藏 0 赞 0 分享
漂亮的闪图动画应用范围非常广,不仅可以在相册、动态表情里使用,还可以在QQ空间、论坛签名、各类回贴和博客中使用。

  学习要点:本例中我们主要学习Fireworks导入闪底素材、将闪底素材粘贴于图像内部的制作方法。

  我们先来欣赏一下漂亮的闪图。
Fireworks教程:精美横向闪图漂亮动画    Fireworks教程:精美横向闪图漂亮动画    
  Fireworks教程:精美横向闪图漂亮动画Fireworks教程:精美横向闪图漂亮动画
Fireworks教程:精美横向闪图漂亮动画Fireworks教程:精美横向闪图漂亮动画

#p#
  制作步骤:
  1.用Fireworks软件打开一个漂亮的图片,利用左边“工具箱”中的Fireworks教程:精美横向闪图漂亮动画“魔棒工具”点选白色背景处,使白色的背景被全选出来。
Fireworks教程:精美横向闪图漂亮动画
  2.按下键盘上的Delete删除键,删除选区中的内容,使这个图片背景拥有透明背景,按Ctrl+D取消选区。
Fireworks教程:精美横向闪图漂亮动画
  3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上Fireworks教程:精美横向闪图漂亮动画2次,如下图所示,共制作成3帧。(一般是看闪底素材有多少帧,然后就复制几帧)。
Fireworks教程:精美横向闪图漂亮动画Fireworks教程:精美横向闪图漂亮动画
#p#
  4.回到第1帧,再次利用“工具箱”中的Fireworks教程:精美横向闪图漂亮动画“魔棒工具”点图片中MM的头发,选中大片的头发黑色,然后选择菜单中的“选择”—“将选取框转换为路径”命令。
Fireworks教程:精美横向闪图漂亮动画
    5.将头发选区转换为路径,然后利用相同的方法,用魔棒将衣服和裤子都选中来转化为路径,如下图所示:
Fireworks教程:精美横向闪图漂亮动画 Fireworks教程:精美横向闪图漂亮动画 
  6.单击第1帧,然后选择菜单中“文件”—“导入”(Ctrl+R),选择导入几张闪底素材图,分别对应头发/衣服/裤子的颜色。
Fireworks教程:精美横向闪图漂亮动画
#p#
  7.我们先来制作头发的闪动效果,分别单击“背景图层”上红色和黑色闪底层前的Fireworks教程:精美横向闪图漂亮动画,隐藏这二层。因为用来制作头发的闪底是横向的,不能完全覆盖头发,所以我们利用菜单“修改”—“变形”—“旋转90度”将其旋转覆盖头发。
Fireworks教程:精美横向闪图漂亮动画
   8.选中用于制作头发的闪图对象,按下Ctrl+X剪切下来,点选头发的路径,选择菜单中“编辑”—“粘贴于内部”(Ctrl+Shift+V)命令,将其动画效果粘于头发路径中。
Fireworks教程:精美横向闪图漂亮动画
   效果如下图所示:
Fireworks教程:精美横向闪图漂亮动画
#p#
   9.再利用刚才的方法分别将衣服路径和裤子路径都填充相应的闪图,如下图所示:
Fireworks教程:精美横向闪图漂亮动画  Fireworks教程:精美横向闪图漂亮动画
   (用这种导入闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟!)
  10.图是制作完成了,现在是最关键的保存工作,为什么说保存工作比较重要呢?这是因为保存时会有些属性需要选择,如果直接保存有可能得不到gif背景透明的动态效果。保存的方法是选择菜单中“文件”—“图像预览”命令,在“图像预览”窗口中选择其“格式”为gif动画,再设置调色板最下方的透明度为“Alpha透明度”,然后再点击预览图标Fireworks教程:精美横向闪图漂亮动画预览看一下动画效果,满意后再单击“导出”按钮导出gif图像。
点击放大此图片
  到此,闪图就制作完成了,来看一下原图和完成效果的对比吧!!
Fireworks教程:精美横向闪图漂亮动画  Fireworks教程:精美横向闪图漂亮动画
  最后送给大家一些闪底素材。
#p#
  闪底素材如下。朋友们单击图片另存即可:

Fireworks教程:精美横向闪图漂亮动画


Fireworks教程:精美横向闪图漂亮动画


Fireworks教程:精美横向闪图漂亮动画

Fireworks教程:精美横向闪图漂亮动画


Fireworks教程:精美横向闪图漂亮动画

Fireworks教程:精美横向闪图漂亮动画

Fireworks教程:精美横向闪图漂亮动画

Fireworks教程:精美横向闪图漂亮动画


Fireworks教程:精美横向闪图漂亮动画


Fireworks教程:精美横向闪图漂亮动画
更多精彩内容其他人还在看

Fireworks怎么扇形圆形文字? Fireworks文字路径的制作方法

Fireworks怎么扇形圆形文字?想做一个环绕成圆形的文字或者是扇形的文字,该怎么制作呢?这时候就需要路径了,今天我们就来看看Fireworks文字路径的制作方法,需要的朋友可以参考下
收藏 0 赞 0 分享

fireworks怎么设计重复折叠的字体效果?

fireworks怎么设计重复折叠的字体效果?想使用fireworks设计一款字体,就类似于阴影重叠的字体,下面我们就来看看设计的步骤,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

fireworks批量修改图片存储大小

在生活和工作中,经常需要拍摄一批照片,上传到各种应用系统。而系统通常对照片的文件的大小有限制,或者对文件的名称有要求。然而逐个通过软件修改工作量非常大。近日发现fireworks的批处理功能非常适合这种场合,今天小编就为大家分享一下,来看看吧
收藏 0 赞 0 分享

Fireworks怎制作放射效果的海报?

Fireworks怎制作放射效果的海报?Fireworks中想要做一个海报,怎么才能做出光芒四射的别经呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks怎么修改默认的撤销步骤?

我们用Firework的时候,做设计时候,我们撤销记录不够了,怎么办?只要添加撤销步骤就可以了,下面小编就为大家介绍Fireworks怎么修改默认的撤销步骤方法,不会的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

Fireworks自由变形工具怎么使用呢?

Fireworks是一款非常受欢迎的图片处理软件,下面小编就为大家介绍Fireworks自由变形工具方法,对于刚入门的朋友可能并不是很清楚,一起来看看吧
收藏 0 赞 0 分享

fireworks怎样改变图片像素大小?

fireworks怎样改变图片像素大小?图片很多,像素越高图片就越大,该怎么调整像素来减小图片的大小呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks视图模式怎么切换使用?

Fireworks视图模式怎么切换使用?Fireworks中视图模式有三种,一种是预览模式,第二种是2幅图模式,第三种是4幅图模式,该怎么切换视图模式呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks简单制作一个人像时钟

这篇教程是向脚本之家的朋友分享Fireworks简单制作一个人像时钟方法,教程制作出来的时钟非常漂亮,方法也很简单,推荐到脚本之家,喜欢的朋友可以参考本文
收藏 0 赞 0 分享

Fireworks8怎么制作透明背景Logo?

Fireworks8怎么制作透明背景Logo?想要制作一个透明背景的logo方便放到网站上去,该怎么设计呢?今天我们就来看看使用Fireworks来完成的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多