如何使用PS切片工具
知識(shí)小節(jié)切片分為兩種,一種是用戶切片,即用戶使用切片工具在圖像上創(chuàng)建的切片,另一種是衍生切片,是由用戶切片衍生出來的。切片名詞在切片名稱上點(diǎn)擊編輯切片,會(huì)彈出一個(gè)對話框,具體內(nèi)容如下:- 切片類型:指
知識(shí)小節(jié)
切片分為兩種,一種是用戶切片,即用戶使用切片工具在圖像上創(chuàng)建的切片,另一種是衍生切片,是由用戶切片衍生出來的。
切片名詞
在切片名稱上點(diǎn)擊編輯切片,會(huì)彈出一個(gè)對話框,具體內(nèi)容如下:
- 切片類型:指定切片輸出時(shí)生成的內(nèi)容,可以選擇圖像或空的名稱。
- 名稱:為切片定義一個(gè)名稱。
- URL:為切片指定一個(gè)鏈接地址。
- target:指定切片在哪個(gè)窗口中打開。
- x, y:指定切片的左上角坐標(biāo)。
- w, h:指定切片的長度和寬度。
切片工具的作用
切片工具有以下作用:
1. 可以縮小圖片像素,提高網(wǎng)頁加載速度。
2. 可以幫助淘寶賣家裝修店鋪的自定義模塊,輕松添加多個(gè)圖片并制作個(gè)性化模塊。
3. 省去購買模板的費(fèi)用,隨時(shí)隨地更換模板。
特別說明
以下操作僅為個(gè)人設(shè)計(jì),紅色涂鴉表示敏感區(qū)域,希望與大家分享并一起學(xué)習(xí)進(jìn)步。
利用PS軟件打開目標(biāo)圖片
1. 點(diǎn)擊文件-打開-目標(biāo)文件,并打開完整的圖片。
2. 使用紅線劃定切割線,以便更好理解切圖的區(qū)域。
選擇切片工具
1. 按下快捷鍵K,選擇切片工具。
2. 框選圖像進(jìn)行分割,每個(gè)切片右上角會(huì)顯示切片標(biāo)簽。
切片完成后建立超級(jí)鏈接
1. 使用切片選擇工具,雙擊或右擊編輯切片區(qū)域。
2. 打開要鏈接的網(wǎng)絡(luò)地址,復(fù)制并粘貼到編輯框中。
保存圖片
1. 點(diǎn)擊文件,選擇存儲(chǔ)為web和設(shè)備所用的格式。
2. 選擇圖片格式為html和圖像,并點(diǎn)擊存儲(chǔ)。
3. 將生成一個(gè)網(wǎng)頁文件和一個(gè)images文件夾。
淘寶自定義模塊制作
1. 打開淘寶的圖片空間,上傳images文件夾中的所有切片。
2. 打開淘寶裝修的自定義頁面,切換到源碼模式。
3. 復(fù)制并粘貼剛剛保存成功的網(wǎng)頁文件源碼。
4. 還原正常自定義頁面的編輯模式,更換圖片鏈接。
5. 保存、預(yù)覽和發(fā)布自定義模塊。