网站首页 | 网页制作 | 网络编程 | 图形图象 | 冲浪宝典 | 操作系统 | 软件教学 | 网络安全 | 认证考试 | 下载中心 | 游戏下载
PHOTOSHOP|FIREWORKS|CORELDRAW|FLASH|3DMAX|Illustrator|PhotoImpact|Painter|Freehand|Maya|AutoCAD|DV|视频处理|作品赏析|其他教程
您现在的位置: 超人气学院 >> 图形图象 >> FIREWORKS >> 文章正文 用户登录 新用户注册
Fireworks制作“心跳”文字动画           
Fireworks制作“心跳”文字动画
作者:佚名 文章来源:不详 点击数: 更新时间:2007-4-16 11:59:19

本例中我给大家介绍一种用Fireworks制作动态变形LOGO——“心跳”文字特效的方法。

完成效果图如下:

步骤一、建立300*300的画布,在画布上用矩形工具拉出一个88*31的矩形;选择这个矩形,从对象这个菜单中修改圆角尺寸。

技巧:当然,你也可以直接用圆角矩形工具拉圆,不过他的圆角角度也需要这样调节。

另外还有可以在拉矩形的同时按键盘上的方向键--上和下--同样也可以起到调节圆角的功能。

步骤二、下面我们要做那个类似新浪网站的眼睛了。

(1)眼睛的轮廓:用圆形工具直接画出2个椭圆,放在一起,分别填充不同的颜色。

(2)眼球:画一个小的正圆,填充成深色,加上平滑化内斜角的效果。

(3)眼毛:画一个长矩形,用缩放工具旋转他的角度。一共5个,分别按不同的角度排列起来。

(4)下面的部分:画一个圆角长矩形,选择倾斜工具,点中矩形的底部角上的点,向内拉,形成梯形。

把刚才做的那┒鞣旁谝黄穑统闪薙INA的眼睛:

步骤三、修饰LOGO画布。

用一些图形充满画布,如果有超出88*31的范围的形状,别着急,只要把刚才的作为底板的88*31矩形复制,改成黑色,放到那些图形上面,组成蒙板,多余的边角就会被挡起来。

步骤四、输入文字部分

一个字一个字的输入,用缩放工具自行调节文字的角度,并将刚才制作的“眼睛”也放上去。

步骤五、建立88*31的透明画布,将刚才制作的全部内容复制到新建画布上。

步骤六、选中其中的“玛”字,单击鼠标右键,选择其中的“转化为路径”,这样,这个文字就被变成了线段组成的形状,而不是过去的字体了。

我们用工具栏中的“部分选取工具”点中“玛”字,会发现都变成了一些点组成了“玛”字的外部轮廓。

这时再选择工具栏中的“改造区域工具”,如图在其选项栏中调节压力点的大小,强度;再用这个工具在“玛”字的路径边缘向外拓展,文字就会变形(可以自己修改成各种形状,其他的文字变化之作道理同样)

步骤七、眨眼的制作过程基本是在三帧中做成的,三帧分别用“部分选取工具”调节眼睛第二轮廓和眼球的大小即可。

步骤八、参照下图,控制每帧节奏。

步骤九、制作完毕,选择菜单文件--〉导出向导--〉选择全部帧导出GIF动画。

好了,这个动态文字的LOGO就这样完成了。

小技巧:这个实例程主要介绍了Fireworks中文字“转成路径”功能,这个功能很重要,在一些软件中被称

[1] [2] 下一页

[ 收藏此页到: 天天|和讯|博采|ViVi|狐摘|我摘|天极 ] 文章录入:kinda    责任编辑:kinda 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    专 题 栏 目
    最 新 热 门
     创建漂亮的背景图案[665]
    相 关 文 章
    Fireworks 打造小玉石
    Fireworks 9亲密接触(3)
    Fireworks 9亲密接触(2)
    Fireworks 9 亲密接触(1):
    Fireworks制作“回形针卡照
    Fireworks精细描绘甲壳虫汽
    Fireworks关于圆角矩形边框
    Fireworks中画虚线方法
    Fireworks绘制线条规律旋转
    Fireworks矢量立体图标完整
    用Fireworks为照片做精美边
    用Fireworks绘制网页视觉设
    用Fireworks 8打造美丽的雨
    使用Fireworks 8 制作指南
    用Fireworks打造漂亮流光吊
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)