photoshop教程智能切圖

⑴ photoshop怎麼切圖

1.傳統切圖

(1)打開一個psd文件，選擇ps左邊菜單欄的裁剪工具，選擇切片工具。首先我們對這個psd文件進行分析，有意識的將其劃分成幾個選區，然後通過滑鼠的拖拽用切片工具將我們所需要的圖案切下來。

藍色標號的切片是我們手動選擇的切片，灰色標號是自動生成的切片，然後導出這些切圖，選擇文件—>導出—>存儲為Web所用格式，保存到你要用的文件夾里。

問題：觀察上述操作，我們會發現這樣一個一個圖案切太麻煩耗時了，如果一個電商網站要你切幾百個圖腫么辦?於是有下面一個較為方便的辦法：

(2)一般設計師在設計的時候通常會用到參考線，那我們也可用參考線來簡化切圖操作，首先選定你要切的某個圖案的圖層，然後用滑鼠拖動左部或頂部的標尺將其拉到該圖案的邊界，該邊界會自動吸附參考線，因而比較准確，這樣這個圖案的參考線就設置好了，同理再去設置其他圖案的參考線

由於參考線密集，會出現很多我們不需要的切片，我們可以點擊滑鼠右鍵刪除不需要的，我們發現像這樣一次性切圖太累了，要刪除很多不用的切片，所以建議將psd文件進行裁剪一塊一塊切，然後關閉參考線檢查切圖。最後將切片導出到文件夾里。

以上就是傳統切圖方式，比較麻煩耗時且不精準，所以我們使用計算機進行精準切圖。

2.精準切圖

下面我們來用photoshop的'腳本進行一種更加快捷精準的切圖方法。它的優點在於，自動化切圖省時省力，計算機自動計算，尺寸更精確。

首先打開一個psd文件，選擇文件—>導出—>將圖層導出到文件—設置其屬性，選擇存儲位置和保存類型，勾選透明區域，交錯，裁剪圖層，最後運行導出，這個過程需要等幾分鍾。建議還是一塊一塊區域切。

3.photoshop CC版本的精準切圖—自動切圖

(1)首先我們選擇一個需要切的圖案，選擇其圖層。然後設置參數，選擇編輯—>首選項—>增效工具—>勾選啟用生成器，點擊確定。選擇文件—>生成—>圖像資源。我們發現在psd文件所屬目錄下會生成一個空的.assets文件夾，最後我們將該圖層的名字後綴改為.png，會發現assets文件夾里多出了我們切的圖案，這樣一個圖案就切好了。

(2)在(1)的基礎上，很容易導出SVG格式，只需要將該圖案所在的圖層名字後綴改為.svg就可以。

⑵ ps怎麼智能切圖

ps智能切圖很重要，打開ps軟體，勾選上「文件--生成--圖片資源」；新建一個文件，在圖層里，把要保存的圖層，直接命名為你想保存的文件格式，多個文件用「，」逗號隔開，命名結束後，在保存psd文件的時候 ，會自動生成一個"psd的文件名"-assets，以這個文件夾命名的資源文件夾，剛做的圖層命名，就保存在這個文件夾里了。

⑶ photoshop怎麼切圖

PS自帶有切片工具，不過用起來比較麻煩，如果是交付UI設計稿，可以用摹客這樣的免費在線切圖工具，可以自動生成不同尺寸不同解析度的切圖，也支持切換不同的平台，對於設計師來說比較省時省力。
以下介紹用摹客的插件來完成photoshop切圖的步驟：
1.在摹客官網下載安裝摹客 PS插件，插件安裝好後打開PS，在「窗口>擴展功能」找到摹客插件，選擇並打開。
2.登錄後選擇項目和分組。
3.選中百需要切圖的畫板、圖層或編組，點擊「標記切圖」。
選中目標名稱前出現「-e-」，「標記切圖」選項變為「取消切圖標記」，此時切圖操作便完成了。(注意：標記切圖只需標記需要切圖的圖層，標記無用的切圖過多可能會導致上傳失敗。)
4.點擊倍率下拉框度，根據設計稿的畫板大小，選擇設計稿對應的倍率。例：750px*1334px的設計稿對應 @2× 。
5.點擊「上傳所選畫板」或「上傳全部畫知板」，一鍵將設計稿上傳至雲端項目中。
6.點擊「查看項目」打開設計稿，在「開發」模式中，即可一鍵下載選中切圖或所有切圖。

使用摹客切圖，可快速切換平台（iOS、Android、Web）和選擇倍率，支道持自定切圖尺寸和切圖壓縮，非常方便。

