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

您的位置:学院 >> 创意设计 >> Fireworks >> Fireworks制作“心跳”文字动画


Fireworks制作“心跳”文字动画


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

  完成效果图如下:


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


  技巧:当然,你也可以直接用圆角矩形工具拉圆,不过他的圆角角度也需要这样调节。
  另外还有可以在拉矩形的同时按键盘上的方向键--上和下--同样也可以起到调节圆角的功能。

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

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


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


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


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


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


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


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


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

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


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


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


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


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


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

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


  小技巧:这个实例程主要介绍了Fireworks中文字“转成路径”功能,这个功能很重要,在一些软件中被称为“转换曲线”。比如你设计是使用了某种字体,保存源文件,但是如果对方的计算机上没有这个字体,就会被别的字体替代,而将字体转成路径后,就会保留住你原有的字体(因为它已经不是字体了,而是路径),这个功能还有很多的作用,以后大家可以慢慢摸索。   
原文链接
  阅读关于 Fireworks 动画 logo 的全部文章
  
技术文章快速查找

栏目导航
软件应用
·操作系统 ·杀毒防黑 ·应用软件
·聊天软件 ·网络软件  
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 ·硬盘 ·内存
·主板 ·显卡 ·显示器
·打印机 ·投影机 ·路由器

还没人留言,抢个先,哈哈!
对"Fireworks制作“心跳”文字动画"的评论 - 快速回贴
内容:
  [完成后可按Ctrl+Enter发布]

百度中 Fireworks制作“心跳”文字动画 相关内容
Google搜索中 Fireworks制作“心跳”文字动画 相关内容
雅虎中 Fireworks制作“心跳”文字动画 相关内容
Sogou搜索中 Fireworks制作“心跳”文字动画 相关内容

相关软件 最新回复帖子:

·Windows Vista 中卸载软件的不同方式
·没有mysql支持时的替代方案
·一个可以发送附件及HTML格式邮件的PHP类
·AutoCAD打造精致三维鸟笼实例详解
·Photoshop自定义水晶字特效样式
·AutoCAD三维基础实例教程
·PS为黑背景长发美女照片抠图换背
·用Photoshop自制个性摩托车贴花小经验
·轻松几步将美女照片处理为手工素描
·巧用Photoshop画笔轻松绘制创意特效


  相关软件 Fireworks制作“心跳”文字动画相关文章
Fireworks制作边框虚线流动小动画 用Fireworks做出精美的文字特效
Fireworks打造精美水晶盾形标志 FW制作媒体播放器精致立体图标
Fireworks画矢量立体图标完整流程 用Fireworks为照片做精美边框
用Fireworks绘制网页视觉设计稿 Fireworks绘矢量风格“大雪盖顶”特效
Fireworks绘XP风格精致图标 Fireworks滤镜模拟滴溅油漆斑点效果
Fireworks三维插件辅助绘制转动立体球 Fireworks做马赛克文字特效
Fireworks精细描绘甲壳虫汽车 Fireworks打造精致播放器水晶图标
Fireworks轻松绘制简单卡通海景画 Fireworks巧绘水晶葡萄
Fireworks绘制精致立体IPOD Fireworks去照片红眼功能使用详解
Fireworks绘制精致三维仿真金属小球 Fireworks绘精致矢量美女插画