前面詳細介紹了在Photoshop中新建、繪制和編輯圖形的基本方法，下面將重點(diǎn)介紹如何繪制網(wǎng)頁(yè)標志的方法和技巧，以實(shí)現熟練操作Photoshop各種繪圖工具的能力。標志在網(wǎng)頁(yè)制作中應用廣泛，一般由文本、圖形、圖像等元素構成，有的標志是多種元素兼而有之。Photoshop具有強大的圖形繪制功能，在設計網(wǎng)頁(yè)時(shí)，使用Pho-toshop中繪制標志并不難。

文字型標志

一幅別致的文字標志，就欣賞角度來(lái)說(shuō)絕不亞于一幅優(yōu)美的圖像。這樣一幅好的文字標志在Pho-toshop中可以輕松制作。一般方法是對文字進(jìn)行變形、錯位、疊加、藝術(shù)組合、卡通化、圖像化等藝術(shù)操作，使文字具有審美特征。

下面以實(shí)例的形式介紹幾種文字型圖標設計方法。

1. 文字變形

實(shí)例通過(guò)對文字適當變形會(huì )設計出非?；顫姷膱D標效果。

【操作步驟】

第1步，啟動(dòng)Photoshop，新建文件，畫(huà)布大小適當。用文本工具輸入“DELL”字樣。

第2步，復制文本圖層，進(jìn)行備份（以后在設計中要隨時(shí)養成圖層備份習慣，避免不能返回的錯誤），把備份圖層隱藏。選擇中間文字圖層，選擇【圖層】|【柵格化】|【文字】命令，把文字轉換為位圖圖形。

第3步，用【魔棒工具】選取文字位圖的空白處，按Shift+Ctrl+I組合鍵反選文字，要注意再按住Shift鍵增加選取字母“D”中間的空白。第4步，在【路徑】面板菜單中選擇【建立工作路徑】命令，把選區轉換為路徑

第5步，使用【路徑選擇工具】選擇字母路徑“E”，選擇【編輯】|【自由變換路徑】命令，在工具選項欄中設置逆時(shí)旋轉45度

第6步，使用【直接選擇工具】縮短字母路徑“L”中的橫線(xiàn)，然后用【移動(dòng)工具】移動(dòng)各個(gè)對象，使其排列更緊密。

第7步，在【路徑】面板中把路徑轉換為選區，在【圖層】面板中隱藏文字轉換圖層，新建空白圖層，然后使用白色進(jìn)行填充即可得到最終的效果。

【拓展】通過(guò)對文字的變形可以設計出豐富多彩的圖標效果。

2. 文字抽象化

在網(wǎng)頁(yè)設計中，抽象化標志最大特點(diǎn)就是把文字意象化，講究?jì)热莸呢S富性，抽象化設計取決于設計者的想象力的發(fā)揮，以及主旨的需要。下面以Adobe公司的圖標設計為例進(jìn)行介紹，Adobe公司的圖標把字母“A”進(jìn)行藝術(shù)化處理。

【操作步驟】

第1步，新建文件，先用參考線(xiàn)布局圖標的比例，方法是選擇【視圖】|【標尺】命令，顯示標尺，然后用鼠標指針在標尺上拖出參考線(xiàn)到編輯窗口中，如果不合適可以隨時(shí)用鼠標進(jìn)行調整。

第2步，選擇【視圖】|【參考線(xiàn)】|【對齊參考線(xiàn)】命令，使下面所有操作時(shí)繪制的圖形對齊到參考線(xiàn)。

第3步，用【矩形工具】在編輯窗口中繪制一個(gè)長(cháng)方形，填充為紅色。

第4步，復制該矩形，并設置填充色為白色，選擇【編輯】|【變換】|【斜切】命令，矩形四周顯示有8個(gè)控制點(diǎn)，把光標置于矩形的右上角，按住Shift鍵向中間拖動(dòng)。

第5步，同樣的方法，復制紅色矩形，把上邊向中間傾斜為一個(gè)點(diǎn)，變形為一個(gè)正三角形，然后按住Shift鍵縮小該三角形。

第6步，設置縮小的三角形與矩形底邊對齊和橫向居中對齊。復制白色填充的梯形，以同樣的方法縮小，并對齊到底部，遮住三角形的左下角。

第7步，在圖標底部輸入公司名稱(chēng)。

幾何型標志

利用Photoshop提供的圖形工具可以在設計網(wǎng)頁(yè)時(shí)，繪制一些基本的幾何圖形，然后通過(guò)變形組合也能夠設計出很多漂亮的圖標。

1. 幾何變形

三菱公司的圖標是一個(gè)非常簡(jiǎn)單的幾何變形組合，但也是世界上最著(zhù)名的商標之一。該圖標主要由3個(gè)變形的矩形對稱(chēng)組成，結構端正勻稱(chēng)。

【操作步驟】

第1步，新建文件，先用參考線(xiàn)布局圖標的比例，并設置對齊參考線(xiàn)。

第2步，用【矩形工具】在編輯窗口中繪制一個(gè)長(cháng)方形，填充為黑色。

第3步，選擇【編輯】|【變換】|【斜切】命令，然后把光標置于矩形的上邊中點(diǎn)，當光標變成形狀，按住鼠標左鍵向右拖動(dòng)。

第4步，復制該變形矩形，選擇【編輯】|【變換】|【水平翻轉】命令，然后向右移動(dòng)該圖形即可。

第5步，在編輯窗口的上部按住Shift鍵繪制一個(gè)正方形，旋轉45度角，然后用縮放工具縮小，并左右壓扁該菱形。

第6步，用【移動(dòng)工具】并結合使用選項工具欄，調整3個(gè)圖形的位置關(guān)系，得到最后的效果如圖8.78所示。

2. 幾何組合

利用基本的幾何圖形進(jìn)行創(chuàng )意組合，也能夠設計出非常精美的圖標。

【操作步驟】

第1步，新建文件，先用參考線(xiàn)布局圖標的比例關(guān)系，并設置對齊參考線(xiàn)。

第2步，用【矩形工具】在編輯窗口中繪制3個(gè)正方形，填充為不同的顏色，分別為深綠色、黑色、深紅色，并對角排列。

第3步，在工具箱中選擇【直線(xiàn)工具】，設置前景色為黑色，在編輯窗口中繪制一個(gè)L形狀。

第4步，選擇【編輯】|【變換】|【水平翻轉】命令，翻轉L形狀。

第5步，在【屬性】面板中設置該形狀的大小和位置。

第6步，復制L形狀，并向左下角移動(dòng)10像素。重復操作3次

第7步，選擇4個(gè)L形狀，復制并合并。方法是按Ctrl+J快捷鍵復制，按Ctrl+E快捷鍵合并圖層。

第8步，對該組合對象進(jìn)行水平翻轉和垂直翻轉，并移動(dòng)到左下角，如圖8.84所示。第9步，使用【鋼筆工具】，設置前景色為白色，繪制兩個(gè)斜角為45°的三角形，覆蓋L形狀的平頭形狀，設計L形狀為尖角。