⑷ 用ps怎麼切圖

具體操作步驟如下：

1、首先打開PS軟體，導入需要切片的圖片，點擊工具欄剪裁工具，選擇裡面的切片：

⑸ 用PS怎麼做切圖

安裝一個藍湖Ps插件可以自動切圖。
第一步：通過藍湖插件在PS中標記你需要生成的切圖；
第二步：通過藍湖插件將頁面上傳至藍湖；
第三步：在藍湖Web端，雙擊設計圖查看標注和切圖；
在這里，你家的工程師可以：
①查看所有元素的尺寸、字型大小、距離等信息，並可直接復制相應代碼；
②一鍵下載切圖文件。

⑹ ps怎麼快速切圖步驟

ps切圖的方法是：
1、在PS中打開圖像。
2、選擇切片工具。
3、右鍵圖像--劃分切片。
4、輸入寬邊切片數和高邊切片數。
5、確定。
6、存貯為Web和設備所用格式。
7、此時，它會在存貯路徑上自動創建一個文件夾，把所有的切片按順序編號。

⑺ PS-前端切圖教程（切jpg圖和切png圖）

轉發自： PS-前端切圖教程（切jpg圖和切png圖） - xing.org1^ - 博客園 (cnblogs.com)

———————-------------------------------------------------------------------- PS切圖步驟說明 ————————————————————————————————

一共分兩大項：切jpg圖、切png圖。

我用的是PS CC 版本，教程中用到的除了界面和擺放位置不一樣外，其他應該和低版本的都一樣了。

一、 切JPG圖

1．打開ps導入圖片的步驟是鐵定的了

2．選擇左邊工具欄里的「切片工具」

事先自己沒用過或上一次ps工具使用時沒有使用過「切片工具」的，打開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位索引色點陣圖；

png8：

每一張「png8」圖像，都最多隻能展示256種顏色，所以「png8」格式更適合那些顏色比較單一的圖像，

例如純色、logo、圖標等；因為顏色數量少，所以圖片的體積也會更小；

png24：

每一張「png24」圖像，可展示的顏色就遠遠多於「png8」了，最多可展示的顏色數量多大1600萬；

所以「png24」所展示的圖片顏色會更豐富，圖片的清晰度也會更好，圖片質量更高，當然圖片的大小也會相應增加，

所以「png24」的圖片比較適合像攝影作品之類顏色比較豐富的圖片；

這是二者的區別，根據自己的需求選擇吧。

10．然後就是一定要勾選透明度，其他默認設置就好。

Png-8的透明度位置

Png-24的透明度位置

11．」保存全部切片「或者「保存選中切片」

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

但是到了選擇保存位置這個對話框里，選擇的是「保存所有切片「，

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

！！所以切png的圖，還是建議，一張一張「保存選中切片」比較好。

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

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

三、 其他技巧 ：

1．Ctrl+ +號放大圖片，

2．ctrl-縮小

3．按住空格，滑鼠圖標變成抓手工具，移動頁面

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

「移動工具」點擊圖標，選中圖標所在的圖層；

右擊該圖層，選擇「轉換為智能對象」；（ps這時候沒反應，不要大驚小怪，是你看不到而已）

接著再次在這個圖層上，右擊——「編輯內容」

對話框點擊確定

ps就自動生成一個新的文件，只有那個icon，而且是透明的哦！

很神奇有么有！

很省力有么有！

1秒搞定有沒有！

以下是圖解：

這是點擊一個小圖標

選中圖標後的圖層面板

右鍵點擊該圖層選擇「轉換為智能對象」

沒轉換前的圖層樣式：

轉換後的圖層樣式：

所以別說「我轉換了ps沒反應」這樣的話了，是有的，你不仔細看看不到

接著再右擊——「編輯內容」

點擊「確定」

看，他就新建了一個「形狀8」的頁面，放的是我的png的小圖標，

 最後你保存為png也好，「存儲為web所有格式」也好，自由發揮吧。

 這個方法可能只能保存一個圖標，

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

那就切圖唄！

那還要糾結的話那就合並圖層吧！

⑻ 如何快速的利用Photoshop進行快速切圖

我用的摹客的PS插件，很快就能完成UI標注和切圖，大概步驟如下：

1.安裝摹客的PS插件，安裝好之後在PS的「窗口>擴展功能」找到摹客插件，選擇並打開：

用摹客切圖，還支持：

1. 切圖壓縮：在右側面板中選中切圖

2. 切換平台和選擇倍率：iOS、Android、Web

3.自定義切圖尺寸

