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

文字型標(biāo)志

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

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

1. 文字變形

實(shí)例通過(guò)對(duì)文字適當(dāng)變形會(huì)設(shè)計(jì)出非常活潑的圖標(biāo)效果。

【操作步驟】

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

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

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

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

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

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

【拓展】通過(guò)對(duì)文字的變形可以設(shè)計(jì)出豐富多彩的圖標(biāo)效果。

2. 文字抽象化

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

【操作步驟】

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

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

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

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

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

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

第7步，在圖標(biāo)底部輸入公司名稱。

幾何型標(biāo)志

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

1. 幾何變形

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

【操作步驟】

第1步，新建文件，先用參考線布局圖標(biāo)的比例，并設(shè)置對(duì)齊參考線。

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

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

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

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

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

2. 幾何組合

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

【操作步驟】

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

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

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

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

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

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

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

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