相关文章
网站设计网站被挂马 ARP地址欺骗解决之道
网站制作关于在HTML语言中使用影像地图
网站制作Photoshop实例制作单色调非主流效果
企通互联div在网页页面中的高度自适应的实现
网页设计用Photoshop调清脆的蓝、云中漫步、1像素点边框
北京网站设计网页制作 谈谈CSS样式表的命名规范
北京网页设计为不同的浏览器载入不同CSS的二种方法
网站建设如何在SupeSite v5.0 Final后台添加广告
网站设计网页设计三部曲之三:艺术处理原则
北京网站制作译文：十大网站设计错误
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 网站制作精致LOGO动画的文字表现方式剖析
网站制作精致LOGO动画的文字表现方式剖析
本例中我们来用多种设计软件制作一个精致的动画LOGO的。使用到的软件：photoshop 7.0、ImageReady 7.0、Firework 2004。
做LOGO最主要的是用各种显示的方法突出文字信息，以给人深刻和良好的印象。下面我们分别举例介绍几种常用的logo动画中文字变换的显示方法：滑行效果、模糊效果、渐变效果、打字效果、颜色过渡效果、闪光效果。其他效果就需要自己慢慢摸索学习了。
选择图片
Www^Chinaz^com
1、打开psotoshop，在“文件”里打开一张你准备使用的图片，最好是JPG格式的静态图片，同时注意图片的选取要有作为LOGO图标的价值。如下图。
Chinaz^com
网站制作
2、图片的上方如果显示是“索引”字样，就必须用“图象”——“模式”——改为“RGB颜色”，否则很多功能无法使用。如果直接就显示为RGB，那就不必改了。如下图。
中.国.站.长.站
3、然后选择工具栏的“裁切工具”，裁切一个88*31大小的图片，图片切得大了就继续切，切到合适为止，切得小了就重来。这里裁切的尺度是80*31。如下图。（或者可以用矩形工具选取一个88831的区域，再新建一个空白图片粘贴上去）。 Chinaz.com
站长.站
4、在这个例子里图片宽度不够，裁切出来的大小是80*31，应该放大为88*31。如下图。
中.国.站.长.站
网站设计中国站长_站,为中文网站提供动力
加入文字动画
Www^Chinaz^com
在LOGO中显示的一般是网站名称和地址，这里以“天空之城”和网址为例。
Chinaz
滑行效果：字体从旁边慢慢滑行出来的效果。 中.国. 北京网页设计站长站
1、在工具栏选择文字工具——文字工具的样子的大写的“T”，在合适的地方输入文字，一般LOGO的文字格式是默认的宋体，12号大小，去掉锯齿。如下图。 北京网站建设
中国站长.站
字体常用的特效有投影、描边、模糊等，这里的例子用白色字体，绿色描边。进入特效设置的方法是在右下角的图层上用右键点出“混合选项”，如下图。 [中国站长站]
2、简单介绍一下这几种效果的使用方法。点击“投影”字样（而不是点击它前面的选框），把投影选项中的“距离”“大小”改为1，“角度”改为150 www.qitongnet.com或120，“不透明度”自己定——不透明度是指投影颜色的深浅，在“混合模式”后面的黑框里选择颜色。如下图。
Www~Chinaz~com
企通互联的制作方法详解" src="http://www.chinaz.com/Files/Remoteupfile/2007-4/4/2961ow248t9z.gif" /> 站.长站
3、点击“描边”，把“大小”改为1，把颜色改成你想要的。如下图。 站.长.站
Chinaz_com
另外一个“模糊”效果是在“滤镜”——“模糊”——“动感模糊”里。呆会再说。 Www^Chinaz^com
4、输入文字并设置好效果后，用移动工具拖动文字的位置。如下图。 站.长.站
中国.站长站
Www_Chinaz_com
北京网站设计" src="http://www.chinaz.com/Files/Remoteupfile/2007-4/4/h3al38wb5oqn.gif" /> 北京网站制作中国.站长站
在这里可以用“缩放工具”放大图片，以便更好地设置。注意文字移动的曲线要在同一条直线上，分毫都不可偏差，比如说从左移到右，一般是用移动工具移动4或5次，每一次移动之后就要保存。保存的时候也要注意，先新建一个文件夹，把保存的图片按照顺序用01、02、03这样的文件名保存起来，这是一定必要的！也可以使用“存储为”保存为PSD图片，方便以后修改，但这种格式不能做为网页图片发布。
5、用同样的方法移动网址文字。如下图。 Chinaz~com
[中国站长站]
LOGO一般常用的英文字体是04号字体，最常用的一种是里面的“04b_08”，04b_08字体点击这里下载：http://www.vanely.com/bbs/images/04B_08__.TTF字体的格式是，04b_08字体，6号大小，去掉锯齿。如下图。
Chinaz
6、字体的移动设置保存完毕后，进入ImageReady合成动画——点击工具栏最下边的图标进入。进入ImageReady后，选择“文件”——“导入”——“作为桢的文件夹”——选择你保存着图片的那个文件夹——确定。
Www.Chinaz.com
7、图片间维持时间的设置，点击动画显示栏里图片下边的标志，设置间隔时间，如下图。 Www@Chinaz@com
Www_Chinaz_com
然后保存，注意要用“将优化结果存储为……”那个键。保存后看看效果，建议用ACDSee看，动画显示真实些，速度也快些。单纯使用滑动效果后的LOGO：
中国站.长站
模糊效果：字体呈现瞬间模糊的效果，看起来比较动态。1、类似滑动效果的制作，选择要使用模糊效果的图层，并去掉描边特效，使用 “滤镜”——“模糊”——“动感模糊”把字体弄成模糊后再进行移动，这样看起来更有动感。完成后的LOGO如图： Www~Chinaz~com
上一篇：北京网站设计用xmlhttp和Java session监听改善站内消息系统
下一篇：网站设计精致LOGO动画的文字表现方式剖析
