用ｐｈｏｔｏｓｈｏｐ打造個性網(wǎng)站ｌｏｇｏ

摘要：本次制作設計一個網(wǎng)站主頁logo（標志），該文詳細介紹了如何制作logo及具體制作過程。目的是掌握了專業(yè)知識和專業(yè)技能后，實現(xiàn)計算機平面設計，特別是我們在網(wǎng)頁頁面的設計上。

關(guān)鍵詞：logo；設計開發(fā)；圖像合成；文字變換

中圖分類號：TB482 文獻標識碼：A文章編號：1009-3044(2008)32-1264-03

1 引言

Photoshop是目前最為強大的圖像處理軟件，這款軟件不僅可以實現(xiàn)圖像的處理還可以進行平面設計，其應用范圍可在圖像、圖形、文字、視頻、出版等方面。

Photoshop可分為圖像編輯、圖像合成、校色調(diào)色及特效制作部分。特效制作在photoshop中主要由濾鏡、通道及工具綜合應用完成。包括圖像的特效創(chuàng)意和特效字的制作，如油畫、浮雕、石膏畫、素描等常用的傳統(tǒng)美術(shù)技巧都可由photoshop特效完成。而各種特效字的制作更是很多美術(shù)設計師熱衷于photoshop的研究的原因。

這次的作品設計的是網(wǎng)站的標志，設計思路運用現(xiàn)代氣息感來設計標志，標志最突出的地方就是體現(xiàn)景物與文字的完美結(jié)合，以景物為依托，整體上采用橘黃色調(diào)，雖然沒有藍色給人那種耳目一新，清爽怡神，但是給能給人一種激人上進，富有時代氣息的感覺。在這次的設計中就是運用了傳統(tǒng)結(jié)構(gòu)設計。這樣一來即符合了正規(guī)網(wǎng)站設計，又符合大眾的認可。

2 詳細制作流程

2.1 分析與準備

2.1.1調(diào)研分析

logo標志不僅僅是一個圖形或文字的組合，它是依據(jù)部門或企業(yè)的構(gòu)成結(jié)構(gòu)、行業(yè)類別、經(jīng)營理念，并充分考慮標志接觸的對象和應用環(huán)境，為部門企業(yè)制定的標準視覺符號。在設計logo之前，在頭腦里要對網(wǎng)站有比較深入的了解，熟悉整體結(jié)構(gòu)，這樣一來就可以從這些認識來進行分析。

2.1.2 設計開發(fā)

有了上面準備后，就著手設計。剛開始依據(jù)各種信息通過媒體的傳播，及網(wǎng)上信息傳播，就有了想法，有了想法并沒有著手設計而是畫個草圖，描出大體效果，才開始設計。

2.2 制作過程

2.2.1 選擇圖片

1）打開psotoshop，在“文件”里打開一張你準備使用的圖片，最好是JPG格式的靜態(tài)圖片，同時注意圖片的選取要有作為LOGO圖標的價值。例如圖1。

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

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

4）在這個例子里圖片寬度不夠，裁切出來的大小是80*31，應該放大為88*31。

2.2.2 加入文字

在LOGO中顯示的一般是網(wǎng)站名稱和地址，這里以本論壇名稱“天空之城”和地址“www.vanely.com ”為例。做LOGO最主要的是用各種顯示的方法突出文字信息，以給人深刻和良好的印象。下面就舉例介紹一下幾種常用的文字變換的顯示方法：滑行效果、模糊效果、漸變效果、打字效果、顏色過渡效果、閃光效果。其他效果就需要自己慢慢摸索學習了。

滑行效果：字體從旁邊慢慢滑行出來的效果。

1）在工具欄選擇文字工具——文字工具的樣子的大寫的“T”，在合適的地方輸入文字，一般LOGO的文字格式是默認的宋體，12號大小，去掉鋸齒，如圖3。

字體常用的特效有投影、描邊、模糊等，這里的例子用白色字體，綠色描邊。進入特效設置的方法是在右下角的圖層上用右鍵點出“混合選項”。

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

3）點擊“描邊”，把“大小”改為1，把顏色改成你想要的。

另外一個“模糊”效果是在“濾鏡”——“模糊”——“動感模糊”里。呆會再說。

4）輸入文字并設置好效果后，用移動工具拖動文字的位置。如圖4、圖5、圖6。

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

5）用同樣的方法移動 www.vanely.com 字體。

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

6）字體的移動設置保存完畢后，進入ImageReady合成動畫——點擊工具欄最下邊的圖標進入。進入ImageReady后，選擇“文件”——“導入”——“作為楨的文件夾”——選擇你保存著圖片的那個文件夾——確定。

7）圖片間維持時間的設置，點擊動畫顯示欄里圖片下邊的標志，設置間隔時間，如圖7。

