時(shí)間:2024-02-22 13:30作者:下載吧人氣:17
PhotoShop中:切片工具是該軟件自帶的一個(gè)平面圖片制作工具。切片工具:將一個(gè)完整的網(wǎng)頁切割許多小片,以便上傳。是將我們?cè)O(shè)計(jì)的網(wǎng)頁設(shè)計(jì)稿切成一片一片的,或一個(gè)表格一個(gè)表格的,這樣我們可以對(duì)每一張進(jìn)行單獨(dú)的優(yōu)化,以便于網(wǎng)絡(luò)上的下載??梢宰龀删W(wǎng)格的,然后可以用dreamwaver來進(jìn)行細(xì)致的處理。利用切片工具可以快速的進(jìn)行網(wǎng)頁的制作。分成切片工具與切片選擇工具。
我們?cè)谥谱骶W(wǎng)站的時(shí)候如何把做好的效果圖轉(zhuǎn)成網(wǎng)頁格式呢?這里就有很多方法,如果是比較復(fù)雜的網(wǎng)頁就需要用手動(dòng)來切圖。如果不是很復(fù)雜的可以直接用PS自帶的切片工具來切割。教程中介紹的是規(guī)則切圖,實(shí)際應(yīng)用中需要用手動(dòng)來劃分區(qū)塊的大小。
素材:
1、 打開要分割的圖片,點(diǎn)工具欄的切片工具,選擇切片選擇工具——劃分切片(這里我們假定將一張遠(yuǎn)途平均分為12張小圖)
2、 將劃分切片的水平劃分為4,垂直劃分為3,點(diǎn)好后出現(xiàn)12個(gè)等分的圖片。
3、 將圖片劃分好后,我們點(diǎn)工具欄最下面的鍵計(jì)入IR狀態(tài)下編輯圖片。
4、直接點(diǎn)文件,將優(yōu)化結(jié)果儲(chǔ)存為HTML格式
5、保存在電腦桌面或其它文件夾,會(huì)出現(xiàn)一個(gè)HTML格式的網(wǎng)頁,我們打開另一個(gè)文件名為Images的文件包,里面就是我們剛才分割好的小圖片。
6、我們打開這些小圖時(shí)會(huì)返現(xiàn)默認(rèn)為索引顏色,這時(shí)選擇菜單:圖像 > 模式 > RGB顏色就可以對(duì)這些小圖片進(jìn)行處理了。
我們?cè)谧鼍W(wǎng)頁的時(shí)候,使用分割好的小圖片有利于網(wǎng)頁的瀏覽速度。
網(wǎng)友評(píng)論