<delect id="jdzjz"><font id="jdzjz"><noframes id="jdzjz"><i id="jdzjz"><delect id="jdzjz"><meter id="jdzjz"></meter></delect></i>
<i id="jdzjz"></i>
<dl id="jdzjz"><font id="jdzjz"><nobr id="jdzjz"></nobr></font></dl><video id="jdzjz"><i id="jdzjz"></i></video>
<i id="jdzjz"></i><video id="jdzjz"></video>
<dl id="jdzjz"></dl>
<i id="jdzjz"></i> <video id="jdzjz"></video><dl id="jdzjz"></dl><dl id="jdzjz"><i id="jdzjz"><font id="jdzjz"></font></i></dl>
<dl id="jdzjz"><i id="jdzjz"></i></dl><video id="jdzjz"></video><dl id="jdzjz"><i id="jdzjz"><font id="jdzjz"></font></i></dl><video id="jdzjz"><delect id="jdzjz"><font id="jdzjz"></font></delect></video><dl id="jdzjz"></dl><noframes id="jdzjz"><dl id="jdzjz"></dl><video id="jdzjz"></video><video id="jdzjz"><i id="jdzjz"><i id="jdzjz"></i></i></video>
<dl id="jdzjz"></dl><noframes id="jdzjz"><video id="jdzjz"></video>
<i id="jdzjz"><i id="jdzjz"><delect id="jdzjz"></delect></i></i><video id="jdzjz"><i id="jdzjz"></i></video><dl id="jdzjz"><i id="jdzjz"><meter id="jdzjz"></meter></i></dl>
<video id="jdzjz"><dl id="jdzjz"><delect id="jdzjz"></delect></dl></video> <dl id="jdzjz"></dl>
<dl id="jdzjz"></dl><dl id="jdzjz"></dl>
<video id="jdzjz"></video><noframes id="jdzjz"><dl id="jdzjz"></dl><dl id="jdzjz"></dl><noframes id="jdzjz"><dl id="jdzjz"></dl>
<dl id="jdzjz"><delect id="jdzjz"></delect></dl>
<dl id="jdzjz"></dl>
保定清美IT實訓基地,專業的電腦培訓專家,值得依賴的教育專家!
聯系我們  |  清美課程  |  學校榮譽
0312-67700740312-6770075
平面設計
Photoshop IIIustrator Coreldraw Indesign Acrobat
裝潢設計
CAD 3dmax Vary Photoshop
網頁設計
Dreamweaver Fireworks Flash Photoshop HTML+CSS
最新開課
MORE
您的位置:首頁 > 校園快訊 > 最新資訊
最新資訊

將 Web 頁切片

添加時間:2022-05-16 10:47:00   瀏覽次數: 次    【 】   打印   關閉窗口

  將 Web 頁切片  
 
 
 
 
切片使用 HTML 表或 CSS 圖層將圖像劃分為若干較小的圖像,這些圖像可在 Web 頁上重新組合。通過劃分圖像,您可以指定不同的 URL 鏈接以創建頁面導航,或使用其自身的優化設置對圖像的每個部分進行優化。

保定平面設計培訓帶大家一起了解一下:


在處理切片時,請謹記以下基本要點:
 
可以通過使用切片工具或創建基于圖層的切片來創建切片。
 
創建切片后,可以使用切片選擇工具  選擇該切片,然后對它進行移動和調整大小,或將它與其它切片對齊。
 
可以在“切片選項”對話框中為每個切片設置選項,如切片類型、名稱和 URL。
 
可以使用“存儲為 Web 所用格式”對話框中的各種優化設置對每個切片進行優化。
切片類型
切片按照其內容類型(表格、圖像、無圖像)以及創建方式(用戶、基于圖層、自動)進行分類。
 
使用切片工具創建的切片稱作用戶切片;通過圖層創建的切片稱作基于圖層的切片。當您創建新的用戶切片或基于圖層的切片時,將會生成附加自動切片來占據圖像的其余區域。換句話說,自動切片填充圖像中用戶切片或基于圖層的切片未定義的空間。每次添加或編輯用戶切片或基于圖層的切片時,都會重新生成自動切片??梢詫⒆詣忧衅D換為用戶切片。
 
