PS網(wǎng)頁設(shè)計(jì)中切片使用教程

12.1.1創(chuàng)建切片

使用切片工具創(chuàng)建切片

1.選擇切片工具。繪制的任何切片都將自動(dòng)出現(xiàn)在文檔窗口中。

2.選取選項(xiàng)欄中的樣式設(shè)置，如圖12-1-7所示：

圖12-1-7

正常在我們拖動(dòng)的同時(shí)來確定切片比例。如圖12-1-8所示：

圖12-1-8

固定長(zhǎng)寬比設(shè)置高寬比。輸入整數(shù)或小數(shù)作為長(zhǎng)寬比。例如，若要?jiǎng)?chuàng)建一個(gè)寬度是高度兩倍的切片，請(qǐng)輸入寬度6和高度3。如圖12-1-9所示：

圖12-1-9

固定大小指定切片的高度和寬度。輸入整數(shù)像素值。如圖12-1-10所示。

圖12-1-10

3.在要?jiǎng)?chuàng)建切片的區(qū)域上拖動(dòng)。按住【Shift】鍵并拖動(dòng)可將切片限制為正方形。按住【Alt】鍵拖動(dòng)可從中心繪制。

基于參考線創(chuàng)建切片

向圖像中添加參考線。選擇切片工具，然后在選項(xiàng)欄中單擊【基于參考線的切片】。如圖12-1-11和12-1-12所示：

圖12-1-11

圖12-1-12

基于圖層的切片

基于圖層的切片與圖層的像素內(nèi)容相關(guān)聯(lián)，因此移動(dòng)切片、組合切片、劃分切片、調(diào)整切片大小和對(duì)齊切片的唯一方法是編輯相應(yīng)的圖層，如圖12-1-13所示。除非我們將該切片轉(zhuǎn)換為用戶切片。

圖12-1-13

將自動(dòng)切片和基于圖層的切片轉(zhuǎn)換為用戶切片:

圖像中的所有自動(dòng)切片都鏈接在一起并共享相同的優(yōu)化設(shè)置。如果要為自動(dòng)切片設(shè)置不同的優(yōu)化設(shè)置，則必須將其提升為用戶切片。

1.使用切片選擇工具，選擇一個(gè)或多個(gè)要轉(zhuǎn)換的切片。

2.單擊選項(xiàng)欄中的【提升】。

12.1.2切片選擇工具

【切片選擇工具】是在我們使用【切片工具】創(chuàng)建切片后，用來更精確的調(diào)整和劃分切片用的，我們可以選擇某個(gè)部分的切片，利用控制句柄來調(diào)整它的大小，如圖3.20所示，也可以利用選項(xiàng)欄中的【劃分】按鈕來從一個(gè)切片中劃分出多個(gè)切片，如圖3.21所示。我們可以利用鍵盤中的【K】鍵來直接選擇【切片工具】或【切片選擇工具】。

選擇切片通過使用切片選擇工具對(duì)圖片進(jìn)行單擊選擇，按住【shift】鍵可選擇多個(gè)切片。

移動(dòng)切片選擇切片后，按住鼠標(biāo)左鍵不放進(jìn)行移動(dòng)，如圖12-1-14所示：

圖12-1-14

調(diào)整切片大小對(duì)切片大小調(diào)整方法有兩種，一種通過切片的控制點(diǎn)進(jìn)行自由調(diào)整，另一種通過雙擊切片，在選項(xiàng)對(duì)話框中進(jìn)行調(diào)整。如圖12-1-15所示：

圖12-1-15

復(fù)制切片選擇要復(fù)制的圖片，按住【Alt】鍵進(jìn)行移動(dòng)。

組合切片選擇要組合的切片，點(diǎn)擊鼠標(biāo)右鍵，選擇【組合切片】選項(xiàng)。

更改切片的堆棧順序選擇切片，通過選項(xiàng)欄中的堆疊順序選項(xiàng)進(jìn)行更改。如圖12-1-16所示。

圖12-1-16A.置為頂層B.前移一層C.后移一層D.置為底層

對(duì)齊切片選擇切片，通過選項(xiàng)欄的對(duì)齊選項(xiàng)按鈕進(jìn)行對(duì)齊。如圖12-1-17所示。

圖12-1-17

A.頂對(duì)齊B.垂直居中對(duì)齊C.底對(duì)齊D.左對(duì)齊E.水平居中對(duì)齊F.右對(duì)齊

分布切片選擇切片，通過選項(xiàng)欄中分布按鈕進(jìn)行分布。如圖12-1-18所示。

圖12-1-18

A.按頂分布B.垂直居中分布C.按底分布D.按左分布E.水平居中分布F.按右分布

刪除切片選擇【視圖】—【清除切片】進(jìn)行刪除。如想刪除某一個(gè)切片，可單擊鼠標(biāo)右鍵選擇【刪除】。

鎖定切片選擇【視圖】—【鎖定切片】。

切片最重要的是區(qū)分出網(wǎng)頁中哪些是圖像區(qū)域，哪些是文本區(qū)域，并創(chuàng)建圖文并茂的網(wǎng)站界面。

未完待續(xù)......