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

12.1.1創(chuàng)建切片

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

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

2.選取選項欄中的樣式設置，如圖12-1-7所示：

圖12-1-7

正常在我們拖動的同時來確定切片比例。如圖12-1-8所示：

圖12-1-8

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

圖12-1-9

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

圖12-1-10

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

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

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

圖12-1-11

圖12-1-12

基于圖層的切片

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

圖12-1-13

將自動切片和基于圖層的切片轉換為用戶切片:

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

1.使用切片選擇工具，選擇一個或多個要轉換的切片。

2.單擊選項欄中的【提升】。

12.1.2切片選擇工具

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

選擇切片通過使用切片選擇工具對圖片進行單擊選擇，按住【shift】鍵可選擇多個切片。

移動切片選擇切片后，按住鼠標左鍵不放進行移動，如圖12-1-14所示：

圖12-1-14

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

圖12-1-15

復制切片選擇要復制的圖片，按住【Alt】鍵進行移動。

組合切片選擇要組合的切片，點擊鼠標右鍵，選擇【組合切片】選項。

更改切片的堆棧順序選擇切片，通過選項欄中的堆疊順序選項進行更改。如圖12-1-16所示。

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

對齊切片選擇切片，通過選項欄的對齊選項按鈕進行對齊。如圖12-1-17所示。

圖12-1-17

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

分布切片選擇切片，通過選項欄中分布按鈕進行分布。如圖12-1-18所示。

圖12-1-18

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

刪除切片選擇【視圖】—【清除切片】進行刪除。如想刪除某一個切片，可單擊鼠標右鍵選擇【刪除】。

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

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

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