經(jīng)典LOGO制作教程

來源:不詳 作者:佚名 學(xué)習(xí):1924人次

  一、選擇圖片
  1、打開psotoshop,在“文件”里打開一張你準(zhǔn)備使用的圖片,最好是JPG格式的靜態(tài)圖片,同時(shí)注意圖片的選取要有作為LOGO圖標(biāo)的價(jià)值,這就看個(gè)人眼光了。如下圖。

精彩教程:LOGO的制作方法詳解

  2、圖片的上方如果顯示是“索引”字樣,就必須用“圖象”——“模式”——改為“RGB顏色”,否則很多功能無法使用。如果直接就顯示為RGB,那就不必改了。如下圖。

精彩教程:LOGO的制作方法詳解

  3、然后選擇工具欄的“裁切工具”,裁切一個(gè)88*31大小的圖片,圖片切得大了就繼續(xù)切,切到合適為止,切得小了就重來。這里裁切的尺度是80*31。如下圖。(或者可以用矩形工具選取一個(gè)88831的區(qū)域,再新建一個(gè)空白圖片粘貼上去)。

精彩教程:LOGO的制作方法詳解

  4、在這個(gè)例子里圖片寬度不夠,裁切出來的大小是80*31,應(yīng)該放大為88*31。如下圖。

精彩教程:LOGO的制作方法詳解

  二、加入文字
  在LOGO中顯示的一般是網(wǎng)站名稱和地址,這里以本論壇名稱“天空之城”和地址“www.vanely.com ”為例。做LOGO最主要的是用各種顯示的方法突出文字信息,以給人深刻和良好的印象。下面就舉例介紹一下幾種常用的文字變換的顯示方法:滑行效果、模糊效果、漸變效果、打字效果、顏色過渡效果、閃光效果。其他效果就需要自己慢慢摸索學(xué)習(xí)了。
  滑行效果:字體從旁邊慢慢滑行出來的效果。1、在工具欄選擇文字工具——文字工具的樣子的大寫的“T”,在合適的地方輸入文字,一般LOGO的文字格式是默認(rèn)的宋體,12號大小,去掉鋸齒。如下圖。

精彩教程:LOGO的制作方法詳解

  字體常用的特效有投影、描邊、模糊等,這里的例子用白色字體,綠色描邊。進(jìn)入特效設(shè)置的方法是在右下角的圖層上用右鍵點(diǎn)出“混合選項(xiàng)”,如下圖。

精彩教程:LOGO的制作方法詳解

  2、簡單介紹一下這幾種效果的使用方法。點(diǎn)擊“投影”字樣(而不是點(diǎn)擊它前面的選框),把投影選項(xiàng)中的“距離”“大小”改為1,“角度”改為150或120,“不透明度”自己定——不透明度是指投影顏色的深淺,在“混合模式”后面的黑框里選擇顏色。如下圖。

精彩教程:LOGO的制作方法詳解

  3、點(diǎn)擊“描邊”,把“大小”改為1,把顏色改成你想要的。如下圖。

精彩教程:LOGO的制作方法詳解

  另外一個(gè)“模糊”效果是在“濾鏡”——“模糊”——“動(dòng)感模糊”里。呆會再說。
  4、輸入文字并設(shè)置好效果后,用移動(dòng)工具拖動(dòng)文字的位置。如下圖。

精彩教程:LOGO的制作方法詳解

精彩教程:LOGO的制作方法詳解

精彩教程:LOGO的制作方法詳解

精彩教程:LOGO的制作方法詳解

  在這里可以用“縮放工具”放大圖片,以便更好地設(shè)置。注意文字移動(dòng)的曲線要在同一條直線上,分毫都不可偏差,比如說從左移到右,一般是用移動(dòng)工具移動(dòng)4或5次,每一次移動(dòng)之后就要保存。保存的時(shí)候也要注意,先新建一個(gè)文件夾,把保存的圖片按照順序用01、02、03這樣的文件名保存起來,這是一定必要的!也可以使用“存儲為”保存為PSD圖片,方便以后修改,但這種格式不能做為網(wǎng)頁圖片發(fā)布。
  5、用同樣的方法移動(dòng) www.vanely.com 字體。如下圖。

精彩教程:LOGO的制作方法詳解

  LOGO一般常用的英文字體是04號字體,最常用的一種是里面的“04b_08”,04b_08字體點(diǎn)擊這里下載:http://www.vanely.com/bbs/images/04B_08__.TTF字體的格式是,04b_08字體,6號大小,去掉鋸齒。如下圖。

