經(jīng)典LOGO制作教程
來(lái)源:不詳
作者:佚名
學(xué)習(xí):1924人次
一、選擇圖片
1、打開(kāi)psotoshop,在“文件”里打開(kāi)一張你準(zhǔn)備使用的圖片,最好是JPG格式的靜態(tài)圖片,同時(shí)注意圖片的選取要有作為L(zhǎng)OGO圖標(biāo)的價(jià)值,這就看個(gè)人眼光了。如下圖。
2、圖片的上方如果顯示是“索引”字樣,就必須用“圖象”——“模式”——改為“RGB顏色”,否則很多功能無(wú)法使用。如果直接就顯示為RGB,那就不必改了。如下圖。
3、然后選擇工具欄的“裁切工具”,裁切一個(gè)88*31大小的圖片,圖片切得大了就繼續(xù)切,切到合適為止,切得小了就重來(lái)。這里裁切的尺度是80*31。如下圖。(或者可以用矩形工具選取一個(gè)88831的區(qū)域,再新建一個(gè)空白圖片粘貼上去)。
4、在這個(gè)例子里圖片寬度不夠,裁切出來(lái)的大小是80*31,應(yīng)該放大為88*31。如下圖。
二、加入文字
在LOGO中顯示的一般是網(wǎng)站名稱和地址,這里以本論壇名稱“天空之城”和地址“www.vanely.com ”為例。做LOGO最主要的是用各種顯示的方法突出文字信息,以給人深刻和良好的印象。下面就舉例介紹一下幾種常用的文字變換的顯示方法:滑行效果、模糊效果、漸變效果、打字效果、顏色過(guò)渡效果、閃光效果。其他效果就需要自己慢慢摸索學(xué)習(xí)了。
滑行效果:字體從旁邊慢慢滑行出來(lái)的效果。1、在工具欄選擇文字工具——文字工具的樣子的大寫(xiě)的“T”,在合適的地方輸入文字,一般LOGO的文字格式是默認(rèn)的宋體,12號(hào)大小,去掉鋸齒。如下圖。
字體常用的特效有投影、描邊、模糊等,這里的例子用白色字體,綠色描邊。進(jìn)入特效設(shè)置的方法是在右下角的圖層上用右鍵點(diǎn)出“混合選項(xiàng)”,如下圖。
2、簡(jiǎn)單介紹一下這幾種效果的使用方法。點(diǎn)擊“投影”字樣(而不是點(diǎn)擊它前面的選框),把投影選項(xiàng)中的“距離”“大小”改為1,“角度”改為150或120,“不透明度”自己定——不透明度是指投影顏色的深淺,在“混合模式”后面的黑框里選擇顏色。如下圖。
3、點(diǎn)擊“描邊”,把“大小”改為1,把顏色改成你想要的。如下圖。
另外一個(gè)“模糊”效果是在“濾鏡”——“模糊”——“動(dòng)感模糊”里。呆會(huì)再說(shuō)。
4、輸入文字并設(shè)置好效果后,用移動(dòng)工具拖動(dòng)文字的位置。如下圖。
在這里可以用“縮放工具”放大圖片,以便更好地設(shè)置。注意文字移動(dòng)的曲線要在同一條直線上,分毫都不可偏差,比如說(shuō)從左移到右,一般是用移動(dòng)工具移動(dòng)4或5次,每一次移動(dòng)之后就要保存。保存的時(shí)候也要注意,先新建一個(gè)文件夾,把保存的圖片按照順序用01、02、03這樣的文件名保存起來(lái),這是一定必要的!也可以使用“存儲(chǔ)為”保存為PSD圖片,方便以后修改,但這種格式不能做為網(wǎng)頁(yè)圖片發(fā)布。
5、用同樣的方法移動(dòng) www.vanely.com 字體。如下圖。
LOGO一般常用的英文字體是04號(hào)字體,最常用的一種是里面的“04b_08”,04b_08字體點(diǎn)擊這里下載:http://www.vanely.com/bbs/images/04B_08__.TTF字體的格式是,04b_08字體,6號(hào)大小,去掉鋸齒。如下圖。
6、字體的移動(dòng)設(shè)置保存完畢后,進(jìn)入ImageReady合成動(dòng)畫(huà)——點(diǎn)擊工具欄最下邊的圖標(biāo)進(jìn)入。進(jìn)入ImageReady后,選擇“文件”——“導(dǎo)入”——“作為楨的文件夾”——選擇你保存著圖片的那個(gè)文件夾——確定。
7、圖片間維持時(shí)間的設(shè)置,點(diǎn)擊動(dòng)畫(huà)顯示欄里圖片下邊的標(biāo)志,設(shè)置間隔時(shí)間,如下圖。
然后保存,注意要用“將優(yōu)化結(jié)果存儲(chǔ)為……”那個(gè)鍵。保存后看看效果,建議用ACDSee看,動(dòng)畫(huà)顯示真實(shí)些,速度也快些。單純使用滑動(dòng)效果后的LOGO:
模糊效果:字體呈現(xiàn)瞬間模糊的效果,看起來(lái)比較動(dòng)態(tài)。1、類似滑動(dòng)效果的制作,選擇要使用模糊效果的圖層,并去掉描邊特效,使用 “濾鏡”——“模糊”——“動(dòng)感模糊”把字體弄成模糊后再進(jìn)行移動(dòng),這樣看起來(lái)更有動(dòng)感。完成后的LOGO如圖:
漸變效果:字體從無(wú)到有漸漸顯示出來(lái)。1、漸變效果是利用ImageReady的功能鍵完成的,在動(dòng)畫(huà)顯示欄里,先在心里默認(rèn)兩張圖片,第一張會(huì)慢慢漸變到第二張,然后用鼠標(biāo)選擇第二張,點(diǎn)擊功能鍵里的“過(guò)渡”,選擇過(guò)渡圖片的張數(shù),一般為3—5張,然后點(diǎn)確定就行了。如下圖。
最后的漸變效果LOGO:
打字效果:字體一個(gè)一個(gè)逐漸顯示出來(lái)。1、這種效果比較麻煩,并且只能針對(duì)中文,英文最好不要用。先在已經(jīng)確定的位置上輸入文字和效果,不要移動(dòng)。預(yù)計(jì)圖片的數(shù)量,四個(gè)字的話,一般為五張。那么就從第五張做起,逐漸到第一張。而輸入文字后的圖片則保存為06.gif。如下圖。
2、選擇“圖層”——“合并可見(jiàn)圖層”,選擇“矩形選框工具”,選擇并框出最后一個(gè)字,如下圖。(很多功能的操作都必須先合并圖層,但合并圖層后不利于保存為PSD修改)
在選好的字里點(diǎn)右鍵選擇“填充”—“白色”。在新建文件夾里保存為05.gif。如下圖。
4、按“編輯”的“返回”回到合并圖層前,用文字工具刪掉最后一個(gè)字,再選擇矩形選框工具(很多時(shí)候需要選擇這個(gè)工具,菜單欄里的項(xiàng)目才會(huì)正常顯示),再合并可見(jiàn)圖層,再用矩形選框工具選出第三個(gè)字,用同樣方法填充為白色,保存為04.gif。如下圖。
5、用同樣方法把第二、第一個(gè)字填充為白色,保存為03、02.gif。原始圖片作為01.gif。6、在06.gif的基礎(chǔ)上加入網(wǎng)站地址,可以自己選擇效果。這里略。7、進(jìn)入ImageReady合成動(dòng)畫(huà),時(shí)間間隔設(shè)置為0.2秒較好。8、完成后的LOGO:
顏色過(guò)渡效果:字體上有一種不同于字體的顏色逐字滑過(guò)的效果。1、在確定的地方輸入文字,加上效果,不再移動(dòng),保存為01.gif。2、用文字工具選擇第一個(gè)字,把它改成于其他字體不同的顏色,保存為02.gif,如下圖。
3、“返回”未修改顏色前,用同樣方法只選擇第二個(gè)字,把它改為紅色,保存為03.gif。4、用同樣方法保存完四個(gè)字,需要的話也可以對(duì)網(wǎng)址進(jìn)行顏色過(guò)渡處理,不過(guò)每次變色最好選擇兩個(gè)字母同時(shí)進(jìn)行。5、文字過(guò)渡效果也是用這種方法,并且更簡(jiǎn)單,寫(xiě)一個(gè)字就保存一次,然后再合成動(dòng)畫(huà)。最后的效果LOGO:
閃光效果:常見(jiàn)的一道閃光滑過(guò)圖片表面的效果。1、在Firework 2004打開(kāi)一張圖片,在右上角的地方新建一個(gè)圖層,如下圖。
2、用鼠標(biāo)選擇本來(lái)的圖層,而不是新建的那個(gè)圖層,否則無(wú)法繼續(xù)。如下圖。
3、用“矩形工具”選取一道閃光的矩形,如下圖。
4、對(duì)選擇好的矩形進(jìn)行加工,方法有兩種:淡化或者模糊。如下圖。
5、如果需要傾斜的矩形,只需使用“修改”——“變形”——“任意變形”,如下圖。
6、選擇本來(lái)的圖層按快捷鍵F8,選擇“動(dòng)畫(huà)”,選擇楨的數(shù)目和動(dòng)畫(huà)的范圍,如下圖。
7、回到圖片,拉動(dòng)兩頭的小點(diǎn)調(diào)整動(dòng)畫(huà)范圍,有時(shí)需要按住Ctrl鍵才能拉動(dòng),如下圖。
8、在開(kāi)始新建圖層的地方再選擇“共享圖層”,如下圖。
9、然后選擇“文件”——“導(dǎo)出向?qū)А薄袄^續(xù)”——“導(dǎo)出”就行了。完成的圖片在ImageReady中導(dǎo)入的時(shí)候會(huì)自動(dòng)變成一楨楨的圖片。用這個(gè)方法完成的LOGO:
1、打開(kāi)psotoshop,在“文件”里打開(kāi)一張你準(zhǔn)備使用的圖片,最好是JPG格式的靜態(tài)圖片,同時(shí)注意圖片的選取要有作為L(zhǎng)OGO圖標(biāo)的價(jià)值,這就看個(gè)人眼光了。如下圖。
2、圖片的上方如果顯示是“索引”字樣,就必須用“圖象”——“模式”——改為“RGB顏色”,否則很多功能無(wú)法使用。如果直接就顯示為RGB,那就不必改了。如下圖。
3、然后選擇工具欄的“裁切工具”,裁切一個(gè)88*31大小的圖片,圖片切得大了就繼續(xù)切,切到合適為止,切得小了就重來(lái)。這里裁切的尺度是80*31。如下圖。(或者可以用矩形工具選取一個(gè)88831的區(qū)域,再新建一個(gè)空白圖片粘貼上去)。
4、在這個(gè)例子里圖片寬度不夠,裁切出來(lái)的大小是80*31,應(yīng)該放大為88*31。如下圖。
二、加入文字
在LOGO中顯示的一般是網(wǎng)站名稱和地址,這里以本論壇名稱“天空之城”和地址“www.vanely.com ”為例。做LOGO最主要的是用各種顯示的方法突出文字信息,以給人深刻和良好的印象。下面就舉例介紹一下幾種常用的文字變換的顯示方法:滑行效果、模糊效果、漸變效果、打字效果、顏色過(guò)渡效果、閃光效果。其他效果就需要自己慢慢摸索學(xué)習(xí)了。
滑行效果:字體從旁邊慢慢滑行出來(lái)的效果。1、在工具欄選擇文字工具——文字工具的樣子的大寫(xiě)的“T”,在合適的地方輸入文字,一般LOGO的文字格式是默認(rèn)的宋體,12號(hào)大小,去掉鋸齒。如下圖。
字體常用的特效有投影、描邊、模糊等,這里的例子用白色字體,綠色描邊。進(jìn)入特效設(shè)置的方法是在右下角的圖層上用右鍵點(diǎn)出“混合選項(xiàng)”,如下圖。
2、簡(jiǎn)單介紹一下這幾種效果的使用方法。點(diǎn)擊“投影”字樣(而不是點(diǎn)擊它前面的選框),把投影選項(xiàng)中的“距離”“大小”改為1,“角度”改為150或120,“不透明度”自己定——不透明度是指投影顏色的深淺,在“混合模式”后面的黑框里選擇顏色。如下圖。
3、點(diǎn)擊“描邊”,把“大小”改為1,把顏色改成你想要的。如下圖。
另外一個(gè)“模糊”效果是在“濾鏡”——“模糊”——“動(dòng)感模糊”里。呆會(huì)再說(shuō)。
4、輸入文字并設(shè)置好效果后,用移動(dòng)工具拖動(dòng)文字的位置。如下圖。
在這里可以用“縮放工具”放大圖片,以便更好地設(shè)置。注意文字移動(dòng)的曲線要在同一條直線上,分毫都不可偏差,比如說(shuō)從左移到右,一般是用移動(dòng)工具移動(dòng)4或5次,每一次移動(dòng)之后就要保存。保存的時(shí)候也要注意,先新建一個(gè)文件夾,把保存的圖片按照順序用01、02、03這樣的文件名保存起來(lái),這是一定必要的!也可以使用“存儲(chǔ)為”保存為PSD圖片,方便以后修改,但這種格式不能做為網(wǎng)頁(yè)圖片發(fā)布。
5、用同樣的方法移動(dòng) www.vanely.com 字體。如下圖。
LOGO一般常用的英文字體是04號(hào)字體,最常用的一種是里面的“04b_08”,04b_08字體點(diǎn)擊這里下載:http://www.vanely.com/bbs/images/04B_08__.TTF字體的格式是,04b_08字體,6號(hào)大小,去掉鋸齒。如下圖。
6、字體的移動(dòng)設(shè)置保存完畢后,進(jìn)入ImageReady合成動(dòng)畫(huà)——點(diǎn)擊工具欄最下邊的圖標(biāo)進(jìn)入。進(jìn)入ImageReady后,選擇“文件”——“導(dǎo)入”——“作為楨的文件夾”——選擇你保存著圖片的那個(gè)文件夾——確定。
7、圖片間維持時(shí)間的設(shè)置,點(diǎn)擊動(dòng)畫(huà)顯示欄里圖片下邊的標(biāo)志,設(shè)置間隔時(shí)間,如下圖。
然后保存,注意要用“將優(yōu)化結(jié)果存儲(chǔ)為……”那個(gè)鍵。保存后看看效果,建議用ACDSee看,動(dòng)畫(huà)顯示真實(shí)些,速度也快些。單純使用滑動(dòng)效果后的LOGO:
模糊效果:字體呈現(xiàn)瞬間模糊的效果,看起來(lái)比較動(dòng)態(tài)。1、類似滑動(dòng)效果的制作,選擇要使用模糊效果的圖層,并去掉描邊特效,使用 “濾鏡”——“模糊”——“動(dòng)感模糊”把字體弄成模糊后再進(jìn)行移動(dòng),這樣看起來(lái)更有動(dòng)感。完成后的LOGO如圖:
漸變效果:字體從無(wú)到有漸漸顯示出來(lái)。1、漸變效果是利用ImageReady的功能鍵完成的,在動(dòng)畫(huà)顯示欄里,先在心里默認(rèn)兩張圖片,第一張會(huì)慢慢漸變到第二張,然后用鼠標(biāo)選擇第二張,點(diǎn)擊功能鍵里的“過(guò)渡”,選擇過(guò)渡圖片的張數(shù),一般為3—5張,然后點(diǎn)確定就行了。如下圖。
最后的漸變效果LOGO:
打字效果:字體一個(gè)一個(gè)逐漸顯示出來(lái)。1、這種效果比較麻煩,并且只能針對(duì)中文,英文最好不要用。先在已經(jīng)確定的位置上輸入文字和效果,不要移動(dòng)。預(yù)計(jì)圖片的數(shù)量,四個(gè)字的話,一般為五張。那么就從第五張做起,逐漸到第一張。而輸入文字后的圖片則保存為06.gif。如下圖。
2、選擇“圖層”——“合并可見(jiàn)圖層”,選擇“矩形選框工具”,選擇并框出最后一個(gè)字,如下圖。(很多功能的操作都必須先合并圖層,但合并圖層后不利于保存為PSD修改)
在選好的字里點(diǎn)右鍵選擇“填充”—“白色”。在新建文件夾里保存為05.gif。如下圖。
4、按“編輯”的“返回”回到合并圖層前,用文字工具刪掉最后一個(gè)字,再選擇矩形選框工具(很多時(shí)候需要選擇這個(gè)工具,菜單欄里的項(xiàng)目才會(huì)正常顯示),再合并可見(jiàn)圖層,再用矩形選框工具選出第三個(gè)字,用同樣方法填充為白色,保存為04.gif。如下圖。
5、用同樣方法把第二、第一個(gè)字填充為白色,保存為03、02.gif。原始圖片作為01.gif。6、在06.gif的基礎(chǔ)上加入網(wǎng)站地址,可以自己選擇效果。這里略。7、進(jìn)入ImageReady合成動(dòng)畫(huà),時(shí)間間隔設(shè)置為0.2秒較好。8、完成后的LOGO:
顏色過(guò)渡效果:字體上有一種不同于字體的顏色逐字滑過(guò)的效果。1、在確定的地方輸入文字,加上效果,不再移動(dòng),保存為01.gif。2、用文字工具選擇第一個(gè)字,把它改成于其他字體不同的顏色,保存為02.gif,如下圖。
3、“返回”未修改顏色前,用同樣方法只選擇第二個(gè)字,把它改為紅色,保存為03.gif。4、用同樣方法保存完四個(gè)字,需要的話也可以對(duì)網(wǎng)址進(jìn)行顏色過(guò)渡處理,不過(guò)每次變色最好選擇兩個(gè)字母同時(shí)進(jìn)行。5、文字過(guò)渡效果也是用這種方法,并且更簡(jiǎn)單,寫(xiě)一個(gè)字就保存一次,然后再合成動(dòng)畫(huà)。最后的效果LOGO:
閃光效果:常見(jiàn)的一道閃光滑過(guò)圖片表面的效果。1、在Firework 2004打開(kāi)一張圖片,在右上角的地方新建一個(gè)圖層,如下圖。
2、用鼠標(biāo)選擇本來(lái)的圖層,而不是新建的那個(gè)圖層,否則無(wú)法繼續(xù)。如下圖。
3、用“矩形工具”選取一道閃光的矩形,如下圖。
4、對(duì)選擇好的矩形進(jìn)行加工,方法有兩種:淡化或者模糊。如下圖。
5、如果需要傾斜的矩形,只需使用“修改”——“變形”——“任意變形”,如下圖。
6、選擇本來(lái)的圖層按快捷鍵F8,選擇“動(dòng)畫(huà)”,選擇楨的數(shù)目和動(dòng)畫(huà)的范圍,如下圖。
7、回到圖片,拉動(dòng)兩頭的小點(diǎn)調(diào)整動(dòng)畫(huà)范圍,有時(shí)需要按住Ctrl鍵才能拉動(dòng),如下圖。
8、在開(kāi)始新建圖層的地方再選擇“共享圖層”,如下圖。
9、然后選擇“文件”——“導(dǎo)出向?qū)А薄袄^續(xù)”——“導(dǎo)出”就行了。完成的圖片在ImageReady中導(dǎo)入的時(shí)候會(huì)自動(dòng)變成一楨楨的圖片。用這個(gè)方法完成的LOGO:
OK,說(shuō)了半天不知諸位明白沒(méi)有,累得我……。這里只介紹了一些常用效果的制作,請(qǐng)諸位看仔細(xì)步驟,基本上是缺一不可的。還有一些其他需要注意的問(wèn)題,可以看看:1、文字信息最好不要超過(guò)6個(gè)字,網(wǎng)址最好不要超過(guò)13個(gè)字母,否則處理起來(lái)很麻煩。2、操作失誤時(shí)可以用PhotoShop里“編輯”里的“返回”,返回上一步重新操作;重新開(kāi)始則選擇“文件”里的“恢復(fù)”,恢復(fù)到圖片原始狀態(tài)。3、這些效果可以綜合應(yīng)用,在這個(gè)基礎(chǔ)上其實(shí)還可以弄出更多花樣來(lái)。但一個(gè)LOGO的圖片數(shù)最好不要超過(guò)20楨,否則文件太大顯示會(huì)很慢,最后文件的大小最好在25K以下。4、這個(gè)帖子圖片太多,無(wú)法一次性顯示完畢的話,在圖片上用右鍵點(diǎn)擊“顯示圖片”。
學(xué)習(xí) · 提示
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
qing622015-03-25 10:18
為什么我那個(gè)Image Ready 點(diǎn)不了?是版本的問(wèn)題還是我的操作哪里出問(wèn)題了。磕懿荒軒臀铱纯茨?謝謝謝謝。。。。。。。!
回復(fù)
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS快速給徽標(biāo)文字排版
- LOGO制作,用PS做一個(gè)會(huì)動(dòng)的logo
- LOGO教程,用PS制作燙金效果的logo
- 扁平化,扁平化LOGO設(shè)計(jì)視頻教程
- 展示模板,用智能對(duì)象制作LOGO展示模板
- 圖標(biāo)設(shè)計(jì),教你臨摹360寫(xiě)實(shí)圖標(biāo)
- Logo知識(shí),七個(gè)設(shè)計(jì)文字Logo的知識(shí)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫(huà)法
- LOGO教程,教你設(shè)計(jì)扁平化的谷歌logo圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!