IT家园's Archiver

jokke 发表于 2007-5-2 14:25

[教程]一个简单LOGO的制作方法

承蒙诸位捧场,让区区可以在此写点教程讨碗饭吃,但必须先声明,区区其实也是菜鸟一个,不过是比各位飞得早些而已。区区的方法是自己摸索出来的,具体做法是在psotoshop中一张一张地做好,再用ImageReady导入合成动画,而Firework只是用来加工,这些方法也许比之正确方法累赘、麻烦许多,可能说出来会误人子弟,若有更好的方法,还请诸位多加指教,愿与诸位共同探讨、进步。下面用例子来说明一下制作一个简单LOGO的过程:(使用到的软件:photoshop 7.0、ImageReady 7.0、Firework 2004)一、选择图片1、打开psotoshop,在“文件”里打开一张你准备使用的图片,最好是JPG格式的静态图片,同时注意图片的选取要有作为LOGO图标的价值,这就看个人眼光了。——我这里选用的是静雪儿妹妹曾经发过的一张图片,觉得它还有利用的价值,呵呵。如下图。[attach]4515[/attach]
2、图片的上方如果显示是“索引”字样,就必须用“图象”——“模式”——改为“RGB颜色”,否则很多功能无法使用。如果直接就显示为RGB,那就不必改了。如下图。[attach]4516[/attach]
3、然后选择工具栏的“裁切工具”,裁切一个88*31大小的图片,图片切得大了就继续切,切到合适为止,切得小了就重来。这里裁切的尺度是80*31。如下图。[attach]4517[/attach]
4、在这个例子里图片宽度不够,裁切出来的大小是80*31,应该放大为88*31。如下图。[attach]4518[/attach]
二、加入文字在LOGO中显示的一般是网站名称和地址,这里以本论坛名称“天空之城”和地址“[url]www.93you.com[/url]”为例。做LOGO最主要的是用各种显示的方法突出文字信息,以给人深刻和良好的印象。下面就举例介绍一下几种常用的文字变换的显示方法:滑行效果、模糊效果、渐变效果、打字效果、颜色过渡效果、闪光效果。其他效果就需要自己慢慢摸索学习了。滑行效果:字体从旁边慢慢滑行出来的效果。1、在工具栏选择文字工具——文字工具的样子的大写的“T”,在合适的地方输入文字,一般LOGO的文字格式是默认的宋体,12号大小,去掉锯齿。如下图。
[attach]4519[/attach]
[attach]4520[/attach]
字体常用的特效有投影、描边、模糊等,这里的例子用白色字体,绿色描边。进入特效设置的方法是在右下角的图层上用右键点出“混合选项”,如下图。
2、简单介绍一下这几种效果的使用方法。点击“投影”字样(而不是点击它前面的选框),把投影选项中的“距离”“大小”改为1,“角度”改为150或120,“不透明度”自己定——不透明度是指投影颜色的深浅,在“混合模式”后面的黑框里选择颜色。如下图。[attach]4521[/attach]
3、点击“描边”,把“大小”改为1,把颜色改成你想要的。如下图。
[attach]4522[/attach]
另外一个“模糊”效果是在“滤镜”——“模糊”——“动感模糊”里。呆会再说。4、输入文字并设置好效果后,用移动工具拖动文字的位置。如下图。
[attach]4523[/attach]
[attach]4524[/attach]
[attach]4524[/attach]
[attach]4526[/attach]
在这里可以用“缩放工具”放大图片,以便更好地设置。注意文字移动的曲线要在同一条直线上,分毫都不可偏差,比如说从左移到右,一般是用移动工具移动4或5次,每一次移动之后就要保存。保存的时候也要注意,先新建一个文件夹,把保存的图片按照顺序用01、02、03这样的文件名保存起来,这是一定必要的!也可以使用“存储为”保存为PSD图片,方便以后修改,但这种格式不能做为网页图片发布,我也没这么保存过。5、用同样的方法移动[url=http://www.93you.com]www.vanely.com[/url]字体。如下图。
[attach]4525[/attach]
LOGO一般常用的英文字体是04号字体,最常用的一种是里面的“04b_08”04b_08字体点击这里下载:[url]http://93you.com/bbs/viewthread.php?tid=59[/url] 字体的格式是,04b_08字体,6号大小,去掉锯齿。如下图。
[attach]4527[/attach]
6、字体的移动设置保存完毕后,进入ImageReady合成动画——点击工具栏最下边的图标进入。进入ImageReady后,选择“文件”——“导入”——“作为桢的文件夹”——选择你保存着图片的那个文件夹——确定。7、图片间维持时间的设置,点击动画显示栏里图片下边的标志,设置间隔时间,如下图。
[attach]4528[/attach]
然后保存,注意要用“将优化结果存储为……”那个键。保存后看看效果,建议用ACDSee看,动画显示真实些,速度也快些。单纯使用滑动效果后的LOGO:[attach]4529[/attach]
[attach]4530[/attach]
最后的效果
[attach]4531[/attach]
用这个方法可以制作出很多效果
[url=http://www.93you.com][attach]4532[/attach]
[attach]4533[/attach][/url]

[[i] 本帖最后由 jokke 于 2007-9-14 22:42 编辑 [/i]]

TO-UP-DATE 发表于 2007-9-6 12:01

:D 支持你 容易学的

sbobwz 发表于 2007-9-9 10:24

谢谢楼主啊,支持下啊

liuxj 发表于 2007-9-14 18:08

不错,图文并茂,很适合初学者。

wjf_01470003 发表于 2007-9-15 11:14

支持你啊楼主

ljb 发表于 2007-9-22 12:36

呵呵,学习了,之前只会改png模板

jxl0718 发表于 2007-11-13 13:55

真是太好学了.

春泥 发表于 2007-11-24 02:29

晕。不会做。看了半天。

云佛纳 发表于 2008-1-4 18:17

支持一下
很不错哦
:victory:

QIDAOZHITU 发表于 2008-1-28 09:17

谢谢楼主分享心得!

fanweilin1986 发表于 2008-4-4 15:52

学到了!
用FLASH是不是要好点!

79406216 发表于 2008-4-27 18:39

才发现自己是那么菜..我看不懂挖5555

haotian 发表于 2008-5-7 15:08

谢谢楼主分享心得!

a35088582 发表于 2008-6-5 20:22

支持一下
:)

zxb88888 发表于 2008-6-20 01:03

学习中:lol

xhq789 发表于 2008-7-17 10:54

o(∩_∩)o... 不错哦 多谢提供

魔剑美神 发表于 2008-10-3 05:13

简单易懂,顶你了

魔剑美神 发表于 2009-3-5 06:56

图文教程,感谢LZ分享!

wowchen72257 发表于 2010-1-2 00:50

佩服3,你太有才了!

佩服,佩服,你太有才了!
[size=0px]
[url=http://www.infowowgold.com/]buy wow gold[/url]
[url=http://www.wowgold8.com/]cheap wow wold[/url]
[url=http://www.wowpowerleveling8.com/]wow powerleveling[/url]
[url=http://www.mygame8.org/final-fantasy-xi-gil/]final fantasy xi gil[/url]
[url=http://www.worldmassage.cn/]massage in shanghai[/url]lifa12223
[/size]

suy1000 发表于 2010-4-4 22:04

好详细,谢谢楼主分享自己的经验

页: [1] 2

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.