對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō),使用Photoshop的目的大多是進(jìn)行網(wǎng)頁(yè)排版,當(dāng)然有時(shí)候需要制作一些效果,在更多的時(shí)候網(wǎng)頁(yè)設(shè)計(jì)師使用PS相比平面設(shè)計(jì)師要更簡(jiǎn)單一點(diǎn),本文就總結(jié)了網(wǎng)頁(yè)設(shè)計(jì)師常用的幾個(gè)Photoshop功能與技巧,相信無(wú)論是新手還是高手都會(huì)經(jīng)常用到。
1.改變圖標(biāo)的背景顏色
作為一個(gè)網(wǎng)頁(yè)開發(fā)員,我用Photoshop最常要做的是改變圖標(biāo)的背景顏色或者是把圖標(biāo)背景變透明。
就拿RSS(聚合內(nèi)容)圖標(biāo)為例。這種圖標(biāo)會(huì)有不同的形狀和尺寸。
當(dāng)你找到了最合適的圖標(biāo),但你還需要做些修改。最常見(jiàn)的問(wèn)題是網(wǎng)站的背景和圖標(biāo)的背景可能是不同的,為了把他們搭配在一起,我們需要做一些工作。
如果圖像是GIF格式的,建議先把它轉(zhuǎn)換成PNG格式,他們是類似的,但是PNG格式文件比較小。請(qǐng)閱讀在網(wǎng)站中用GIF和PNG圖像的利弊。
具體做的方法是:
第 一步:在Photoshop中打開圖像,然后點(diǎn)擊文件->存儲(chǔ)為Web和設(shè)備所用格式(快捷鍵Ctrl/Cmd+Alt /Option+Shift+S),然后在 預(yù)設(shè) 右邊的下拉框中選擇PNG-8或者PNG-24格式。你可以對(duì)比下哪種格式的質(zhì)量和尺寸更好一些。(參看教你如何存儲(chǔ)Web所用格式的圖片。)
接著關(guān)閉GIF文件打開你剛存儲(chǔ)的圖片。
打開圖層面板(如果沒(méi)顯示,按F7鍵讓它可見(jiàn)),你可以看到有一個(gè)背景圖層。
右擊那個(gè)圖層,從菜單里選擇背景圖層,點(diǎn)擊確定。
第二步:使用魔術(shù)棒工具。
1.在工具面板中點(diǎn)擊魔術(shù)棒工具。
2.確保容差設(shè)在20左右,消除鋸齒和連續(xù)是勾選上的,如下圖:
然后點(diǎn)擊環(huán)繞這個(gè)圖標(biāo)的白色(或其他顏色)背景。
確保選中的區(qū)域盡可能不要包含圖標(biāo)下的陰影部分。如果陰影部分被包含住了,適當(dāng)?shù)恼{(diào)整容差(用魔術(shù)棒重新選擇背景)。
出處:網(wǎng)頁(yè)設(shè)計(jì)手冊(cè)
責(zé)任編輯:bluehearts
上一頁(yè) 下一頁(yè) 常用的9個(gè)photoshop技巧 [2]
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論,我還想發(fā)表評(píng)論。
|