學(xué)習(xí)啦——學(xué)設(shè)計(jì)>網(wǎng)頁設(shè)計(jì)>美工設(shè)計(jì)>ps工具>

PS切片工具技巧教程_PS切片工具怎么將圖片設(shè)計(jì)成網(wǎng)頁

時(shí)間: 宇民40 分享

  手里有一張圖片,想要將這個(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)建超級(jí)鏈接的某切片上鼠標(biāo)右鍵,選擇“編輯切片選項(xiàng)”,調(diào)出編輯窗口,在“URL”中輸入建立鏈接的網(wǎng)址即可

  7、然后保存,選擇“文檔”-“存儲(chǔ)為web所用格式”

  8、在跳出的對話框右側(cè)文件格式選擇“JPG”格式,點(diǎn)保存

  9、然后在跳出的對話框里選擇文件格式為“html和圖像”,即完成


猜你喜歡:

1.photoshop如何導(dǎo)出切片

2.photoshop如何進(jìn)行切圖操作

3.教你Fireworks使用切片工具

4.怎么用photoshop的切片

5.photoshop切片工具如何用

6.ps中切片工具教程

PS切片工具技巧教程_PS切片工具怎么將圖片設(shè)計(jì)成網(wǎng)頁

手里有一張圖片,想要將這個(gè)圖片變成可以使用的導(dǎo)航條背景圖,該怎么設(shè)計(jì)呢?下面由學(xué)習(xí)啦小編為大家整理的PS切片工具技巧教程,希望大家喜歡! PS切片工具技巧教程 1、打開一張圖片,然后新建一個(gè)空白圖層,用裁剪工具將畫布拉大,然后在空白圖層填寫文字,可
推薦度:
點(diǎn)擊下載文檔文檔為doc格式

精選文章

  • ps切片工具方法教程_ps切片工具有哪些方法
    ps切片工具方法教程_ps切片工具有哪些方法

    在使用制作網(wǎng)頁圖片時(shí)常常要用到切片工具。切片就是對圖像按照需要進(jìn)行切割,編輯,并保存。下面由學(xué)習(xí)啦小編為大家整理的ps切片工具方法教程,希望大

  • ps中切片工具教程_Photoshop怎么建立切片
    ps中切片工具教程_Photoshop怎么建立切片

    ps制作切片很簡單,有兩種制作方法,切片的刪除與保存。那么Photoshop怎么建立切片?下面由學(xué)習(xí)啦小編為大家整理的ps中切片工具教程,希望大家喜歡! ps中

  • ps的切片工具教程_PS怎么把一張圖片切片保存成多張圖片
    ps的切片工具教程_PS怎么把一張圖片切片保存成多張圖片

    有時(shí)候一張圖片里有很多小圖,我們需要把每個(gè)小圖單獨(dú)保存。下面由學(xué)習(xí)啦小編為大家整理的,希望大家喜歡! ps的切片工具教程 1、首先我們會(huì)用到一張

  • ps切片工具教程_ps切片工具使用方法
    ps切片工具教程_ps切片工具使用方法

    PS的切片工具,是一種很好用的功能,它能根據(jù)您的需求截出圖片中的任何一部分,同時(shí)一張圖上可以切多個(gè)地方。下面由學(xué)習(xí)啦小編為大家整理的,希望

37265