动态网站制作指南 [  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > Fireworks教程
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
文章搜索服务
邮件订阅
输入你的邮件地址,
你将不会错过任何关于:
[ Fireworks教程 ]的信息

本月文章推荐
.金属效果<2>.
.FireWorks金属节教程.
.Fireworks轻松绘制简单漂亮的立体.
.Fireworks 鲜橙的制作方法.
.制作扇形效果<4>.
.创建动画(Animation)<下>.
.用FW制作仿真软盘效果.
.Fireworks折叠渐变巧妙打造电视雪.
.教你用FW做酷LOGO.
.使用Fireworks MX 绘制手机.
.Fireworks MX 2004新功能色彩替换.
.Fireworks描绘七夕牛郎织女古典卷.
.Firewoks打造液体金属表面特效.
.立体贴图字特效制作.
.Fireworks MX对网页的逆向导入.
.Fireworks MX 2004新功能.
.Fireworks教程:不同切角效果.
.自己打造动画广告 用Fireworks泛.
.动画小时钟<2>.
.Fireworks4极速教程.

制作一款打字效果的LOGO

发表日期:2005-7-2 |


所谓打字效果,就是文字在光标的带动下,富有节奏感般地挨个展现出来。这种效果在网站的LOGO制作中还不多见。因此我们今天就一起来制作这样一个动态的网站LOGO。最终的效果如图01。

图01
“智慧生活LOGO”源文件下载(50K,ZIP压缩文件)

  启动Firework后新建一个88*31大小的画布。这种大小也正是网站LOGO最为常用的尺寸。然后点击“层”面板右上角的下拉按钮,把“单层编辑”的选勾去掉。这样就可以使鼠标指针跨图层地进行对象的选取了。如图02。

图02

  准备工夫做好后我们就来正式绘制了。在画布上用“矩形”工具画一个88*31大小的长方形,使其覆盖整个画布。然后用“波浪”渐变进行填充,渐变色由# 009900至# 56BB12。再用35%的“烟雾效果”进行纹理填充,如图03。

图03

  然后再为该矩形对象添加一个“内侧发光”的特效,发光色为# FFFFFF,其它各项设置如图04。

图04
用“矩形”工具再画一个88*31的长方形。描边色为# 019A00,不采用任何填充。然后使其与画布进行居中对齐。如图05。

图05

  这样,LOGO的背景也是绘制完成了。考虑到这是一个动态的LOGO,而且部分动作效果可以使用动画元件来完成。因此为了后续操作的方便,我们再次点击“层”面板右上角的下拉列表,从中选择“共享此层”。也就是把“层1”设置为共享层,以后该层内的背景对象将被其它帧共用。

  在“层”面板中新建一个图层——“层2”。然后用“文本”工具在画布上输入相关网站或论坛的名称。在这里我输入的是“智慧生活”,字体为15号的加粗黑体,色值为# FFFFFF,使用“匀边消除锯齿”。最后使该文本对象保持与画布垂直对齐。如图06。

图06

  用“矩形”工具画一个16*16的正方形,对其使用无描边的“条状”渐变填充,左右两个渐变滑块均为纯白色,而不透明度则由100%至20%,如图07。

图07

  我们通过该正方形对象的属性框中,将其宽度设置为1像素,然后通过键盘方面键的移动,使其紧靠在“智”字的左边。这样,一个光标的形状也就绘制出来了,如图08。

图08

  在这个光标对象上点击鼠标右键,从弹出菜单中选择“转换为元件”。然后会弹出一个元件属性对话框。在名称栏中我们可形象的将其命名为“光标”,类型为“图形”。从而把这个对象转成图形元件。
此时启动“库”面板的话,可以看到里面就有我们刚转换完成的“光标”元件。选中它,并将其直接拖拽至画布当中。然后通过方向键的移动,把它放置在“活”字的右边并与“智”字前的光标元件进行水平对齐,如图09。

图09

  将当前的两个光标对象同时选中,然后选择菜单栏中的“修改—元件—补间实例”项。然后在弹出的“补间实例”窗口中设置步骤数量为3,并勾选“分散到帧”选项。此时启动“帧”面板时可以看到,在两个光标之间已建立了所需的动画帧数。如图10。

图10


  我们继续回到第一帧中进行操作。将“智慧生活”这个文本对象复制后,在其它帧中进行粘贴。而粘贴后的文本对象仍然会在画布上的原位置中,因此不必担心动画在播放过程中会出现文本偏移的情况。

  因为文字是在动画的播放过程中逐个展现出来的,这个过程只需要4帧。所以我们把第1帧中的文本对象进行删除。而第2帧中则用“文本”工具对其文字对象进行编辑,使其只保留一个“智”字。以此推论,第3帧中则保留“智慧”两字;第4帧中则保留“智慧生”三个字,第5帧则不对文本对象进行修改。完成后LOGO的打字效果就有了一个初步的效果,我们可以点击文档窗口下方的播放按钮进行查看了,如图11。

图11

  我们再接再厉。选中第5帧后,点击“帧”面板右上角的下拉菜单,从中选择“重制帧”项,然后在弹出来的“重制帧”设置窗口中设置数量为2,如图12。就是将第5帧进行2次的复制,而复制出来的帧也就是“帧”面板里的第6和第7帧。

图12
依次点击第6和第7帧,将“智慧生活”最右边的光标对象删除。然后从第7帧开始,我们就将进行LOGO网址动画的制作了。用“矩形”工具在第7帧的画布上画一个84*10的长方形,使用无描边的实心填充,填充值为# E5F4DC。然后将其移至LOGO的下方与画布进行垂直对齐,如图13。

图13

  用“文本”工具在这个矩形上面输入相关的网址,在本例中我输入的是“life8.net”,字体为12号的宋体,颜色为# 489801,使用“不消除锯齿”项。然后使其与下方的淡绿色矩形进行水平和垂直对齐,如图14。

图14

  将淡绿色矩形和这一文本对象同时选中后使用“修改——组合”命令,使其成为一个组合对象。然后再次从“帧”面板的右上角下拉菜单中选择“重制帧”项。在“重制帧”设置窗口中将所要复制的帧数设置为6,其它选项不变。

  此时在“帧”面板中将自动把复制出来的6个帧排列出来,分别是第8至第13帧,如图15。

图15

  我们分别将第8、第10和第12帧中的网址组合对象的不透明度设置为50%,如图16。

图16


  这样一来就可以使网址动画在显示时产生闪动的效果,如图17。

图17
是否觉得动画闪得太快了呢!别急,帧的延时时间我们还可以进行调整。双击第1帧右侧的延时时间数,将原来的7/100秒改成14/100秒。使该帧的停留时间增加一倍,如图18。

图0

  用同样的设置方法对其它帧的延时时间进行设置,在本例中我将各帧的延时时间设置如下(图19)。

图19

  可以看到,第13帧的延时时间是最长的,这样做只是使观看者能有足够的时间看清上面的网站名称和网址,这当然也是宣传的需要。

  至此整个LOGO的制作就大功告成了。可通过菜单栏上的“文件——导出预览”项将动画导出并保存为动态的GIF图片格式。最终效果如图20。

图20

  “智慧生活LOGO”源文件下载(50K,ZIP压缩文件)
上一篇:QQ皮肤制作全程实录 人气:11917
下一篇:Fireworks制作可爱“葱头”小P孩 人气:10345
浏览全部Fireworks的内容 Dreamweaver插件下载 常用网页广告代码全集
  最新网站源码 最新软件下载
2008-8-30 HBcms(宏博cms)内容管理系统 v1.1
2008-8-30 邓西网站帮助系统 v2.3
2008-8-30 破竹CMS v4.0.7.21
2008-8-30 美女写真网图片小偷 v1.5 全站静
2008-8-30 PHP美女写真Cms v1.00
2008-8-30 PHPer.yang情书系统 v1.0
2008-8-30 快乐商城全站源码
2008-8-29 oblog v4.6 build 20080827
2008-8-29 ASBLOG v2.5 bulid 080828
2008-8-23 Mini WinMount V0.4
2008-8-23 Vista优化大师3.11正式版
2008-8-23 Wine 1.13
2008-8-23 KlipFolio 5.0 Build 5899-80
2008-8-23 Windows Sysinternals Desktops
2008-8-23 OneTap Movies1.2破解版
2008-8-23 AnnotaterPDF阅读1.1.503 破解版
2008-8-23 SoundMeter分贝测量仪 v1.0汉化破
2008-8-23 iDrum音乐节拍1.0破解版
  发表评论
姓 名: 验证码:
内 容:
站长工具:网站收录查询 | Google PR查询 | ALEXA排名查询 | CSS在线编辑器 | 广告代码 | Html转换js | js/vbs加密 | md5加密 | 进制转换
实用工具:汉字翻译拼音 | 符号对照表 | 个税计算 | 经典小工具 | 汉字简繁转换 | 普通单位换算 | 公制单位换算 | 生辰老黄历 | 国内电话区号 国家代码与域名缩写 | 文字加密解密 | 健康查询 | 万年历 | 汉字横竖排版 | 手机号码查询 | 计算器 | ip搜索
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名:动态网站制作指南 | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報
防水工事·改修工事 フットサル大会 探偵