⑼ Ps平面設計教程-平面設計快速切片

Ps平面設計教程-平面設計快速切片

作為美工，我們經常需要對一張大圖切片，切成幾張小圖之後，讓後輸出web格式的文件，那麼關於平面設計如何快速切片，我為大家分享Ps平面設計快速切片教程如下：

PS使用技巧

1.在畫布中調整筆刷的各種參數

關於筆刷，用過PS的人基本上都知道幾個快捷鍵，比如Ctrl+"["、"]"調整筆刷大小之類，這次我帶來的方法比那個更加便捷，不但是大小上的調整，連同硬度和顏色都可以在畫布中完成調整。

方法：

①在畫布中按住Alt+滑鼠右鍵——此時在畫布上會出現一個紅色的圓點，圓點代表了你筆刷的大小和硬度(越實越硬，越虛越軟)，拖動滑鼠進行左右平移可以調整筆刷的大小，上下拖動可以調整硬度。

②按住Alt+Shift+滑鼠右鍵——此時你會發現滑鼠旁出現了一個色彩選取框，沒錯!現在你可以調節顏色了!按住右鍵不放，移動滑鼠到想要的顏色上即可。

2.小抓手的組合用法

按住空格鍵將滑鼠變成小抓手拖拽畫布已經是相當普及的用法，幾乎每個PS玩家都要使用，但是它的組合鍵卻鮮有人知，這次為大家帶來小抓手的組合級之一：全局拖拽——即使放大到很大比例仍然能瞬間讓視圖到達畫布的任意位置。

方法為：按住空格鍵將滑鼠變成小抓手後，再按住一個“Z”，然後按下滑鼠——這時你會發現視圖瞬間回到了全局，滑鼠則變成了一個小方框，這個小方框就是你當前所能顯示到的區域，拖動滑鼠挪到想要去的地方，然後撒手，走你～

3.自由變換的附加用法

這一條有點老調重彈了，不過估計肯定會有不知道的，這里再提一下，Ctrl+T進行自由變換過一次後，用Ctrl+Shift+T可重復上次的變換，用Ctrl+Shift+Alt+T可實現復制本體並重復上次變換的效果。如圖

4.利用Shift實現加速拖動

不知道大家有沒有遇到過這種問題，有的時候為了對准細節不得不將視圖放得很大，這時候拖動一個圖層或者選區等到另一個地方要經歷漫長的等待，看著下面的滾動條慢慢悠悠的走真是心急如焚吶……其實這個時候只要按住Shift，你會發現滾動條嗖的一下就過去了～這個技巧需要多練幾次，因為按住Shift之後的拖拽速度真的是灰常快，可能一不注意就過頭了，所以建議你可以一下下的點著而不是一直按著，不截圖了，一用就明白。

5.鋼筆工具繪制中轉換折點

一個小技巧，在使用鋼筆工具時，按住滑鼠拖拽節點時按下Alt，即可實現對當前節點的一個轉折。

6.利用Alt選中鎖定圖層

鎖定圖層大部分時候是因為不想再移動它，但有時真需要動它的時候卻可能因為圖層過多而找不到，即使勾選了直接選取圖層也無法選中鎖定了的，這個時候只要按住Alt在畫布上點擊被鎖定的圖層就可以選中了，不僅如此，其實被鎖定的圖層仍然可以進行一些操作，比如合並。不截圖了

額外分享一個自己總結的有關三大功能鍵Shift、Ctrl、Alt的語義不完全總結，其實有的時候根據三種功能鍵的語義就能猜出某些功能的快捷鍵，一試一個准

萬用滾輪

在大家使用PS時，滾輪這個東西實際上並不常用，但一個滾輪加上三功能鍵卻可以完全實現縮放和平移、縱移、調整數值等功能。

①縮放

· Alt+滾輪：此法可實現對畫布的無比例縮放，滾動時以滑鼠所在位置為參照中心進行縮放。(PS：筆者不推薦此法，介紹這條純粹為了引出第二個…)

· Alt+Shift+滾輪：等比例縮放畫布，滾動時以滑鼠所在位置為參照中心進行縮放(注意看動圖中視圖百分比的數值前後變化)，牆裂推薦，我最常使用的快捷鍵之一，等比例縮放，完美替代Ctrl+”+”、Ctrl+"-"。

②移動

· 視圖在超過一屏的情況下(或者在全屏下)，直接滑鼠滾輪即可實現縱向移動，每滾一小格是一個屏幕像素;按住Ctrl+滾輪可實現橫向移動，也是每格一屏幕像素。

