PS切片工具如何將圖片設(shè)計(jì)成網(wǎng)頁
手里有一張圖片,想要將這個(gè)圖片變成可以使用的導(dǎo)航條背景圖,該怎么設(shè)計(jì)呢?下面由學(xué)習(xí)啦小編為大家整理的PS切片工具教程,希望大家喜歡!
PS切片工具教程
1、打開一張圖片,然后新建一個(gè)空白圖層,用裁剪工具將畫布拉大,然后在空白圖層填寫文字,可作為導(dǎo)航條使用,如下圖
2、選擇左側(cè)工具欄的切片工具
3、用標(biāo)尺畫出需要切片的區(qū)域,比如下圖9個(gè)格子
4、然后在選中標(biāo)尺狀態(tài)下,點(diǎn)擊導(dǎo)航條上面的“基于參考線的切片”
5、點(diǎn)擊后,即可發(fā)現(xiàn)圖片被裁切成按照標(biāo)尺分配好的不同大小的圖片
6、在需要?jiǎng)?chuàng)建超級鏈接的某切片上鼠標(biāo)右鍵,選擇“編輯切片選項(xiàng)”,調(diào)出編輯窗口,在“URL”中輸入建立鏈接的網(wǎng)址即可
7、然后保存,選擇“文檔”-“存儲為web所用格式”
8、在跳出的對話框右側(cè)文件格式選擇“JPG”格式,點(diǎn)保存
9、然后在跳出的對話框里選擇文件格式為“html和圖像”,即完成
猜你喜歡: