切换到宽版
  • 13825阅读
  • 49回复

[图像处理]LOGO的制作方法详解 [复制链接]

上一主题 下一主题
离线其鸿

UID: 14

精华: 14
职务: 山庄上宾
级别: 武当天尊
 

发帖
2321
金币
78
道行
301
原创
69
奖券
0
斑龄
30
道券
13
获奖
0
座驾
设备
摄影级
在线时间: 2172(小时)
注册时间: 2006-08-09
最后登录: 2024-01-17
只看楼主 正序阅读 使用道具 楼主  发表于: 2008-04-26
— 本帖被 雅先生 执行加亮操作(2008-09-21) —
制作一个简单LOGO的过程:(使用到的软件:photoshop 7.0、ImageReady 7.0、Firework 2004)
一、选择图片
1、打开psotoshop,在“文件”里打开一张你准备使用的图片,最好是JPG格式的静态图片,同时注意图片的选取要有作为LOGO图标的价值,这就看个人眼光了。如下图。


2、图片的上方如果显示是“索引”字样,就必须用“图象”——“模式”——改为“RGB颜色”,否则很多功能无法使用。如果直接就显示为RGB,那就不必改了。如下图。


3、然后选择工具栏的“裁切工具”,裁切一个88*31大小的图片,图片切得大了就继续切,切到合适为止,切得小了就重来。这里裁切的尺度是80*31。如下图。(或者可以用矩形工具选取一个88831的区域,再新建一个空白图片粘贴上去)。


4、在这个例子里图片宽度不够,裁切出来的大小是80*31,应该放大为88*31。如下图。


二、加入文字   在LOGO中显示的一般是网站名称和地址,这里以本论坛名称“天空之城”和地址“www.vanely.com ”为例。做LOGO最主要的是用各种显示的方法突出文字信息,以给人深刻和良好的印象。下面就举例介绍一下几种常用的文字变换的显示方法:滑行效果、模糊效果、渐变效果、打字效果、颜色过渡效果、闪光效果。其他效果就需要自己慢慢摸索学习了。  滑行效果:字体从旁边慢慢滑行出来的效果。1、在工具栏选择文字工具——文字工具的样子的大写的“T”,在合适的地方输入文字,一般LOGO的文字格式是默认的宋体,12号大小,去掉锯齿。如下图。


字体常用的特效有投影、描边、模糊等,这里的例子用白色字体,绿色描边。进入特效设置的方法是在右下角的图层上用右键点出“混合选项”,如下图。


2、简单介绍一下这几种效果的使用方法。点击“投影”字样(而不是点击它前面的选框),把投影选项中的“距离”“大小”改为1,“角度”改为150或120,“不透明度”自己定——不透明度是指投影颜色的深浅,在“混合模式”后面的黑框里选择颜色。如下图。


3、点击“描边”,把“大小”改为1,把颜色改成你想要的。如下图。

另外一个“模糊”效果是在“滤镜”——“模糊”——“动感模糊”里。呆会再说。

4、输入文字并设置好效果后,用移动工具拖动文字的位置。如下图。










在这里可以用“缩放工具”放大图片,以便更好地设置。注意文字移动的曲线要在同一条直线上,分毫都不可偏差,比如说从左移到右,一般是用移动工具移动4或5次,每一次移动之后就要保存。保存的时候也要注意,先新建一个文件夹,把保存的图片按照顺序用01、02、03这样的文件名保存起来,这是一定必要的!也可以使用“存储为”保存为PSD图片,方便以后修改,但这种格式不能做为网页图片发布。
5、用同样的方法移动 字体。如下图。




LOGO一般常用的英文字体是04号字体,最常用的一种是里面的“04b_08”,04b_08字体点击这里下载:
字体的格式是,04b_08字体,6号大小,去掉锯齿。如下图。

6、字体的移动设置保存完毕后,进入ImageReady合成动画——点击工具栏最下边的图标进入。进入ImageReady后,选择“文件”——“导入”——“作为桢的文件夹”——选择你保存着图片的那个文件夹——确定
7、图片间维持时间的设置,点击动画显示栏里图片下边的标志,设置间隔时间,如下图。


然后保存,注意要用“将优化结果存储为……”那个键。保存后看看效果,建议用ACDSee看,动画显示真实些,速度也快些。单纯使用滑动效果后的LOGO


模糊效果:字体呈现瞬间模糊的效果,看起来比较动态。1、类似滑动效果的制作,选择要使用模糊效果的图层,并去掉描边特效,使用 “滤镜”——“模糊”——“动感模糊”把字体弄成模糊后再进行移动,这样看起来更有动感。完成后的LOGO如图:


渐变效果:字体从无到有渐渐显示出来。1、渐变效果是利用ImageReady的功能键完成的,在动画显示栏里,先在心里默认两张图片,第一张会慢慢渐变到第二张,然后用鼠标选择第二张,点击功能键里的“过渡”,选择过渡图片的张数,一般为3—5张,然后点确定就行了。如下图。


最后的渐变效果LOGO


