前面詳細(xì)介紹了在Photoshop中新建、繪制和編輯圖形的基本方法,下面將重點介紹如何繪制網(wǎng)頁標(biāo)志的方法和技巧,以實現(xiàn)熟練操作Photoshop各種繪圖工具的能力。標(biāo)志在網(wǎng)頁制作中應(yīng)用廣泛,一般由文本、圖形、圖像等元素構(gòu)成,有的標(biāo)志是多種元素兼而有之。Photoshop具有強大的圖形繪制功能,在設(shè)計網(wǎng)頁時,使用Pho-toshop中繪制標(biāo)志并不難。
一幅別致的文字標(biāo)志,就欣賞角度來說絕不亞于一幅優(yōu)美的圖像。這樣一幅好的文字標(biāo)志在Pho-toshop中可以輕松制作。一般方法是對文字進行變形、錯位、疊加、藝術(shù)組合、卡通化、圖像化等藝術(shù)操作,使文字具有審美特征。
下面以實例的形式介紹幾種文字型圖標(biāo)設(shè)計方法。
文字變形
實例通過對文字適當(dāng)變形會設(shè)計出非?;顫姷膱D標(biāo)效果。
【操作步驟】
第1步,啟動Photoshop,新建文件,畫布大小適當(dāng)。用文本工具輸入“DELL”字樣。
第2步,復(fù)制文本圖層,進行備份(以后在設(shè)計中要隨時養(yǎng)成圖層備份習(xí)慣,避免不能返回的錯誤),把備份圖層隱藏。選擇中間文字圖層,選擇【圖層】|【柵格化】|【文字】命令,把文字轉(zhuǎn)換為位圖圖形。
第3步,用【魔棒工具】選取文字位圖的空白處,按Shift+Ctrl+I組合鍵反選文字,要注意再按住Shift鍵增加選取字母“D”中間的空白。第4步,在【路徑】面板菜單中選擇【建立工作路徑】命令,把選區(qū)轉(zhuǎn)換為路徑
第5步,使用【路徑選擇工具】選擇字母路徑“E”,選擇【編輯】|【自由變換路徑】命令,在工具選項欄中設(shè)置逆時旋轉(zhuǎn)45度
第6步,使用【直接選擇工具】縮短字母路徑“L”中的橫線,然后用【移動工具】移動各個對象,使其排列更緊密。
第7步,在【路徑】面板中把路徑轉(zhuǎn)換為選區(qū),在【圖層】面板中隱藏文字轉(zhuǎn)換圖層,新建空白圖層,然后使用白色進行填充即可得到最終的效果。
【拓展】通過對文字的變形可以設(shè)計出豐富多彩的圖標(biāo)效果。
2. 文字抽象化
在網(wǎng)頁設(shè)計中,抽象化標(biāo)志最大特點就是把文字意象化,講究內(nèi)容的豐富性,抽象化設(shè)計取決于設(shè)計者的想象力的發(fā)揮,以及主旨的需要。下面以Adobe公司的圖標(biāo)設(shè)計為例進行介紹,Adobe公司的圖標(biāo)把字母“A”進行藝術(shù)化處理。
【操作步驟】
第1步,新建文件,先用參考線布局圖標(biāo)的比例,方法是選擇【視圖】|【標(biāo)尺】命令,顯示標(biāo)尺,然后用鼠標(biāo)指針在標(biāo)尺上拖出參考線到編輯窗口中,如果不合適可以隨時用鼠標(biāo)進行調(diào)整。
第2步,選擇【視圖】|【參考線】|【對齊參考線】命令,使下面所有操作時繪制的圖形對齊到參考線。
第3步,用【矩形工具】在編輯窗口中繪制一個長方形,填充為紅色。
第4步,復(fù)制該矩形,并設(shè)置填充色為白色,選擇【編輯】|【變換】|【斜切】命令,矩形四周顯示有8個控制點,把光標(biāo)置于矩形的右上角,按住Shift鍵向中間拖動。
第5步,同樣的方法,復(fù)制紅色矩形,把上邊向中間傾斜為一個點,變形為一個正三角形,然后按住Shift鍵縮小該三角形。
第6步,設(shè)置縮小的三角形與矩形底邊對齊和橫向居中對齊。復(fù)制白色填充的梯形,以同樣的方法縮小,并對齊到底部,遮住三角形的左下角。
第7步,在圖標(biāo)底部輸入公司名稱。
幾何型標(biāo)志
利用Photoshop提供的圖形工具可以在設(shè)計網(wǎng)頁時,繪制一些基本的幾何圖形,然后通過變形組合也能夠設(shè)計出很多漂亮的圖標(biāo)。
幾何變形
三菱公司的圖標(biāo)是一個非常簡單的幾何變形組合,但也是世界上最著名的商標(biāo)之一。該圖標(biāo)主要由3個變形的矩形對稱組成,結(jié)構(gòu)端正勻稱。
【操作步驟】
第1步,新建文件,先用參考線布局圖標(biāo)的比例,并設(shè)置對齊參考線。
第2步,用【矩形工具】在編輯窗口中繪制一個長方形,填充為黑色。
第3步,選擇【編輯】|【變換】|【斜切】命令,然后把光標(biāo)置于矩形的上邊中點,當(dāng)光標(biāo)變成形狀,按住鼠標(biāo)左鍵向右拖動。
第4步,復(fù)制該變形矩形,選擇【編輯】|【變換】|【水平翻轉(zhuǎn)】命令,然后向右移動該圖形即可。
第5步,在編輯窗口的上部按住Shift鍵繪制一個正方形,旋轉(zhuǎn)45度角,然后用縮放工具縮小,并左右壓扁該菱形。
第6步,用【移動工具】并結(jié)合使用選項工具欄,調(diào)整3個圖形的位置關(guān)系,得到最后的效果如圖8.78所示。
2. 幾何組合
利用基本的幾何圖形進行創(chuàng)意組合,也能夠設(shè)計出非常精美的圖標(biāo)。
【操作步驟】
第1步,新建文件,先用參考線布局圖標(biāo)的比例關(guān)系,并設(shè)置對齊參考線。
第2步,用【矩形工具】在編輯窗口中繪制3個正方形,填充為不同的顏色,分別為深綠色、黑色、深紅色,并對角排列。
第3步,在工具箱中選擇【直線工具】,設(shè)置前景色為黑色,在編輯窗口中繪制一個L形狀。
第4步,選擇【編輯】|【變換】|【水平翻轉(zhuǎn)】命令,翻轉(zhuǎn)L形狀。
第5步,在【屬性】面板中設(shè)置該形狀的大小和位置。
第6步,復(fù)制L形狀,并向左下角移動10像素。重復(fù)操作3次
第7步,選擇4個L形狀,復(fù)制并合并。方法是按Ctrl+J快捷鍵復(fù)制,按Ctrl+E快捷鍵合并圖層。
第8步,對該組合對象進行水平翻轉(zhuǎn)和垂直翻轉(zhuǎn),并移動到左下角,如圖8.84所示。第9步,使用【鋼筆工具】,設(shè)置前景色為白色,繪制兩個斜角為45°的三角形,覆蓋L形狀的平頭形狀,設(shè)計L形狀為尖角。