Fireworks制作蝴蝶翻飞巧写书法字GIF动画

  看到许多论坛上有一种漂亮的GIF动画写字效果:随着一只上下飞舞的小蝴蝶,漂亮的书法字就一笔一划地写出来了。于是自己研究了一下制作方法,这里特地把Fireworks的制作步骤写出来和大家共享。文章末尾提供原文件供大家下载参考。

  完成效果如下,看上去特别清新素雅。


  1.在Fireworks中新建一个宽100像素、高120像素、画布颜色为“自定义”(颜色值为#C6E0FF)的文档。

   2.在左边“工具箱”中选择矩形工具 ,设置属性如下图所示(其中颜色值为#69ACFF),制作边框。

  提示:如果这个矩形大小不合适,可利用“Ctrl+T”变形进行调整。

  3.在右边“图层面板中”将此层共享,然后新建一层。

  4.使用“文字工具”在上面打上合适的字,字的大小颜色等自行调整。(这里我设置的字体为华文行楷)

  5.选中文字后,选择菜单“修改/平面化所选”,将这个文字层转化为位图。

  6.接下来在“帧面板”中选择“重制帧”,复制在22帧左右。(复制帧数按根据字的笔画多少有所不同)

  7.将素材中的蝴蝶复制在这些帧中(注意单数帧上放置合起翅膀的蝴蝶,双数帧放置张开翅膀蝴蝶)。

  8.用橡皮擦写字数的笔划(可以从后往前每帧擦掉一笔),并将该层的蝴蝶放在合适的位置。

  提示:擦时注意调整橡皮擦大小,随时进行调节。

  制作出的效果如下图所示:

  10.画笔字完成后,将没有蝴蝶的最后一帧重置18帧(与提供的素材相同帧数,方便导入)。然后每帧调整文字的透明度,从99%每帧下调一点,一直到文字透明。

  11.选中第倒数第18帧(即刚制作好擦写完成的文字),选择菜单“文件/导入”,将素材动画蝴蝶导入进来。

  12.最后在帧中选中制作文字的部分帧(可利用shift一次加选),设置其帧延时30/秒。剩下的蝴蝶效果为15/秒。

  13.利用下方的播放预览后,最后就是导出漂亮的动画了。选择“文件/图像预览”,在保存设置中选择“动画GIF接近网页128”(这种图片效果不错而且比较小),单击“导出”即可。


(点击看大图)

 

  素材(蝴蝶飞):   PNG源文件:

时间: 2024-10-02 07:16:54

Fireworks制作蝴蝶翻飞巧写书法字GIF动画的相关文章

FireWorks制作蝴蝶翻飞书法字

看到许多论坛上有一种漂亮的GIF动画写字效果:随着一只上下飞舞的小蝴蝶,漂亮的书法字就一笔一划地写出来了.于是自己研究了一下制作方法,这里特地把Fireworks的制作步骤写出来和大家共享. 完成效果如下,看上去特别清新素雅. 1.在Fireworks中新建一个宽100像素.高120像素.画布颜色为"自定义"(颜色值为#C6E0FF)的文档. 2.在左边"工具箱"中选择矩形工具 ,设置属性如下图所示(其中颜色值为#69ACFF),制作边框. 提示:如果这个矩形大小不

Fireworks制作简单大方的文字水印效果

图片水印怎么做比较好呢?本来以为单纯的加个白字再阴影效果,再透明就可以了,谁知道感觉效果不太好. 仔细想了想,于是有了下面的思路和做法:主要是用了Fireworks中文字的重叠.蒙板以及阴影.其他设计软件也是一样. 首先先找张图片,写上字,如图: 再按SHIFT+CTRL+D把文字和图片各克隆一个,再选择其中的文字和图片各一层,执行修改 ->蒙版->组合为蒙版,如图是选中文字和图片各一个的图层的效果: 这是蒙版后的效果 再把另一层文字放在蒙版层的下面,文字进行阴影效果,如图: 效果图如下:

ps打造手写沙滩字特效教程

教程为大家介绍如何使用photoshop制作逼真手写沙滩字,本实例中主要运用了,画笔.图层样式和滤镜,下面就和小编一起来看看具体制作方法吧! 最终效果图 1.新建一个文件,在工具栏中设置前景色的RGB分别为217.205.163,背景色的RGB分别为113.84.19. 2.按Alt+Delete键填充前景色,效果如图01所示. 图01 3.选择菜单栏中的"滤镜""杂色""添加杂色"命令,在弹出的添加杂色对话框中设置数量为25,其他设置如图02所

Photoshop制作漂亮的蕾丝花纹字

  Photoshop制作漂亮的蕾丝花纹字          蕾丝文字制作重点是图案部分的制作,作者手工绘制出一个花纹图案,并把这个图案定义成画笔;再用路径描边把图案应用到文字上面,得到初步的花边字;后期增加细节,并用图层样式处理一下颜色和光影等即可. 最终效果 一.定位参考线 1.新建画布500*500px,在中心点拉两根参考线,分别是水平和垂直方向. 2.选择直线工具,填充红色,1px,画一条垂直的线,注意这条线要比画布长.然后让这条线相对画布居中. 3.复制这条线,Ctrl+T,按住shi

PS简单制作旋转起来的太极阴阳字GIF动态图效果教程

教程介绍用PS简单制作旋转起来的太极阴阳字GIF动态图效果,比较简单,喜欢的同学可以学习一下! 效果图: 添加一些元素后 1.打开素材,复制一层,在中间打上文字,将文字图层拉到两个太极图之间. 2.新建组,将三张图拖进组里,将最上方的太极图CTRL+T垂直翻转,在图层上点右键,创建剪贴蒙版. 3.做动画部份来了.复制组12份,到窗口-动画,打开动画面板,将第一帧里的组1的眼睛点掉,新建13帧空白帧. 从第二帧开始点开组1的眼睛,第三帧点开组1副本的眼睛,将组里的两个太极图分别旋转30度,第四帧点

Fireworks制作字体遮罩动画

用Fireworks制作字体遮罩动画是一件非常轻松的事情,下面我们不妨一起动手试试. 完成效果 1.选择一幅图像作为Mask字体的底层动画. 2.把上一步骤的图复制/粘贴2次,然后把3幅图合并,这样会使动画更加连贯. 3.选中这幅图,然后在菜单中选择:Insert--Convert to Symbol,或按F8, 然后选择Animation,将它定义为动画.在动画参数设置里只要填Frames播映的帧数就可以了,我们在Frames那里填10. 4.选中箭头所指的红点,向右拖动. 5.拖动后,调整好

Fireworks制作钟摆式公告牌摇摆动画

今天我们用Fireworks制作一个钟摆式的公告牌. 先参阅一下效果图. 1.新建一个文件,画布背景颜色选取白色.同时将画布大小设置稍大些. 2.使用Fwmx2004的矢量工具,绘制圆角矩形,自选一种纹理效果填充,如图. 3.输入文字. 4.在圆角矩形右.左上角绘制小圆形,如图所示. 5.添加辅助形,找到该圆角矩形的中心点位置,如图. 6.在中心点上方垂直辅助线上绘制渐变效果的小圆形,以及两根斜直线段,复选该圆形及斜直线对角,组合并移至最后,使用钢笔工具,分别在两个白色小圆形上绘制曲线.如图.

Fireworks 制作地球旋转动画

旋转 Fireworks 制作地球旋转动画.本教程主要练习蒙板与动画原件的应用.闲话少说,看实际效果: 具体步骤: 1.双击任务栏右下角的时间. 2.打开日期和时间属性对话框后,按ALT+PrintScreenSysRq键,将对话框屏幕复制到剪贴板中(呵呵,就地取材). 3.进入Fireworks,新建文件,粘贴.粘贴后利用裁剪工具将世界地图部分裁剪下来,裁剪时一定要放大比例进行裁剪,精确一些. 4.将裁剪好的世界地图克隆一份(CTRL+SHIFT+D),移动到画布右侧之外,空白处单击,选择属性

Fireworks制作桌面打印机图标

打印 先简单说一下思路:我们在画一个东西之前,可以先观察这个物体的结构.比如这个打印机,机体的形状就是一个圆柱的1/4,而这个部分也就是打印机最基本的部分.所以我们先画这个基本的部分,再具体的操作其他细节! 1.用钢笔画出打印机的外壳,加上线形渐变.(也可先画一个矩形,然后再变形) 2.用钢笔画出打印机的侧面,选择黑色的线性渐变. 3.复制第一步的外壳,并调节节点到适当大小,再改变渐变色. 4.复制上一步,并调节节点到适当大小,再改变渐变色(灰色). 5.画两个矩形,一个小的用纯黑色,用来做送纸