打字效果:字体一个一个逐渐显示出来。1、这种效果比较麻烦,并且只能针对中文,英文最好不要用。先在已经确定的位置上输入文字和效果,不要移动。预计图片的数量,四个字的话,一般为五张。那么就从第五张做起,逐渐到第一张。而输入文字后的图片则保存为06.gif。如下图。


2、选择“图层”——“合并可见图层”,选择“矩形选框工具”,选择并框出最后一个字,如下图。(很多功能的操作都必须先合并图层,但合并图层后不利于保存为PSD修改)


在选好的字里点右键选择“填充”—“白色”。在新建文件夹里保存为05.gif。如下图。


4、按“编辑”的“返回”回到合并图层前,用文字工具删掉最后一个字,再选择矩形选框工具(很多时候需要选择这个工具,菜单栏里的项目才会正常显示),再合并可见图层,再用矩形选框工具选出第三个字,用同样方法填充为白色,保存为04.gif。如下图。


5、用同样方法把第二、第一个字填充为白色,保存为03、02.gif。原始图片作为01.gif。6、在06.gif的基础上加入网站地址,可以自己选择效果。这里略。7、进入ImageReady合成动画,时间间隔设置为0.2秒较好。8、完成后的LOGO


颜色过渡效果:字体上有一种不同于字体的颜色逐字滑过的效果。1、在确定的地方输入文字,加上效果,不再移动,保存为01.gif。2、用文字工具选择第一个字,把它改成于其他字体不同的颜色,保存为02.gif,如下图。


3、“返回”未修改颜色前,用同样方法只选择第二个字,把它改为红色,保存为03.gif。4、用同样方法保存完四个字,需要的话也可以对网址进行颜色过渡处理,不过每次变色最好选择两个字母同时进行。5、文字过渡效果也是用这种方法,并且更简单,写一个字就保存一次,然后再合成动画。最后的效果LOGO


闪光效果:常见的一道闪光滑过图片表面的效果。1、在Firework 2004打开一张图片,在右上角的地方新建一个图层,如下图。



2、用鼠标选择本来的图层,而不是新建的那个图层,否则无法继续。如下图。


3、用“矩形工具”选取一道闪光的矩形,如下图


4、对选择好的矩形进行加工,方法有两种:淡化或者模糊。如下图





 5、如果需要倾斜的矩形,只需使用“修改”——“变形”——“任意变形”,如下图


6、选择本来的图层按快捷键F8,选择“动画”,选择桢的数目和动画的范围,如下图。


7、回到图片,拉动两头的小点调整动画范围,有时需要按住Ctrl键才能拉动,如下图。


8、在开始新建图层的地方再选择“共享图层”,如下图。


9、然后选择“文件”——“导出向导”——“继续”——“导出”就行了。完成的图片在ImageReady中导入的时候会自动变成一桢桢的图片。用这个方法完成的LOGO:



OK,说了半天不知诸位明白没有,累得我……。这里只介绍了一些常用效果的制作,请诸位看仔细步骤,基本上是缺一不可的。还有一些其他需要注意的问题,可以看看:1、文字信息最好不要超过6个字,网址最好不要超过13个字母,否则处理起来很麻烦。2、操作失误时可以用PhotoShop里“编辑”里的“返回”,返回上一步重新操作;重新开始则选择“文件”里的“恢复”,恢复到图片原始状态。3、这些效果可以综合应用,在这个基础上其实还可以弄出更多花样来。但一个LOGO的图片数最好不要超过20桢,否则文件太大显示会很慢,最后文件的大小最好在25K以下。4、这个帖子图片太多,无法一次性显示完毕的话,在图片上用右键点击“显示图片”。


1条评分
By 风火轮 金币 +88 | 理由: 优秀文章 2008-04-26
山庄提示: 道行不够,道券不够?---☆点此充值☆
 
在线chappyok

UID: 1523013

发帖
199
金币
2182
道行
50
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 30(小时)
注册时间: 2012-03-06
最后登录: 2025-03-14
只看该作者 49楼 发表于: 2024-10-12
感谢分享,学习了
如何不发帖就快速得到金币道行
 
离线dongjianwen

UID: 211322

发帖
589
金币
1064
道行
38
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 130(小时)
注册时间: 2007-05-30
最后登录: 2024-11-22
只看该作者 48楼 发表于: 2017-07-18
谢谢楼主小哥,学习了,介绍的很详细啊
如何不发帖就快速得到金币道行
 
离线mmq765

UID: 694329

发帖
7580
金币
732
道行
545
原创
0
奖券
105
斑龄
0
道券
59
获奖
0
座驾
设备
摄影级
在线时间: 2259(小时)
注册时间: 2009-07-05
最后登录: 2025-03-12
只看该作者 47楼 发表于: 2016-09-11
非常感谢,学习了。真是雪中送炭。
如何不发帖就快速得到金币道行
 
离线jiexia007

UID: 1316649

发帖
35
金币
79
道行
0
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 35(小时)
注册时间: 2011-07-24
最后登录: 2019-12-05
只看该作者 46楼 发表于: 2016-02-26
技术贴啊!楼主强大的制作技能,谢谢你的分享
如何不发帖就快速得到金币道行
 
