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

文字型標志

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

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

1. 文字變形

實例通過對文字適當變形會設計出非?；顫姷膱D標效果。

【操作步驟】

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

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

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

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

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

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

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

2. 文字抽象化

在網頁設計中，抽象化標志最大特點就是把文字意象化，講究內容的豐富性，抽象化設計取決于設計者的想象力的發(fā)揮，以及主旨的需要。下面以Adobe公司的圖標設計為例進行介紹，Adobe公司的圖標把字母“A”進行藝術化處理。

【操作步驟】

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

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

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

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

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

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

第7步，在圖標底部輸入公司名稱。

幾何型標志

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

1. 幾何變形

三菱公司的圖標是一個非常簡單的幾何變形組合，但也是世界上最著名的商標之一。該圖標主要由3個變形的矩形對稱組成，結構端正勻稱。

【操作步驟】

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

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

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

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

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

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

2. 幾何組合

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

【操作步驟】

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

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

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

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

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

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

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

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