然后保存，注意要用“將優(yōu)化結(jié)果存儲為……”那個鍵。保存后看看效果，建議用ACDSee看，動畫顯示真實些，速度也快些。

模糊效果：字體呈現(xiàn)瞬間模糊的效果，看起來比較動態(tài)。類似滑動效果的制作，選擇要使用模糊效果的圖層，并去掉描邊特效，使用 “濾鏡”——“模糊”——“動感模糊”把字體弄成模糊后再進行移動，這樣看起來更有動感。

漸變效果：字體從無到有漸漸顯示出來。漸變效果是利用ImageReady的功能鍵完成的，在動畫顯示欄里，先在心里默認兩張圖片，第一張會慢慢漸變到第二張，然后用鼠標選擇第二張，點擊功能鍵里的“過渡”，選擇過渡圖片的張數(shù)，一般為3—5張，然后點確定就行了。

最后的漸變效果LOGO：

打字效果：字體一個一個逐漸顯示出來。

1）這種效果比較麻煩，并且只能針對中文，英文最好不要用。先在已經(jīng)確定的位置上輸入文字和效果，不要移動。預計圖片的數(shù)量，四個字的話，一般為五張。那么就從第五張做起，逐漸到第一張。而輸入文字后的圖片則保存為06.gif。

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

3）在選好的字里點右鍵選擇“填充”—“白色”。在新建文件夾里保存為05.gif。

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

5）用同樣方法把第二、第一個字填充為白色，保存為03、02.gif。原始圖片作為01.gif。

6）在06.gif的基礎(chǔ)上加入網(wǎng)站地址，可以自己選擇效果。這里略。

7）進入ImageReady合成動畫，時間間隔設置為0.2秒較好。

顏色過渡效果：字體上有一種不同于字體的顏色逐字滑過的效果。

1）在確定的地方輸入文字，加上效果，不再移動，保存為01.gif。

2）用文字工具選擇第一個字，把它改成于其他字體不同的顏色，保存為02.gif。

3）“返回”未修改顏色前，用同樣方法只選擇第二個字，把它改為紅色，保存為03.gif。

4）用同樣方法保存完四個字，需要的話也可以對網(wǎng)址進行顏色過渡處理，不過每次變色最好選擇兩個字母同時進行。

5）文字過渡效果也是用這種方法，并且更簡單，寫一個字就保存一次，然后再合成動畫。最后的效果LOGO：

閃光效果：常見的一道閃光滑過圖片表面的效果。

1）在Firework 2004打開一張圖片，在右上角的地方新建一個圖層。

2）用鼠標選擇本來的圖層，而不是新建的那個圖層，否則無法繼續(xù)。

3）用“矩形工具”選取一道閃光的矩形，如圖9。

4）對選擇好的矩形進行加工，方法有兩種：淡化或者模糊。

5）如果需要傾斜的矩形，只需使用“修改”——“變形”——“任意變形”。如圖10。

6）選擇本來的圖層按快捷鍵F8，選擇“動畫”，選擇幀的數(shù)目和動畫的范圍，如圖11。

7）回到圖片，拉動兩頭的小點調(diào)整動畫范圍，有時需要按住Ctrl鍵才能拉動。

8）在開始新建圖層的地方再選擇“共享圖層”，如圖12。

9）然后選擇“文件”——“導出向?qū)А薄袄^續(xù)”——“導出”就行了。完成的圖片在ImageReady中導入的時候會自動變成一幀幀的圖片。用這個方法完成的LOGO：

3 結(jié)束語

這里只介紹了一些常用效果的制作，這些步驟，基本上是缺一不可的。還有一些其他需要注意的問題：1、文字信息最好不要超過6個字，網(wǎng)址最好不要超過13個字母，否則處理起來很麻煩。2、這些效果可以綜合應用，在這個基礎(chǔ)上其實還可以弄出更多花樣來。但一個LOGO的圖片數(shù)最好不要超過20幀，否則文件太大顯示會很慢，最后文件的大小最好在25K以下。

同時，看到好的素材，要眼明手快的將之分類保存下來，為以后做作品時積累素材。

要學好photoshop需平時多做練習，其講究的就是技術(shù)，技術(shù)上的把握不外乎就是多做練習，只有這樣才能有更多的創(chuàng)意。只有綜合的運用photoshop相關(guān)的知識，才會做得出一個好的作品出來。

參考文獻：

[1] 倪洋，張大地，龍懷冰.完全征服Photoshop平面設計[M].北京：人民郵電出版社，2007.

[2] 甘登岱.中文版photoshopCS平面設計標準教材[M]. 北京：航空工業(yè)出版社，2006.

[3] 李建芳，高爽.Photoshop CS平面設計[M].北京：清華大學出版社，2006.

[4] 溫鑫工作室.Photoshop CS2特效創(chuàng)意200例[M].北京：中國林業(yè)出版社，2006.