? ? ? ? 身為一名前端開(kāi)發(fā)者,$\color{red}{切圖} $雖然可以被UI或者藍(lán)湖等工具解決,但是這也是屬于前端er的必修課。因此,我也是把切圖分享作為我第一篇博客的分享內(nèi)容。
? ? ? ? 下面是直接操作的步驟,如何打開(kāi)psd圖等操作應(yīng)該也不用我廢話了。
? ? ? ? 1.第一步就是找到你需要的圖或者icon的圖層,并選中它(如果有疊加需要多選就按住ctrl進(jìn)行多選)。

2.選擇上方工具欄,選擇 圖層—>復(fù)制圖層,

? ? 然后會(huì)彈出一個(gè)編輯框,重點(diǎn):文檔一定要選擇 新建,名稱可以填寫自己需要的,然后點(diǎn)擊確定,就會(huì)有新的圖了。

3.因?yàn)楫嬈笮】赡懿惶献约旱念A(yù)期,可以選擇上方工具欄 圖像—>裁切,會(huì)自動(dòng)切成合適的大小。


4.到這一步基本上就已經(jīng)成功了,最后就是保存了。依然是上方工具欄,左上角,文件--->導(dǎo)出--->存儲(chǔ)為web所用格式--->選擇四聯(lián)--->選擇PNG-24格式(根據(jù)自己需要,我一般使用這個(gè)),最后點(diǎn)擊 存儲(chǔ) 就可以了。
