網(wǎng)頁(yè)設(shè)計(jì)師會(huì)經(jīng)常使用photoshop的哪些功能？

謝謝邀請(qǐng)

網(wǎng)頁(yè)設(shè)計(jì)師在使用photoshop時(shí)最常用的就是對(duì)于圖片的優(yōu)化，切片的應(yīng)用等等。

web優(yōu)化圖像

在網(wǎng)絡(luò)中當(dāng)我們創(chuàng)建的圖像非常大時(shí)，傳輸?shù)乃俣葧?huì)非常慢，這就要求我們?cè)谶M(jìn)行網(wǎng)頁(yè)創(chuàng)建和利用網(wǎng)絡(luò)傳送圖像時(shí)，要在保證一定質(zhì)量、顯示效果的同時(shí)盡可能降低圖像文件的大小。當(dāng)前常見(jiàn)的Web圖像格式有3種：JPG格式、GIF格式、PNG格式。JPG與GIF格式大家已司空見(jiàn)慣，而PNG格式（portable network graphics的縮寫）則是一種新興的Web圖像格式，以PNG格式保存的圖像一般都很大，甚至比BMP格式還大一些，這對(duì)于Web圖像來(lái)說(shuō)無(wú)疑是致命的殺手，因此很少被使用。對(duì)于連續(xù)色調(diào)的圖像最好使用JPG格式進(jìn)行壓縮；而對(duì)于不連續(xù)色調(diào)的圖像最好使用GIF格式進(jìn)行壓縮，以使圖像質(zhì)量和圖像大小有一個(gè)最佳的平衡點(diǎn)。

1 設(shè)置優(yōu)化格式

處理用于網(wǎng)絡(luò)上傳輸?shù)膱D像格式時(shí)，既要多保留原有圖像的色彩質(zhì)量又要使其盡量少占用空間，這時(shí)就要對(duì)圖像進(jìn)行不同格式的優(yōu)化設(shè)置，打開(kāi)圖像后，在菜單中執(zhí)行“文件/儲(chǔ)存為Web所用格式”命令，即可打開(kāi)如圖所示的“儲(chǔ)存為Web所用格式”對(duì)話框。要為打開(kāi)的圖像進(jìn)行整體優(yōu)化設(shè)置，只要在“優(yōu)化設(shè)置區(qū)域”中的“設(shè)置優(yōu)化格式”下拉列表中選擇相應(yīng)的格式后，再對(duì)其進(jìn)行顏色和損耗等設(shè)置，如圖所示的圖像為分別優(yōu)化為GIF、JPG和PNG格式時(shí)的設(shè)置選項(xiàng)。溫馨提示：選擇不同的格式后，可以在原稿與優(yōu)化的圖像大小中進(jìn)行比較。

2 應(yīng)用顏色表

如果將圖像優(yōu)化為GIF格式、PNG-8格式和WBMP格式時(shí)，可以通過(guò)“儲(chǔ)存為Web所用格式”對(duì)話框中的“顏色表”部分對(duì)顏色進(jìn)行進(jìn)一步設(shè)置，如圖所示。

其中的各項(xiàng)含義如下:

顏色總數(shù)：顯示“顏色表”調(diào)板中顏色的總和。

將選中的顏色映射為透明：在“顏色表”調(diào)板中選擇相應(yīng)的顏色后，單擊該按鈕，可以將當(dāng)前優(yōu)化圖像中的選取顏色轉(zhuǎn)換成透明。

Web轉(zhuǎn)換：可以將在“顏色表”調(diào)板中選取的顏色轉(zhuǎn)換成Web安全色。

顏色鎖定：可以將在“顏色表”調(diào)板中選取的顏色鎖定，被鎖定的顏色樣本在右下角會(huì)出現(xiàn)一個(gè)被鎖定的方塊圖標(biāo)，如圖所示。溫馨提示：將鎖定的顏色樣本選取再單擊“鎖定顏色”按鈕會(huì)將鎖定的顏色樣本解鎖。

新建顏色：?jiǎn)螕粼摪粹o可以將（吸管工具）吸取的顏色添加到“顏色表”面板中，新建的顏色樣本會(huì)自動(dòng)處于鎖定狀態(tài)。

刪除：在“顏色表”面板中選擇顏色樣本后，單擊此按鈕可以將選取的顏色樣本刪除，或者直接拖曳到刪除按鈕上將其刪除。

3 圖像大小

顏色設(shè)置完畢后還可以通過(guò)“儲(chǔ)存為Web所用格式”對(duì)話框中的“圖像大小”部分對(duì)優(yōu)化的圖像進(jìn)行進(jìn)一步設(shè)置輸出大小，如圖所示。

其中的各項(xiàng)含義如下：

新建長(zhǎng)寬：用來(lái)設(shè)置修改圖像的寬度和長(zhǎng)度。

百分比：設(shè)置縮放比例。

