adobe photoshop教程 ps教程 平面設(shè)計教程網(wǎng)頁設(shè)計師必.doc

網(wǎng)頁設(shè)計師必修的8個PS技巧對任何一個網(wǎng)頁開發(fā)員來說，掌握基本的Photoshop技巧比如把PSD文件分割為XHTML/CSS文件是必不可少的。同時，我們還應(yīng)該懂得更多其它的PS技巧，如修改圖標(biāo)背景色、使用多種方式進行PS摳圖、使用快捷鍵快速選擇PS圖層等等.下面為大家講述幾個相當(dāng)有用的PS技巧。 (一)改變圖標(biāo)的背景顏色 作為一個網(wǎng)頁開發(fā)員，我用Photoshop最常要做的是改變圖標(biāo)的背景顏色或者是把圖標(biāo)背景變透明。 就拿RSS(聚合內(nèi)容)圖標(biāo)為例。這種圖標(biāo)會有不同的形狀和尺寸。 當(dāng)你找到了最合適的圖標(biāo)，但你還需要做些修改。最常見的問題是網(wǎng)站的背景和圖標(biāo)的背景可能是不同的，為了把他們搭配在一起，我們需要做一些工作。 如果圖像是GIF格式的，建議先把它轉(zhuǎn)換成PNG格式，他們是類似的，但是PNG格式文件比較小。請閱讀在網(wǎng)站中用GIF和PNG圖像的利弊。 具體做的方法是： 第一步：在Photoshop中打開圖像，然后點擊文件-存儲為Web和設(shè)備所用格式(快捷鍵Ctrl/Cmd+Alt/Option+Shift+S)，然后在 預(yù)設(shè) 右邊的下拉框中選擇PNG-8或者PNG-24格式。你可以對比下哪種格式的質(zhì)量和尺寸更好一些。(參看教你如何存儲Web所用格式的圖片。) 接著關(guān)閉GIF文件打開你剛存儲的圖片。 打開圖層面板(如果沒顯示，按F7鍵讓它可見)，你可以看到有一個背景圖層。 右擊那個圖層，從菜單里選擇背景圖層，點擊確定。 第二步：使用魔術(shù)棒工具。 1.在工具面板中點擊魔術(shù)棒工具。 2.確保容差設(shè)在20左右，消除鋸齒和連續(xù)是勾選上的，如下圖： 然后點擊環(huán)繞這個圖標(biāo)的白色(或其他顏色)背景。 確保選中的區(qū)域盡可能不要包含圖標(biāo)下的陰影部分。如果陰影部分被包含住了，適當(dāng)?shù)恼{(diào)整容差(用魔術(shù)棒重新選擇背景)。 去除背景顏色 簡單的點擊Delete鍵我們就可以去除背景并把它變透明。點擊文件-存儲為Web和設(shè)備所用格式，勾選透明選項。 改變背景顏色 1.點擊前景色在拾色器中選擇你想要的顏色，點擊確定。 2.點擊油漆桶工具(快捷鍵G)。如果你沒有發(fā)現(xiàn)油漆桶工具，右擊漸變工具然后選擇油漆桶工具。 接著，用它在圖標(biāo)旁邊填充上你剛選擇的顏色。 (二)用自動選擇工具選擇圖層 選擇一個圖層很簡單：在圖層面板中點擊那個圖層(如果沒出現(xiàn)面板按下F7)。 如果在你的面板中有很多圖層或者圖層沒有直觀得命名，那么找相關(guān)的圖層會變得很煩人。 有一種辦法是打開自動選擇工具： 1.在工具面板中點擊移動工具。 2.選擇自動選擇右邊下拉框中的圖層。 3.勾選自動選擇選項。 啟用了自動選擇，在畫布上隨意點擊就可以選中相關(guān)圖層。 (三)用Ctrl/Cmd+鼠標(biāo)左鍵點擊 選擇圖層 用移動工具(快捷鍵V)來選擇圖層的另一種方法是用Ctrl/Cmd+鼠標(biāo)左鍵點擊 在畫布上選擇一個特定圖層，注意應(yīng)該把自動選擇功能去掉。 (四)分割一個圖層 選擇一個圖層后，你也許想把它復(fù)制到新文件中從而把它存儲為一個新的圖片。 一種方法是用裁剪工具(快捷鍵C)。 但有一種保持圖層大小不變的快捷方法： 1.按住Ctrl/Cmd鍵并且點擊圖層的縮略圖。這樣就會自動選擇那個圖層里所有的東西。 2.按下Ctrl/Cmd+C (編輯-復(fù)制的快捷鍵) 3.按下Ctrl/Cmd+N來創(chuàng)建一個新的文件。Photoshop能自動幫你復(fù)制和創(chuàng)建一個同樣大小的圖層的文件。 4.按下Ctrl/Cmd+V 把它復(fù)制到新的圖層。 (五)用拖放的方式把一個圖層從一個文件復(fù)制到另一個文件 有許多方法可以用來把一個圖層或一組圖層從一個PSD文件復(fù)制到另一個文件。然而最簡單的方法是拖放。 1.從文件中選擇你要復(fù)制的圖層。如果你要復(fù)制多個圖層，按住Ctrl鍵在圖層面板中選擇圖層。 2.選擇移動工具(快捷鍵V)。 在畫布中點擊任何地方然后把圖層拖到你需要復(fù)制到的新建文件里。 這個文件會被激活，放開鼠標(biāo)把復(fù)制的圖層放在你想要的地方。 (六)擴展或收縮圖像 在第一個技巧中，我演示了如何選擇一個圖標(biāo)的背景。在有些情況下，選區(qū)不準(zhǔn)確，也許你想放大或縮小選區(qū)。 首先，為了看清楚你選擇的部分，按下Ctrl+ +來放大這個圖像。 點擊選擇-修改-擴展 選擇-修改-收縮 輸入你想要擴展或收縮的像素然后點擊確定。 (七)使用圖層復(fù)合 當(dāng)有多個圖層時，獲取圖層的可見狀態(tài)會是操作更有效。換言之，只顯示你想要看見的圖層。 1.顯示圖層復(fù)合：窗口-圖層復(fù)合。 2.在圖層復(fù)合菜單中選擇新建圖層復(fù)合或者直接在面板下點擊新建圖層復(fù)合快捷鍵。 3.命名這個新的圖層復(fù)合，勾選可見性的選項，確定。 應(yīng)用圖層復(fù)合 點擊在這個圖層右邊圖標(biāo)來隱藏或顯示圖層復(fù)合。 (八)基本圖像處理：改變顏色 Photoshop中另一個常見的問題是復(fù)制部分圖層并改變其顏色。 這里有一個例子。下面這個圖標(biāo)用作菜單按鈕： 如何只把其中的房子復(fù)制出來，把它變成黑白色彩?當(dāng)你需要做鼠標(biāo)觸摸效果時，這個技巧經(jīng)常會被用到。 1.選擇矩形選框工具(快捷鍵M)。 2.在畫布中選擇這個房子。然后用Ctrl/Cmd+J把他復(fù)制到一個新的畫布上。 3.按下Ctrl/Cmd+U調(diào)整新圖層的色相和飽和度。把飽和度調(diào)整到左邊來把房子調(diào)為黑白。 結(jié)果： 但是彩色版的房子還在。要想看到它，把它設(shè)為可見。 (九)利用測量工具 作為一個網(wǎng)頁設(shè)計員，為了能制作適合網(wǎng)頁的圖像，我們常需要精確到像素來測量圖像。一個常用的例子是計算清楚菜單欄的尺寸以用作CSS圖像拼合。 有兩種方法來進行測量： 量尺(快捷鍵Ctrl/Cmd+R) 1.點著不放把左上角的量尺拖向畫布。 2.在你想要放坐標(biāo)的地方釋放鼠標(biāo)。 3.縮放(快捷鍵Ctrl/Cmd+)更好的觀察量尺刻度。 建議：雙擊量尺本身或者點開