PS怎么切圖? ps從一張圖片中切出一部分的教程

web前端工程師都需要做基本的靜態(tài)頁(yè)面,這時(shí)候就得用ps切圖技術(shù)了,可能很多新手還不知道怎樣用ps切圖,今天小編就為大家介紹一下ps切圖的流程。
1、首先需要用photoshop把psd源文件打開(kāi),看看源文件的整體布局。源文件是分層的,方便切圖的層次。
2、切圖的工具叫做“切片”,在左側(cè)面板可以看到。右擊可以看到“切片工具”和“切片選擇工具”按鈕。
3、用放大鏡將所要切的圖片部分放大,可以用參考線(xiàn)確定大小,切圖是可以沿參考線(xiàn)切。
4、切換到切片工具,沿參考線(xiàn)劃出切片,右擊可以看到有可以編輯切片的選項(xiàng),可以設(shè)置切片像素大小。
5、切好后就可以單擊菜單欄“文件”,選擇“存儲(chǔ)為web所用格式”選項(xiàng)。
6、選擇要存儲(chǔ)的切片,然后右上角可以設(shè)置圖片的格式、質(zhì)量大小,設(shè)置好以后就可以單擊保存了。
7、保存需要保存的切片,選擇好路徑即可,單擊保存即完成。打開(kāi)保存好的圖片,如圖。
注意事項(xiàng):
注意保存時(shí)最好自己設(shè)置路徑,settings選項(xiàng)。
相關(guān)推薦:
PS怎么給風(fēng)景圖片制作卡通動(dòng)漫風(fēng)格效果?
PS怎么將一個(gè)矩形圖片制作成一個(gè)圓角矩形圖片?
相關(guān)文章
- PS怎么快速切換圖紙的前景色和背景色?我們知道ps中的圖層分為前景色和背景色,如果需要快速的切換前景色和背景色,該怎么切換呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友2016-08-30
- 這篇教程是向腳本之家的朋友分享ps快速裁圖、切片方法,教程真的很不錯(cuò),比較基礎(chǔ),適合新手來(lái)學(xué)習(xí),來(lái)看看吧2016-08-16
- 網(wǎng)頁(yè)設(shè)計(jì)中最常用的切圖工具還是photoshop,那么photoshop怎么切圖?下面小編就為大家詳細(xì)介紹PS切圖方法,不會(huì)的朋友可以參考本文,來(lái)看看吧2016-06-27
- 這篇教程主要是向腳本之家的朋友分享PS制作淘寶詳情頁(yè)及切圖導(dǎo)出方法,教程比較基礎(chǔ),適合新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋友可以參考一下,希望能對(duì)大家有所幫助2016-05-12
- 下面小編為大家分享PS切圖后圖片大小過(guò)大的幾種常用解決方法,教程真的很不錯(cuò),對(duì)于不知道怎么解決的朋友可以參考本文,希望能對(duì)大家有所幫助2016-04-18
- 這篇教程是向腳本之家的朋友分享PS切片工具將一張大圖做成切片并添加網(wǎng)址方法,教程比較從技術(shù),適合新手來(lái)學(xué)習(xí),推薦過(guò)來(lái),一起來(lái)學(xué)習(xí)吧2016-03-14
- 剛開(kāi)網(wǎng)店,不知道該怎么修圖,今天我們就來(lái)簡(jiǎn)單介紹一下ps中怎么制作淘寶詳情頁(yè)的寶貝圖片,其中有幾個(gè)注意事項(xiàng),下面分享p圖的過(guò)程,需要的朋友可以參考下2016-01-26
photoshop網(wǎng)頁(yè)切圖怎么用?ps網(wǎng)頁(yè)切圖圖文教程
photoshop網(wǎng)頁(yè)切圖怎么用?有一個(gè)網(wǎng)頁(yè),想把各個(gè)部分都單獨(dú)切出來(lái),該怎么辦呢?這時(shí)候可以用ps對(duì)網(wǎng)頁(yè)進(jìn)行切圖,下面分享ps網(wǎng)頁(yè)切圖的圖文教程,需要的朋友可以參考下2015-11-12- 這篇教程是向腳本之家的朋友介紹PS切片工具把圖片均勻分成多個(gè)等份并保存,教程真的很不錯(cuò),很適合新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋友,一起來(lái)看看吧2015-10-13
- 這篇教程是向腳本之家的朋友介紹PS切圖經(jīng)驗(yàn)技巧,教程比較實(shí)用,很適合新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋友可以過(guò)來(lái)吧2015-06-11