离线ying0

UID: 1267621

发帖
33
金币
9
道行
1
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 11(小时)
注册时间: 2011-06-19
最后登录: 2016-01-28
只看该作者 45楼 发表于: 2016-01-23
介绍的很仔细,长见识了!!!!!!
如何不发帖就快速得到金币道行
 
离线zaorisa258

UID: 1429576

发帖
46
金币
23
道行
1
原创
0
奖券
17
斑龄
0
道券
3
获奖
0
座驾
设备
摄影级
在线时间: 56(小时)
注册时间: 2011-10-23
最后登录: 2019-02-09
只看该作者 44楼 发表于: 2013-07-06
这个有道理,感谢发片,强支持
如何不发帖就快速得到金币道行
 
在线mingyang0513

UID: 1498182

发帖
91
金币
2845
道行
203
原创
0
奖券
1
斑龄
0
道券
1
获奖
0
座驾
设备
摄影级
在线时间: 671(小时)
注册时间: 2012-01-30
最后登录: 2025-03-14
只看该作者 43楼 发表于: 2013-03-18
这个处理出来有点毛糙
如何不发帖就快速得到金币道行
 
离线jzh_mmt

UID: 920842

发帖
730
金币
10050
道行
100
原创
0
奖券
8
斑龄
0
道券
3
获奖
0
座驾
设备
摄影级
在线时间: 203(小时)
注册时间: 2010-08-18
最后登录: 2014-03-21
只看该作者 42楼 发表于: 2013-01-20
学习了,增长知识!
如何不发帖就快速得到金币道行
 
离线小烛

UID: 190039

精华: 2
级别: 武当泰斗
发帖
3149
金币
352
道行
276
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 477(小时)
注册时间: 2007-04-28
最后登录: 2025-02-03
只看该作者 41楼 发表于: 2013-01-18
原来这里还是个学习园地阿。
如何不发帖就快速得到金币道行
 
离线ygyrms

UID: 1666194

发帖
4
金币
38
道行
0
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 1(小时)
注册时间: 2012-10-16
最后登录: 2021-05-06
只看该作者 40楼 发表于: 2012-10-21
技术贴,定一个
如何不发帖就快速得到金币道行
 
离线幻影f6

UID: 1659000

发帖
96
金币
3465
道行
231
原创
0
奖券
1
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 121(小时)
注册时间: 2012-10-08
最后登录: 2016-10-05
只看该作者 39楼 发表于: 2012-10-12
很实用的教材,学习了    谢谢LZ分享
离线weimeinanren

UID: 1648370

发帖
59
金币
418
道行
170
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 14(小时)
注册时间: 2012-09-27
最后登录: 2016-07-02
只看该作者 38楼 发表于: 2012-10-06
很好   这个以后自己弄淘宝的时候可以用到
如何不发帖就快速得到金币道行
 
离线usuperstar

UID: 946948

发帖
25
金币
71
道行
37
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 36(小时)
注册时间: 2010-09-26
最后登录: 2023-08-09
只看该作者 37楼 发表于: 2012-09-03
好知识,学到了,收藏一下
如何不发帖就快速得到金币道行
 
离线mgp9998

UID: 942410

发帖
242
金币
9
道行
6
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 27(小时)
注册时间: 2010-09-19
最后登录: 2013-03-28
只看该作者 36楼 发表于: 2012-09-01
好知识,受用了。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
如何不发帖就快速得到金币道行
 
离线风沙沙

UID: 1618857

发帖
43
金币
10
道行
1
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 6(小时)
注册时间: 2012-08-24
最后登录: 2013-01-07
只看该作者 35楼 发表于: 2012-08-26
— (凉风友情) 您的回复不到6个汉字视同灌水 (2012-09-02 14:50) —
学习了
如何不发帖就快速得到金币道行
 
离线974659819

UID: 1596415

发帖
157
金币
28
道行
5
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 10(小时)
注册时间: 2012-07-29
最后登录: 2016-05-28
只看该作者 34楼 发表于: 2012-08-02
谢谢楼主的无私奉献
如何不发帖就快速得到金币道行
 
离线认可

UID: 1515374

发帖
263
金币
7
道行
7
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 36(小时)
注册时间: 2012-02-24
最后登录: 2019-02-02
只看该作者 33楼 发表于: 2012-03-23
我一定虚心学习。谢谢。
如何不发帖就快速得到金币道行
 
离线f13420333142

UID: 294601

发帖
7
金币
12
道行
0
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 14(小时)
注册时间: 2007-10-02
最后登录: 2015-08-17
只看该作者 32楼 发表于: 2012-03-23
楼主辛苦,学习一下,多谢
如何不发帖就快速得到金币道行
 
离线tbldbh

UID: 727116

发帖
1145
金币
71
道行
30
原创
0
奖券
8
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 82(小时)
注册时间: 2009-09-17
最后登录: 2017-09-15
只看该作者 31楼 发表于: 2012-03-18
好东西,下次用
如何不发帖就快速得到金币道行
 
快速回复
限120 字节
认真回复加分,灌水扣分~
 
上一个 下一个