....優選優選PS使用切片WebDreamweaver中繪制表格一樣，在ps中我們同樣可以使用【切片工具】直接在圖像上繪制切片線條，或使用圖層來設計圖形并創立基于圖層的切片。ps中的網頁設計工具可以幫助我們設計和優化單個網頁圖形或整個頁面布局。局部應用不同的壓縮和交互設置。【存儲為Web和設備所用格式】對話框可讓感覺，在心理上給人以下載速度快的錯覺。看出哪些圖片被切割過，而哪些是完整的。因此，切片無疑是一種奇異的、“魚往圖片區域拖曳，假設圖片分小塊變暗變藍，那么該圖片是被切割過的，如圖1所示。1HTMLCSS可在網頁上重組合成完整的圖像。通過劃分圖像，我們可以指定不同的URL以創立頁面導航，或使用其自身的優化設置對圖像的每個局部進展壓縮。而在ps2所示。2速和高效。中選擇了“切片工具〞后，在圖像上單擊右鍵，在快捷菜單中選擇“劃分切片〞命令，如圖3所示。3在彈出的“劃分切片〞對話框中，設置“水平劃分為〞和“垂直劃分為〞兩項3〞和“64所示。4而哪些是文本區域，并創立圖文并茂的界面。使用“切片工具〞的方法和使用選區類似，拖曳出期望切片的區域即可，如圖5所示。5擇該圖層，然后執行菜單“〞“〞如圖6所示。6Webps個切片存儲為單獨的文件并生成顯示切片圖像所需的HTMLCSS在處理切片時，我們要記住以下幾個根本要點：可以通過使用切片工具或創立基于圖層的切片來創立切片。大小，或將它與其它切片對齊。URL。Web片進展優化。ps和【存儲為Web于識別并區分切片：虛線指明切片是自動切片。用戶切片和基于圖層的切片帶藍色標記，而自動切片帶灰色標記。Web下，對自動切片的顏色調整量是用戶切片的兩倍。改切片的排列或切片總數，切片編號將更以反映的挨次。創立切片使用切片工具創立切片選擇切片工具。繪制的任何切片都將自動消滅在文檔窗口中。7788度是高度兩倍的切片，請輸入寬度6和高度3。如圖9所示：91010Shift按住【Alt】鍵拖動可從中心繪制。基于參考線創立切片11和12所示：圖1112基于圖層的切片調整切片大小和對齊切片的唯一方法是編輯相應的圖層，如圖13所示。除非我們將該切片轉換為用戶切片。13將自動切片和基于圖層的切片轉換為用戶切片:不同的優化設置，那么必需將其提升為用戶切片。使用切片選擇工具，選擇一個或多個要轉換的切片。單擊選項欄中的【提升】。切片選擇工具利用鍵盤中的【K】鍵來直接選擇【切片工具】或【切片選擇工具】。】鍵可選擇多個切片。1414整，另一種通過雙擊切片，在選項對話框中進展調整。如圖15所示：15復制切片選擇要復制的圖片，按住【Alt】鍵進展移動。組合切片選擇要組合的切片，點擊鼠標右鍵，選擇【組合切片】選項。16所示。16A.置為頂層B.前移一層C.后移一層D.置為底層1717A.頂對齊B.垂直居中對齊C.底對齊D.左對齊E.水平居中對齊F.右對齊1818A.按頂分布B.垂直居中分布C.按底分布D.按左分布E.水平居中分布F.按右分布鼠標右鍵選擇【刪除】。鎖定切片選擇【視圖】—【鎖定切片】。本卷須知：文并茂的界面；切片前,先要認真對設計進展分析,考慮要因設計制宜；切片時,可不斷放大縮小設計觀看精準度,可以依據關心線進展切片；背景與否等,假設不適宜,要重對切片進展優化輸出或者重切片。1、輸出背景觀看背景：RGB即可；作時不是插入圖片而是作為背景圖片可以橫向平鋪到達設計效果。如LOGO,就要輸出透亮背景的前景圖片;有時切片會有重疊現象,所以承受分別輸出的方法能到達比較好的效果。)2、前景圖片(包括標識,特別字體的標題,導航,中英文切換的文字連接,特別的小圖標，特別的邊角)觀看背景上的標識：標識局部的圖和背景對接不好產生錯位.切片的時候隱蔽背景單獨優化輸出.假設一網頁里面有重復用到的一圖,只需要切一個一次就可以了.3、線假設是直角的單色的邊框,可以表格邊框設置,就不需要切片片背景圖案的方法進展切片.4、切片命名切片單獨輸出,可以依據其用途重命名,如背景可以為MAIN_B