Mac切圖神器(Slicy)

Slicy for mac是一款mac平臺上的切圖神器，作為IOS開發(fā)者，我們往往需要為程序準(zhǔn)備兩套圖片資源，以應(yīng)對低清屏和Retina屏的不同需求，隨之而來的是切圖工作量的成倍增加。而有了這款Slicy后，切圖工作將變得無比輕松，這款軟件的存在使得原本繁瑣的切圖工作變得輕松愜意，綜上，Slicy使用簡單，小巧清爽，iOS開發(fā)者必備神器。

功能特色：

1. 切圖方便，簡單的拖放即可，傻瓜式操作2.

2. 培養(yǎng)為圖片資源合理命名的好習(xí)慣

3. 自動生成@2x兩套圖片，極大方便IOS開發(fā)者

Slicy使用方法：

1、PSD文件的預(yù)處理

這一步可以由美工來處理，不過個人推薦程序員親自完成這一步驟，因為這里涉及到圖片的命名，我們自己來對圖片進(jìn)行命名可以更好的使之符合整個項目的命名規(guī)則，方便在項目中對對應(yīng)圖片資源進(jìn)行調(diào)用和管理。

首先用PhotoShop打開美工給你的PSD文件，如下圖

圖中的綠色狀態(tài)圖標(biāo)即為本次需要切出的素材圖片

在右側(cè)分組面板中，選中對應(yīng)的組“Statues”

對“Statues”組的組名進(jìn)行重命名，將其重命名為“Statues@2x.png”，全部完成后保存PSD文件即可。

注意： 別忘了@2x后面的“.png”。同時，這里的命名即為圖片素材被切出后的名字，因此建議大家在命名時考慮到項目整體的命名規(guī)則和調(diào)用的方便來進(jìn)行命名，避免圖片切好之后再來修改名字，浪費(fèi)時間。

到這里，PSD文件的預(yù)處理就完成了，事實上這一步也是整個流程中比較繁瑣的一步了，完成了這些，今天的切圖工作就已經(jīng)完成了八成。

2、令人愉悅的切圖工作

問：使用Slicy切圖總共分幾步？答：總共分2步

第一步：把PSD拖進(jìn)去

第二步：把圖片拖出來

是的，就是如此簡單，打開Slicy的主界面，你可以看到其主界面也是如此的簡單。

第一步

將我們預(yù)處理好的PSD文件拖進(jìn)去，在一段令人愉悅的動畫之后，我們會看到這個：

第二步

按住Command + A快捷鍵全選，將圖片拖到你需要的地方

可以看到，一套嚴(yán)格命名，大小合規(guī)的圖片已經(jīng)被切好導(dǎo)出了，就是這么簡單！