品質(zhì)：可以在下拉列表中選擇一種插值方法，以便對(duì)圖像重新取樣。

設(shè)置網(wǎng)絡(luò)圖像

對(duì)處理的圖像進(jìn)行優(yōu)化處理后，可以將其應(yīng)用到網(wǎng)絡(luò)上，如果在圖片中添加的了切片可以對(duì)圖像的切片區(qū)域進(jìn)行進(jìn)一步的優(yōu)化設(shè)置，并在網(wǎng)絡(luò)中進(jìn)行連接和顯示切片設(shè)置。

1 創(chuàng)建切片

創(chuàng)建切片可以將整體圖片分成若干個(gè)小圖片，每個(gè)小圖片都可以被重新優(yōu)化，創(chuàng)建切片的方法非常簡(jiǎn)單，只要使用（切片工具）在打開(kāi)的圖像中按照顏色分布使用鼠標(biāo)在其上面拖動(dòng)即可創(chuàng)建切片，具體的創(chuàng)建過(guò)程與（矩形選框工具）相同，如圖所示。選擇（切片工具）后，屬性欄會(huì)變成該工具對(duì)應(yīng)的選項(xiàng)設(shè)置，如圖所示。

其中的各項(xiàng)含義如下：

樣式：用來(lái)設(shè)置創(chuàng)建切片的方法包括：正常、固定大小和固定長(zhǎng)寬比。

寬度/高度：用來(lái)固定切片的大小或比例。

基于參考線的切片：按照創(chuàng)建參考線的邊緣建立切片。

2 編輯切片

使用（切片選擇工具）可以對(duì)已經(jīng)創(chuàng)建的切片進(jìn)行鏈接與調(diào)整編輯。選擇（切片選擇工具）后，屬性欄中會(huì)顯示針對(duì)該工具的一些屬性設(shè)置，如圖所示。

其中的各項(xiàng)含義如下：

切片順序：用來(lái)設(shè)置當(dāng)前切片的疊放順序，從左到右依次表示的意思是置為頂層、上移一層、下移一層和置為底層。

提升：用來(lái)將未形成的虛線切片轉(zhuǎn)換成正式切片，該選項(xiàng)只有在未形成的切片上單擊，在出現(xiàn)虛線的切片時(shí)，才可以被激活。單擊按鈕后，虛線切片會(huì)變成當(dāng)前的用戶切片。

劃分：對(duì)切片進(jìn)行進(jìn)一步的劃分，如圖所示。

水平劃分為：水平均勻分割當(dāng)前切片。

垂直劃分為：垂直均勻分割當(dāng)前切片。

隱藏自動(dòng)切片：?jiǎn)螕粼摪粹o，可以將為形成切片的虛線隱藏和顯示。

切片選項(xiàng)：選擇切片3，單擊該按鈕可以打開(kāi)對(duì)當(dāng)前切片的“切片選項(xiàng)”對(duì)話框，在其中可以設(shè)置相應(yīng)的參數(shù)，如圖所示。

其中的各項(xiàng)含義如下：

切片類型：輸出切片的設(shè)置，包括圖像、無(wú)圖像和表。

名稱：顯示當(dāng)前選擇的切片名稱，也可以自行定義。

URL：在網(wǎng)頁(yè)中的單擊當(dāng)前切片可以鏈接的網(wǎng)址。

目標(biāo)：設(shè)置打開(kāi)網(wǎng)頁(yè)的方式，主要包含以下5種 _blank、_self、_parent、_top和自定義，依次表示為：新窗口、當(dāng)前窗口、父窗口、頂層窗口和框架。當(dāng)所指名稱的框架不存在時(shí)，自定義作用等同于_blank。

信息文本：在網(wǎng)頁(yè)中當(dāng)鼠標(biāo)移動(dòng)到當(dāng)前切片上時(shí)，網(wǎng)絡(luò)瀏覽器中狀態(tài)欄顯示的內(nèi)容。

AIT標(biāo)記：在網(wǎng)頁(yè)中當(dāng)鼠標(biāo)移動(dòng)到當(dāng)前切片上時(shí)，彈出的提示信息。當(dāng)網(wǎng)絡(luò)上不顯示圖片時(shí)，圖片位置將顯示“Alt標(biāo)記”框中的內(nèi)容。

尺寸：X和Y代表當(dāng)前切片的坐標(biāo)，W和H代表當(dāng)前切片的寬度和高度。

切片背景類型：設(shè)置切片背景在網(wǎng)頁(yè)中的顯示類型。在下拉菜單中包括無(wú)、雜色、白色、黑色和其他。當(dāng)選擇“其他”選項(xiàng)時(shí)，會(huì)彈出“拾色器”對(duì)話框，在對(duì)話框中設(shè)置切片背景的顏色。

以上就是網(wǎng)頁(yè)設(shè)計(jì)師在photoshop中最常用的一些知識(shí)點(diǎn)。

希望能夠幫到您