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