用戶切片、基于圖層的切片和自動切片的外觀不同 — 用戶切片和基于圖層的切片由實線定義,而自動切片由虛線定義。此外,用戶切片和基于圖層的切片顯示不同的圖標??梢赃x取顯示或隱藏自動切片,這樣可以更容易地查看使用用戶切片和基于圖層的切片的作品。
 
子切片是創建重疊切片時生成的一種自動切片類型。子切片指示存儲優化的文件時如何劃分圖像。盡管子切片有編號并顯示切片標記,但無法獨立于底層切片選擇或編輯子切片。每次排列切片的堆疊順序時都重新生成子切片。
 
可以使用不同的方法創建切片:
 
自動切片是自動生成的。
 
用戶切片是用切片工具創建的。
 
基于圖層的切片是用圖層面板創建的。
 
Web 頁切片
可以使用切片工具直接在圖像上繪制切片線條,或使用圖層來設計圖形,然后基于圖層創建切片。
 
使用切片工具創建切片
選擇切片工具 。(按 C 鍵可以循環切換“裁剪工具”組中的工具。)
 
任何現有切片都將自動出現在文檔窗口中。
 
選取選項欄中的樣式設置:
 正常
在您拖動時確定切片比例。
 
 固定長寬比
設置高寬比。輸入整數或小數作為長寬比。例如,若要創建一個寬度是高度兩倍的切片,請輸入寬度 2 和高度 1。
 
 固定大小
指定切片的高度和寬度。輸入整數像素值。
 
在要創建切片的區域上拖動。按住 Shift 鍵并拖動可將切片限制為正方形。按住 Alt 鍵 (Windows) 或 Option 鍵 (Mac OS) 拖動可從中心繪制。使用“視圖”>“對齊”使新切片與參考線或圖像中的另一切片對齊。請參閱移動用戶切片、調整用戶切片大小和對齊用戶切片。
基于參考線創建切片
向圖像中添加參考線。
選擇切片工具,然后在選項欄中單擊“基于參考線的切片”。
 
通過參考線創建切片時,將刪除所有現有切片。
 
基于圖層創建切片
基于圖層的切片將包括圖層中的所有像素數據。如果移動圖層或編輯圖層內容,切片區域將自動調整以包含新像素。
 
Photoshop 基于圖層創建切片
基于圖層的切片會在源圖層發生修改時進行更新。
基于圖層的切片的靈活性比用戶切片低;但您可以將基于圖層的切片轉換(“提升”)為用戶切片。請參閱將自動切片和基于圖層的切片轉換為用戶切片。
 
在“圖層”面板中選擇圖層。
選取“圖層”>“新建基于圖層的切片”。
注意:
如果計劃在播放動畫期間在圖像的一塊很大區域上移動該圖層,則不要使用基于圖層的切片,因為切片尺寸可能超出有用的大小。
 
將自動切片和基于圖層的切片轉換為用戶切片
基于圖層的切片與圖層的像素內容相關聯,因此移動切片、組合切片、劃分切片、調整切片大小和對齊切片的唯一方法是編輯相應的圖層,除非您將該切片轉換為用戶切片。
 
圖像中的所有自動切片都鏈接在一起并共享相同的優化設置。如果要為自動切片設置不同的優化設置,則必須將其提升為用戶切片。
 
使用切片選擇工具 ,選擇一個或多個要轉換的切片。
單擊選項欄中的“提升”。
查看切片和切片選項
可以在 Photoshop 和“存儲為 Web 所用格式”對話框中查看切片。下列特性有助于識別并區分切片:
 
切片線條
定義切片的邊界。實線指明切片是用戶切片或基于圖層的切片;而虛線指明切片是自動切片。
 
切片顏色
將用戶切片和基于圖層的切片與自動切片區分開來。默認情況下,用戶切片和基于圖層的切片帶藍色標記,而自動切片帶灰色標記。
 
此外,“存儲為 Web 所用格式”對話框還使用顏色調整使未選中的切片變暗。這些調整只是出于顯示目的,不會影響最終圖像的顏色。默認情況下,對自動切片的顏色調整量是用戶切片的兩倍。
 