· 在上面的基礎上加上Shift即可實現加速移動，每滾一小格就是一個屏幕，若是放到很大的倍數那麼加上Shift還是十分方便的。

萬能選區對齊大法

神技 !我一直用它!

這里的神奇之處在於，我可以在PS中實現以任意區域為對象進行對齊，這里類似AI中關鍵對象的設定(多選N個目標後，再次點擊其中的一個目標將加重顯示，這個時候使用對齊的話是以此目標為關鍵對象進行對齊)，其實在PS中並不存在這種關鍵對象，但是我們仍然可以自己創造一個——選區!經過不完全測試，選區這個東西無論是選擇還是對齊，其優先順序都是凌駕於圖層之上的(對於路徑無效)，所以當你在畫板中創造一個選區之後，你的任何對齊方式都是以此選區作為關鍵對象的!這樣圖中的'效果就不難理解了吧。

· 拓展1：像AI一樣，能不能讓一圖層以其中指定的某個圖層為關鍵對象進行對齊呢?當然可以，只需要按住Ctrl點擊想要對齊的圖層，將它轉換為選區即可，是不是So easy?

· 拓展2：每次都要在狀態欄上點擊對齊，是不是好麻煩?快捷鍵木有，這可怎麼辦?沒關系，咱們自己設定一個就是了。打開編輯——鍵盤快捷鍵，打開圖層那一頁，找到上面的幾項內容，然後根據自己口味進行修改吧! 以後對齊只用快捷鍵，高大上有木有!

· 拓展3：之前也說過了，選區的優先順序凌駕於圖層之上，同樣圖層具備的有些屬性選區也同樣具有，比如對齊邊緣。

幾個小技巧

· 有的小夥伴會經常在一組同樣尺寸的源文件間切來切去，把一個文件中的東西拖到另一個里，拖過去發現位置變了還要再調整，是不是很煩惱?這里有一個小秘訣：在把物件拖到另一個文件中時，按住Shift，如果兩個文件尺寸是一樣大的，那麼它就會粘在原來的位置;如果尺寸不同則會粘在畫板正中央。此方法無論是圖層、路徑、形狀、選區…只要是能拖動的東西都可以實現。

· 用Ctrl+Tab(Mac中是Control+Tab)可以在不同文件畫板間切換。

· 一個文件中使用了N個同樣的智能對象，只想更改其中一個?右鍵點擊該層——通過拷貝新建智能對象。

· 利用方向鍵移動時嫌走得太慢?按住Shift試試看。

路徑選擇工具的優化(CC+)

本條是針對PSCC及以上版本的技巧(在PSCC發布之初本是沒有這個功能的，後續的更新中才加上)，第一次使用CC時相信很多人在使用路徑選擇工具時都有一些不適感——尼瑪怎麼什麼都能選!

事情是醬紫的，在CC中，Adobe將路徑工具的級別變為全局(與AI類似)，雙擊可將目標圖層鎖定，在未鎖定的情況下路徑選擇不受圖層限制，通俗點說就是，無論你有多少個圖層，是否上鎖，只要存在就可以被選中，但是選中了卻未必可以操作(比如選中的路徑中包含上鎖圖層)，這與我們以往的操作習慣有很大出入，Adobe也發現了這個問題，所以在後續版本中增加了這個切換功能

在第一次框選時可以選中任意路徑圖層(包括上了鎖的)，重新調整過左上角的選擇現有圖層/所有圖層後，則只能選擇當前圖層，有點類似移動工具的自動選擇。

通過這一設置，我們可以控制路徑選擇的范圍，需要選擇某一路徑而不想被其他圖層打擾時使用“現用圖層”，當需要批量操作時選用“所有圖層”

如何將統一圖層中的多個形狀快速成多個圖層?

1.最好選用路徑選擇工具中的【選擇所有圖層(CC+)】

2.選中圖層，切換至路徑選擇工具

3.點選所需形狀/路徑，【C】+【S】+J

4.重復步驟3，直到拆分結束

反向圖層

比較隱秘的一個技巧~不知道大家有沒有遇到過類似的困擾，排了一堆的圖層，最後發現順序全都反了，眼見如山的圖層，怎麼辦，挨張調整順序?有的同學可能要說，一定有類似的插件或者動作的，其實PS里一直都有這一功能的~

圖層——排列——反向(選中多個圖層才能使用)

非線性歷史記錄

