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