1. 程式人生 > >photoshop 切圖操作

photoshop 切圖操作

https://www.cnblogs.com/padding1015/p/7085539.html

一、切JPG圖

1.開啟ps匯入圖片的步驟是鐵定的了

2.選擇左邊工具欄裡的“切片工具”

開啟ps工具欄裡預設是“裁剪工具”的圖示

你可以滑鼠左鍵點住“裁剪工具”不鬆手,他會在右邊展開(我這是工具欄在ps介面左側的情況下)這一組的所有工具,在裡邊選擇“切片工具”即可

 

3.用“切片工具”切出想要的範圍,框選範圍就像平時用qq的截圖工具一樣。

如下,我需要這個小圖示,我就框選了他。

框選中:

框選後:

如果你框選好了鬆開了滑鼠,他還是這種黃色的邊線,你把“切片工具”移到附近,他還能調整框的大小範圍。

但是如果你框選了好幾個了,想改前邊已經框選好的:

 

像如上這樣,要知道,ps切片工具最近一個選區的切片是用黃色框包裹的,其他前邊切得都是藍色邊線,這時候你再用“切片工具”去調整藍色邊線的選區是動不了的。

這就要用上“切片選擇工具”了

4.“切片選擇工具”調整範圍:

切片選擇工具就在“切片工具”的下邊,尋找方法見上解。點選選擇要調整的切片藍線,待其變成黃色後,調整範圍。

切片選擇工具只能選擇並調節範圍,不能切片。

5.切好後儲存

  • 儲存方法:檔案——儲存為web所用格式【快捷鍵ctrl+shift+alt+s】
  • 在彈出的【儲存為web所用格式】對話方塊中,下拉選擇框選擇JPEG格式
  •  按需求更改質量(低、中、高、非常高、最佳。這五個模式)
  •  點選儲存後彈出【將優化結果儲存為】的對話方塊

一般儲存時,ps會自動建立一個images資料夾,你要找到剛才自己設定的位置中,找images資料夾,在她裡邊才有你剛才切好的圖。

  • 命名檔名
  • “格式“——僅限影象
  •  在“切片”那裡,可以選擇是儲存全部切片還是隻儲存選中的切片,
一般預設就儲存全部切片就好了,有時候只需要一小塊切片時,可以選擇儲存選中的切片,他會只儲存一張你當前切得圖,這樣省的自己去一大堆切片中撿出來自己要用的了。

二、切PNG圖

切透明圖的核心理念是,你要把不需要的背景圖給隱藏掉,只讓需要的留下來,底部背景變成像馬賽克那樣的樣式。

 

1.開啟ps拖進來你要切的psd或者tif檔案,

一定得是帶圖層的。

2.先選擇移動工具

 

3.並在頂部選項欄裡勾選自動選擇,

 

4.下拉框裡選擇圖層

 

若沒有選項欄或者圖層欄的:

5.然後用“移動工具”點選你不需要的背景圖,ps會自動選中該背景所在的圖層,

6.你在圖層面板中,把對應這層的左邊小眼睛關掉就好了,讓背景圖先隱藏起來。

你就用移動工具(快捷鍵v【英文輸入法下按v就可以鎖定移動工具】)點選它然後關掉它,有幾層就多做幾步,直到你不需要的背景全部隱藏掉。

7.然後切片工具切出你要的那個圖示

 

8.儲存:檔案-儲存為web所用格式(ctrl+shift+alt+s)


9.選擇png-8/png-24格式,看你對圖示的要求了

PNG8”是指8位索引色點陣圖,“PNG24”是24位索引色點陣圖;

10.然後就是一定要勾選透明度,其他預設設定就好。

11.”儲存全部切片“或者“儲存選中切片”

這裡還要說明一個問題,有時候一個頁面中,我用切片工具選出好幾張png圖標準備切,然後儲存的時候也選擇png格式都沒問題,

但是到了選擇儲存位置這個對話方塊裡,選擇的是“儲存所有切片“,

最後儲存出來的圖片,只有最後切得那張或者說切片工具選中的那張是png的,其他就都存成jpg格式了,背景是白色底


!!所以切png的圖,還是建議,一張一張“儲存選中切片”比較好。

或者你的圖示與白色底差別大的話,你也可以不計較,讓他儲存成jpg後再去ps中魔棒摳圖也好,不過這樣比較麻煩不是。

有的說,背景圖和圖示每分圖層咋辦?那咋辦?找設計吧。要不你自己選取工具扣吧,扣好了另存為png也是一種辦法

三、其他技巧

1.Ctrl+ +號放大圖片,

2.ctrl-縮小

3.按住空格,滑鼠圖示變成抓手工具,移動頁面

四、重磅彩蛋!!!還有一個吊炸天的方法——針對單一小icon切成png的

  1. “移動工具”點選圖示,選中圖示所在的圖層;

  2. 右擊該圖層,選擇“轉換為智慧物件”;(ps這時候沒反應,不要大驚小怪,是你看不到而已)

  3. 接著再次在這個圖層上,右擊——“編輯內容”

  4. 對話方塊點選確定


有的人說我好幾個圖:例如文字+圖片都有咋弄?

那就切圖唄!

那還要糾結的話那就合併圖層吧!