開啟了非線性歷史記錄的狀態，可以看到在我進行撤銷操作後在進行的操作，其記錄會承接之前的步驟，也就是說 無論是否被撤銷，所有的歷史記錄都將被保留，這樣我們做圖時的靈活性就變得更強了，當然弊端也不少，一是開啟之後歷史記錄條數將增長得飛快，耗資源不說，關鍵步驟被刷掉就悲催了。再就是習慣問題了，我第一次開啟時感覺務必的別扭……新鮮勁兒過去了就改回來了，不知各位看官是否有用得習慣的~開啟方法見下圖：

漸變窗口拉伸

不算冷，常玩PS的人應該都知道~調整超多拐點的漸變時會很費勁，那麼在邊緣把窗口拉開就可以了啊

顯示蒙版

很多新手對於蒙版的概念不是很清楚，這個技巧可以讓你很清晰地感受蒙版的原理：按住Alt點擊蒙版(限圖層蒙版，矢量蒙版無效)，這時畫板將切換至蒙版的灰度狀態，使調整更加方便~按住Alt再次點擊蒙版即可退出狀態。順便一提，按住Shift點擊蒙版為停用。

通過形狀新建參考線(Photoshop CC 2014.2)

在上面提到過，通過選區邊界的吸附特性來快速創建參考線的技巧，現在Adobe在更新中加入了類似的功能，使用起來更加方便~

一鍵創建參考線，就是這么簡單~使用方法也是非常簡單(我自定義了快捷鍵，這個功能本身是沒有的)，在視圖中找到“通過形狀新建參考線“即可一鍵創建參考線，就是這么簡單~使用方法也是非常簡單(我自定義了快捷鍵，這個功能本身是沒有的)，在視圖中找到“通過形狀新建參考線“即可

新建參考線版面(Photoshop CC 2014.2)

有心的同學應該已經發現了，視圖中的另一個新項目：新建參考線版面

通過這一功能，我們可以快速的為整個頁面創建成套的參考線，另外Adobe還給出了四種參考線預設：8列、12列、16列、24列。

另外我們也可以將常用的參考線版面存儲成預設，比如960模板等另外我們也可以將常用的參考線版面存儲成預設，比如960模板等

以行為例，我們來說一下這三個參數：

數字：一共有幾組(兩根)參考線

高/寬度：這一組(兩根)參考線間的距離

裝訂線：組與組之間的距離

快速切片

有的時候，我們的切圖並不是“貼邊切“的，需要為圖形留出邊界來保證一批切圖的相同尺寸，那麼我們可以先做一層所需尺寸的模板作為切圖參考，然後再隱藏就是了：但是有的時候，我們的切圖並不是“貼邊切“的，需要為圖形留出邊界來保證一批切圖的相同尺寸，那麼我們可以先做一層所需尺寸的模板作為切圖參考，然後再隱藏就是了：

PS：這是最新的發現，通過這個功能創建的切片跟所屬的形狀有連接關系，如果所屬形狀發生變化(位移、形變)，切片也會跟著動，這一點好好利用的話也是十分便捷的PS：這是最新的發現，通過這個功能創建的切片跟所屬的形狀有連接關系，如果所屬形狀發生變化(位移、形變)，切片也會跟著動，這一點好好利用的話也是十分便捷的

方法還是十分簡單：圖層——新建基於圖層的切片(我設置了快捷鍵，本身是木有的)

生成圖像資源增強版——抽出資源(Photoshop CC 2014.2)

冷知識番外篇中有介紹過一個CC14.1的新功能——生成器，可以自動將所需圖層導出為不同尺寸的切圖。這次的新功能 抽出資源相當於是輕量版的生成圖像資源

方法：選中文件/組，找到文件——抽出資源… 點擊後進入抽出資源界面

整個界面中沒有什麼太難理解的地方，右側抽出資源那裡有0.25x、0.5x、2x、3x幾個不同尺寸切圖的選項，如果不夠的話點擊齒輪或者左下角的設置會有更多的選擇

下面的自動提取，當文檔變更後會重新生成資源，類似生成器。

打開/關閉所有組、打開/關閉其他組(Photoshop CC 2014.2)

這個問題也是很多人都在問了，新版本終於有了這個功能~

使用方式：按住Ctrl點擊組前面的箭頭即可，注意此功能貌似只針對最外層組有效，裡面的就不好使了

一條圖層，多個區域均可右鍵點擊，每個區域出現的列表也各不相同，圖中是右鍵點擊組前面的箭頭，在列表中選擇打開/關閉其他組~

;

⑽ ps怎麼一鍵切圖

第一，建立參考線，把所有的圖用參考線分割好。
第二，選擇切片工具，「基於參考線切割」
第三，文件，保存為web格式，然後選擇你要保存的格式，確定。