切片編號
切片從圖像的左上角開始,從左到右、從上而下進行編號 。如果更改切片的排列或切片總數,切片編號將更新以反映新的順序。
 
切片標記
下列標記或圖標可以指明某些條件。
 
 
用戶切片具有“圖像”內容。
 
 
用戶切片具有“無圖像”內容。
 
 
切片基于圖層。
 
顯示或隱藏切片邊界
選取“視圖”>“顯示”>“切片”。若要隱藏和顯示切片以及其它項目,請使用“顯示額外內容”命令。請參閱顯示或隱藏額外內容。
顯示或隱藏自動切片
執行下列操作之一:
 
選擇切片選擇工具 ,然后在選項欄中單擊“顯示自動切片”或“隱藏自動切片”。
 
選取“視圖”>“顯示”>“切片”。自動切片與其余的切片一起顯示。
 
顯示或隱藏切片編號
執行下列操作之一:
 
在 Windows 中,選取“編輯”>“首選項”>“參考線、網格和切片”。
 
在 Mac OS 中,選取“Photoshop”>“首選項”>“參考線、網格和切片”。
 
在“切片”下,單擊“顯示切片編號”。
更改切片線條的顏色
在 Windows 中,選取“編輯”>“首選項”>“參考線、網格和切片”;在 Mac OS 中,選取“Photoshop”>“首選項”>“參考線、網格和切片”。
在“切片線條”下,從“線條顏色”菜單中選取一種顏色。
 
顏色改變后,選定的切片線條將自動以對比顏色顯示。
回頂部
全國統一咨詢電話:
400-015-0503
地址:保定裕華路華創國際廣場1608室
網址:http://www.film21.top
網站首頁  |  學校簡介  |  課程介紹  |  學校榮譽  |  專家講師  |  最新開課  |  學員作品  |  就業明星  |  校園快訊  |  招賢納士  |  在線留言

<delect id="jdzjz"><font id="jdzjz"><noframes id="jdzjz"><i id="jdzjz"><delect id="jdzjz"><meter id="jdzjz"></meter></delect></i>
<i id="jdzjz"></i>
<dl id="jdzjz"><font id="jdzjz"><nobr id="jdzjz"></nobr></font></dl><video id="jdzjz"><i id="jdzjz"></i></video>
<i id="jdzjz"></i><video id="jdzjz"></video>
<dl id="jdzjz"></dl>
<i id="jdzjz"></i> <video id="jdzjz"></video><dl id="jdzjz"></dl><dl id="jdzjz"><i id="jdzjz"><font id="jdzjz"></font></i></dl>
<dl id="jdzjz"><i id="jdzjz"></i></dl><video id="jdzjz"></video><dl id="jdzjz"><i id="jdzjz"><font id="jdzjz"></font></i></dl><video id="jdzjz"><delect id="jdzjz"><font id="jdzjz"></font></delect></video><dl id="jdzjz"></dl><noframes id="jdzjz"><dl id="jdzjz"></dl><video id="jdzjz"></video><video id="jdzjz"><i id="jdzjz"><i id="jdzjz"></i></i></video>
<dl id="jdzjz"></dl><noframes id="jdzjz"><video id="jdzjz"></video>
<i id="jdzjz"><i id="jdzjz"><delect id="jdzjz"></delect></i></i><video id="jdzjz"><i id="jdzjz"></i></video><dl id="jdzjz"><i id="jdzjz"><meter id="jdzjz"></meter></i></dl>
<video id="jdzjz"><dl id="jdzjz"><delect id="jdzjz"></delect></dl></video> <dl id="jdzjz"></dl>
<dl id="jdzjz"></dl><dl id="jdzjz"></dl>
<video id="jdzjz"></video><noframes id="jdzjz"><dl id="jdzjz"></dl><dl id="jdzjz"></dl><noframes id="jdzjz"><dl id="jdzjz"></dl>
<dl id="jdzjz"><delect id="jdzjz"></delect></dl>
<dl id="jdzjz"></dl>
给我免费放插鸡巴网站