精彩教程:LOGO的制作方法詳解

  6、字體的移動(dòng)設(shè)置保存完畢后,進(jìn)入ImageReady合成動(dòng)畫——點(diǎn)擊工具欄最下邊的圖標(biāo)進(jìn)入。進(jìn)入ImageReady后,選擇“文件”——“導(dǎo)入”——“作為楨的文件夾”——選擇你保存著圖片的那個(gè)文件夾——確定。
  7、圖片間維持時(shí)間的設(shè)置,點(diǎn)擊動(dòng)畫顯示欄里圖片下邊的標(biāo)志,設(shè)置間隔時(shí)間,如下圖。

精彩教程:LOGO的制作方法詳解

  然后保存,注意要用“將優(yōu)化結(jié)果存儲為……”那個(gè)鍵。保存后看看效果,建議用ACDSee看,動(dòng)畫顯示真實(shí)些,速度也快些。單純使用滑動(dòng)效果后的LOGO:
精彩教程:LOGO的制作方法詳解
  模糊效果:字體呈現(xiàn)瞬間模糊的效果,看起來比較動(dòng)態(tài)。1、類似滑動(dòng)效果的制作,選擇要使用模糊效果的圖層,并去掉描邊特效,使用 “濾鏡”——“模糊”——“動(dòng)感模糊”把字體弄成模糊后再進(jìn)行移動(dòng),這樣看起來更有動(dòng)感。完成后的LOGO如圖:
精彩教程:LOGO的制作方法詳解
  漸變效果:字體從無到有漸漸顯示出來。1、漸變效果是利用ImageReady的功能鍵完成的,在動(dòng)畫顯示欄里,先在心里默認(rèn)兩張圖片,第一張會慢慢漸變到第二張,然后用鼠標(biāo)選擇第二張,點(diǎn)擊功能鍵里的“過渡”,選擇過渡圖片的張數(shù),一般為3—5張,然后點(diǎn)確定就行了。如下圖。

精彩教程:LOGO的制作方法詳解

  最后的漸變效果LOGO:
精彩教程:LOGO的制作方法詳解
  打字效果:字體一個(gè)一個(gè)逐漸顯示出來。1、這種效果比較麻煩,并且只能針對中文,英文最好不要用。先在已經(jīng)確定的位置上輸入文字和效果,不要移動(dòng)。預(yù)計(jì)圖片的數(shù)量,四個(gè)字的話,一般為五張。那么就從第五張做起,逐漸到第一張。而輸入文字后的圖片則保存為06.gif。如下圖。

精彩教程:LOGO的制作方法詳解

  2、選擇“圖層”——“合并可見圖層”,選擇“矩形選框工具”,選擇并框出最后一個(gè)字,如下圖。(很多功能的操作都必須先合并圖層,但合并圖層后不利于保存為PSD修改)

精彩教程:LOGO的制作方法詳解

  在選好的字里點(diǎn)右鍵選擇“填充”—“白色”。在新建文件夾里保存為05.gif。如下圖。

精彩教程:LOGO的制作方法詳解

  4、按“編輯”的“返回”回到合并圖層前,用文字工具刪掉最后一個(gè)字,再選擇矩形選框工具(很多時(shí)候需要選擇這個(gè)工具,菜單欄里的項(xiàng)目才會正常顯示),再合并可見圖層,再用矩形選框工具選出第三個(gè)字,用同樣方法填充為白色,保存為04.gif。如下圖。

精彩教程:LOGO的制作方法詳解

  5、用同樣方法把第二、第一個(gè)字填充為白色,保存為03、02.gif。原始圖片作為01.gif。6、在06.gif的基礎(chǔ)上加入網(wǎng)站地址,可以自己選擇效果。這里略。7、進(jìn)入ImageReady合成動(dòng)畫,時(shí)間間隔設(shè)置為0.2秒較好。8、完成后的LOGO:
精彩教程:LOGO的制作方法詳解
  顏色過渡效果:字體上有一種不同于字體的顏色逐字滑過的效果。1、在確定的地方輸入文字,加上效果,不再移動(dòng),保存為01.gif。2、用文字工具選擇第一個(gè)字,把它改成于其他字體不同的顏色,保存為02.gif,如下圖。

精彩教程:LOGO的制作方法詳解

  3、“返回”未修改顏色前,用同樣方法只選擇第二個(gè)字,把它改為紅色,保存為03.gif。4、用同樣方法保存完四個(gè)字,需要的話也可以對網(wǎng)址進(jìn)行顏色過渡處理,不過每次變色最好選擇兩個(gè)字母同時(shí)進(jìn)行。5、文字過渡效果也是用這種方法,并且更簡單,寫一個(gè)字就保存一次,然后再合成動(dòng)畫。最后的效果LOGO:
