大家平常怎么切圖呀，是切片還是用的Cutterman捏

 

今天為大家推薦Photoshop2015CC-1.2版本的切圖功能

好用到哭

 

好了不用多說(shuō)，為大家直接上操作方法

首先檢查你的ps是否為最新版本

檢查方法

點(diǎn)擊 幫助-系統(tǒng)信息

查看你的版本是否為2015.1.2

如過(guò)不是，那么不用著急，我特意請(qǐng)我家愛豆傾情為大家錄制了Photoshop2015CC-1.2更新及安裝視頻,視頻在最后，請(qǐng)直接拖到底

好的，直接介紹切圖的使用方法啦

一個(gè)產(chǎn)品有很多界面，為了節(jié)省時(shí)間，我們將所有需要切的圖片拖到一張畫布中去并命名好

注意命名要用英文，因?yàn)榘沧肯到y(tǒng)只支持英文加下劃線：yingzi_beautiful

因?yàn)檐浖?dǎo)出的圖標(biāo)都是貼邊切的

但是我們有的圖標(biāo)，本身比較小，他的點(diǎn)擊區(qū)域需要更大一點(diǎn)

還有的圖標(biāo)對(duì)齊方式不一樣，所占的位置不一樣

所以我們需要用蒙版的方式將這些圖標(biāo)做成蒙版，以保證實(shí)現(xiàn)效果

例如“更多”我要保證他的點(diǎn)擊區(qū)域，又要他在界面中左對(duì)齊，所以我們就用選取選好，然后建立蒙版，這樣子導(dǎo)出的圖片他就不是挨邊切的啦

把所有需要做蒙版的切圖都建好蒙版以后

選中要輸出的圖片，右鍵導(dǎo)出為

彈出界面

我們的iOS是要后綴的，左上角可以選擇倍數(shù)

1x 就是我效果圖750x1334的切圖，后綴為@2x

1.5x就是iPhone6 Plus的切圖，后綴為@3x

導(dǎo)出的圖片就會(huì)自動(dòng)變成：圖片命命名+@2x，圖片命命名+@3x

其中加了蒙版的圖片會(huì)按照設(shè)計(jì)好的位置導(dǎo)出，沒有蒙版的貼邊導(dǎo)出

安卓的切圖不需要后綴，我們只需要建立好文件夾，再次導(dǎo)出就可以了

建立文件夾

xhdpi選擇1x的圖，無(wú)后綴

xxhdpi選擇1.5x的圖，無(wú)后綴

他們導(dǎo)出的圖片就是安卓能直接用的，如下

好了，Photoshop2015CC-1.2切圖教程到這里就結(jié)束啦

是不是很簡(jiǎn)單

如果你是Photoshop2015CC版，你不想更新到Photoshop2015CC 1.2的話，也想擁有如此快捷的切圖方法，那么推薦你用cutterman，他也是能一鍵導(dǎo)出切圖的，這里為大家留下下載方式

這里有他的有軟件介紹及使用教程

http://www.cutterman.cn/cutterman

這里有他的有軟件介紹及使用教程

我在這里補(bǔ)充兩點(diǎn)：

1.他的教程是在效果圖中去選中然后導(dǎo)出圖片，可能大家會(huì)覺得麻煩、困難，這里不用照搬，我們依然是把所有界面拖到一張畫布中然后進(jìn)行導(dǎo)出

 

2.Cutterman所有圖片也都是貼邊切的，所以需要特殊處理的圖片也需要先做蒙版，然后再選擇導(dǎo)出

 

個(gè)人覺得Ps自帶的就很好用啦，Cutterman可以放棄啦

好了，今天的圖文教程就到這里啦，如果有什么疑問(wèn)，可以給我留言，我會(huì)一一解答噠

Ps安裝包鏈接，教程里面提到的一一下載就可以啦

鏈接:http://pan.baidu.com/s/1o8aTGCi 

密碼: 6mam 

Ps安裝破解更新視頻教程，本視頻由我家愛豆錄制，禁止商用，教程考慮到了安裝會(huì)遇到的大多數(shù)問(wèn)題，所以你沒有類似問(wèn)題，可以直接跳過(guò)，希望對(duì)大家有幫助

有朋友提到Photoshop最新版本是CC 2015.5

這里為大家補(bǔ)上

Photoshop最新版本CC 2015.5 

安裝文件及破解文件

http://jingyan.baidu.com/article/2fb0ba40997b2400f2ec5fe8.html

本人還沒有用，不知道穩(wěn)定性，大家可以自行選擇喲