首页  学校文化  作品展示  咨询留言  课程介绍  招聘求职  权威认证  精彩教程
咨询留言
在线报名
对外事业
您当前的位置:长城教育网 >> 精彩教程 >> 网页设计 >> 正文
长城学校暑期八折优惠招生 长城学校大专学历、中专学历证书班招生-学历网上可查 长城学校对外事业部承揽业务
用FireWorks制作一款打字效果的LOGO01
作者:长城教育     来源:互联网     点击数:     更新时间:2004-12-9   
  文章导读:

导读广告

算机学校 唐山电脑学校 唐山计算机学校

正文:

所谓打字效果,就是文字在光标的带动下,富有节奏感般地挨个展现出来。这种效果在网站的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

<评论文章列表><评论点id>113410<数量>0<主题>制作一款打字效果的logo<主题地址><[cdata[http://www.pconline.com.cn/pcedu/sj/wz/fireworks/0412/508261_2.html]]>
<Script id=xmlscript src="http://guide.pconline.com.cn/comment/commentservice_js.jsp?thu dec 9 09:02:53 utc+0800 2004" defer></Script><Script>xmlscript.src="http://guide.pconline.com.cn/comment/commentservice_js.jsp?"+(new date());
长城计学校 长城教育版权所有 唐山电脑学校 唐山计算机学校

  文章录入:长城教育
  • 上一篇文章: Firewoks 营造残破纹理02

  • 下一篇文章: 用FireWorks制作一款打字效果的LOGO02
  • 我要咨询   我要报名   打印此文  关闭窗口
    热门文章
    推荐文章
    相关文章
    WindowsXP网络应用技巧集锦02
    WindowsXP网络应用技巧集锦01
    什么是NTFS、Fat分区的认识02
    什么是NTFS、Fat分区的认识
    为QQ网络硬盘扩容
    优化大师巧制绿色软件
    Ghost破解微软的安全保护
    GHOST删除分区和修复坏扇区
     普通 输入法使用诀窍
     普通 广告策划书的书写
     普通 C 语言编程——什么是C
     普通 Photoshop制作仙人掌特效字 带刺...
     普通 Illustrator CG实战:梦幻星程之...
     普通 WindowsXP实现1秒钟关机
     普通 WindowsXP网络应用技巧集锦02
     普通 WindowsXP网络应用技巧集锦01
     推荐 Adobe InDesign CS 简介
     推荐 电脑艺术设计大师之路#7-图像调...
     推荐 电脑艺术设计大师之路#6-图像调...
     推荐 3DS Max 7 Mental Ray渲染器全攻...
     推荐 电脑艺术设计大师之路#5-探索图...
     推荐 用Photoshop设计微形3D界面01
     推荐 3DS Max 7 Mental Ray渲染器全攻...
     推荐 Firewoks 营造残破纹理02
     
     
     
     
     
    设为首页 | 加入收藏 | 关于学校|  对外事业 | 联系站长 | 友情链接 | 咨询留言