精彩教程:LOGO的制作方法詳解
  閃光效果:常見的一道閃光滑過圖片表面的效果。1、在Firework 2004打開一張圖片,在右上角的地方新建一個(gè)圖層,如下圖。

精彩教程:LOGO的制作方法詳解

  2、用鼠標(biāo)選擇本來的圖層,而不是新建的那個(gè)圖層,否則無法繼續(xù)。如下圖。

精彩教程:LOGO的制作方法詳解

  3、用“矩形工具”選取一道閃光的矩形,如下圖。

精彩教程:LOGO的制作方法詳解

  4、對選擇好的矩形進(jìn)行加工,方法有兩種:淡化或者模糊。如下圖。

精彩教程:LOGO的制作方法詳解

精彩教程:LOGO的制作方法詳解

  5、如果需要傾斜的矩形,只需使用“修改”——“變形”——“任意變形”,如下圖。

精彩教程:LOGO的制作方法詳解

  6、選擇本來的圖層按快捷鍵F8,選擇“動(dòng)畫”,選擇楨的數(shù)目和動(dòng)畫的范圍,如下圖。

精彩教程:LOGO的制作方法詳解

  7、回到圖片,拉動(dòng)兩頭的小點(diǎn)調(diào)整動(dòng)畫范圍,有時(shí)需要按住Ctrl鍵才能拉動(dòng),如下圖。

精彩教程:LOGO的制作方法詳解

  8、在開始新建圖層的地方再選擇“共享圖層”,如下圖。

精彩教程:LOGO的制作方法詳解

  9、然后選擇“文件”——“導(dǎo)出向?qū)А薄袄^續(xù)”——“導(dǎo)出”就行了。完成的圖片在ImageReady中導(dǎo)入的時(shí)候會自動(dòng)變成一楨楨的圖片。用這個(gè)方法完成的LOGO:

精彩教程:LOGO的制作方法詳解    精彩教程:LOGO的制作方法詳解  精彩教程:LOGO的制作方法詳解

  OK,說了半天不知諸位明白沒有,累得我……。這里只介紹了一些常用效果的制作,請諸位看仔細(xì)步驟,基本上是缺一不可的。還有一些其他需要注意的問題,可以看看:1、文字信息最好不要超過6個(gè)字,網(wǎng)址最好不要超過13個(gè)字母,否則處理起來很麻煩。2、操作失誤時(shí)可以用PhotoShop里“編輯”里的“返回”,返回上一步重新操作;重新開始則選擇“文件”里的“恢復(fù)”,恢復(fù)到圖片原始狀態(tài)。3、這些效果可以綜合應(yīng)用,在這個(gè)基礎(chǔ)上其實(shí)還可以弄出更多花樣來。但一個(gè)LOGO的圖片數(shù)最好不要超過20楨,否則文件太大顯示會很慢,最后文件的大小最好在25K以下。4、這個(gè)帖子圖片太多,無法一次性顯示完畢的話,在圖片上用右鍵點(diǎn)擊“顯示圖片”。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
qing622015-03-25 10:18
未命名.JPG為什么我那個(gè)Image Ready 點(diǎn)不了?是版本的問題還是我的操作哪里出問題了?能不能幫我看看呢?謝謝謝謝。。。。。。。!
永春長子2014-12-16 10:36
看不懂多少
笨笨。2012-04-07 10:35
謝謝啦
___.2011-09-16 04:06
<給力>好教程。
/★āī蘋灬2011-08-28 10:23
謝謝,太棒了啦
暗夜幻嵐2011-07-23 03:35
樓主牛逼呀 不僅會用ps 還他媽的會用fw 這么diao 讓我們怎么活.......
海盜十二郎2011-03-10 11:31
<給力>
程斌2011-01-13 07:37
<吃驚>2 好實(shí)用,辛苦了
注冊請使用中文2010-09-13 05:10
支持 支持。。
尛芮。2010-08-10 08:22
正找這個(gè)教程呢,支持。
3051919032010-05-18 05:53
強(qiáng)烈支持這樣的教程。樓主強(qiáng)大
MANSIAI2010-05-18 01:47
不錯(cuò)SUP
3051919032010-05-14 08:47
強(qiáng)力支持
CoBeekin2010-01-12 02:26
辛苦樓主了
煙雨百合2010-01-09 10:15
跟教程一起做~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!