学院首页 软件应用 编程开发 创意设计 认证培训 软件论坛
Flash Fireworks Dreamweaver Photoshop CorelDraw Illustrator FreeHand 3DsMAX AutoCAD

您的位置:学院 >> 创意设计 >> Fireworks >> GIF动画制作:蝴蝶翻飞巧写书法字


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



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

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


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

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

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

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

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

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

  • 第1页:文字图案准备
  • 第2页:动画制作

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

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

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

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

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

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

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

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

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

    点击放大此图片
    (点击看大图)


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


      
    技术文章快速查找

    栏目导航
    软件应用
    ·操作系统 ·杀毒防黑 ·应用软件
    ·聊天软件 ·网络软件  
    Web开发
    ·ASP ·JavaScript ·CGI
    ·JSP ·VbScript ·Web服务器
    ·PHP ·XML  
    开发语言
    ·VB ·VC ·ASP.NET
    ·Java ·C/C++ ·Delphi
    数据库开发
    ·MySQL ·SQL/Access ·PowerBuilder
    ·Oracle ·DB2  
    网站设计
    ·Flash ·Dreamweaver ·HTML/CSS
    ·Fireworks ·FrontPage  
    平面设计
    ·Photoshop ·CorelDraw ·AutoCAD
    ·FreeHand ·Illustrator ·3DsMAX
    媒体动画
    ·Director ·Authorware ·Maya
    ·视频处理    


    相关软件 产品库推荐
    ·笔记本 ·台式机 ·服务器
    ·数码相机 ·手机 ·GPS
    ·DV摄像机 ·MP3 ·MP4
    ·CPU ·硬盘 ·内存
    ·主板 ·显卡 ·显示器
    ·打印机 ·投影机 ·路由器

    好,有创意!...
    游客 发表于2008-4-14 23:36:22
    对"GIF动画制作:蝴蝶翻飞巧写书法字"的评论 - 快速回贴
    内容:
      [完成后可按Ctrl+Enter发布]

    百度中 GIF动画制作:蝴蝶翻飞巧写书法字 相关内容
    Google搜索中 GIF动画制作:蝴蝶翻飞巧写书法字 相关内容
    雅虎中 GIF动画制作:蝴蝶翻飞巧写书法字 相关内容
    Sogou搜索中 GIF动画制作:蝴蝶翻飞巧写书法字 相关内容

    相关软件 最新回复帖子:

    ·GIF动画制作:蝴蝶翻飞巧写书法字
    ·在Freehand中制作折叠艺术字
    ·不花一分钱享受正版Windows XP SP2
    ·对ASP 动态包含文件方法的改进
    ·网友评论 XP系统和Ghost安装版的区别
    ·AutoCAD三维建模制作立体羽毛球
    ·Auto CAD中为三维图形添加尺寸标注
    ·用Photoshop修补工具去除图片上的文字
    ·AutoCAD三维建模实例:排球
    ·VB6.0设计真正实用的TreeView控件


      相关软件 GIF动画制作:蝴蝶翻飞巧写书法字相关文章
    Fireworks滤镜快速打造3D彩虹拖尾字特效 Fireworks制作温馨母亲节动画贺卡
    用Fireworks自带图案纹理制作特效字 Fireworks绘制愚人节Gif动画小贺卡
    Fireworks交互式填充绘精致网页导航菜单 用Fireworks快速调整人像照片色调
    用Fireworks做数字连续翻滚动画 Fireworks制作妇女节主题宣传动画
    Fireworks 8绘制情人节卡通桌面 Fireworks 8实例绘制:娃娃贺岁图
    Fireworks绘制送鸡年迎狗年卡通桌面 轻松制作显示输入朋友名字的贺卡网页
    绘制可爱的圣诞新年Kitty猫咪卡通桌面 Fireworks绘制可爱卡通狗狗桌面
    Fireworks实例:绘制矢量风格时尚手提袋 Fireworks MX 2004 视频教程(连载中)
    Fireworks样式的应用、创建和修改 Fireworks 8 全新功能图文快报
    Fireworks 2004绘制写实移动硬盘 Fireworks轻松制作眨眼睛动画