不相干的前言：
希望大家在電腦面前工作時(shí)注意身體，別久坐否則眼睛撞秋、頸椎长捧、肩周、脊椎吻贿、腰間盤(pán)串结、痔瘡、坐骨神經(jīng)等等各種相關(guān)的病會(huì)找上門(mén)舅列。
本文以Adobe Photoshop CC 2018 (32 Bit)版本為例介紹肌割，不同版本可能有細(xì)微差異。
一帐要、Photoshop預(yù)設(shè)準(zhǔn)備
1声功、默認(rèn)單位設(shè)置
由于ps默認(rèn)的是以厘米為單位，因此需要修改為我們前端所用的以像素為單位：
編輯-->首選項(xiàng)-->單位與標(biāo)尺-->按下圖修改即可：
2宠叼、視圖設(shè)置
由于ps默認(rèn)未啟用標(biāo)尺及智能參考線等先巴，因此需要自行開(kāi)啟：
3、窗口設(shè)置
如果左側(cè)工具欄未開(kāi)啟顯示冒冬，則也可在此設(shè)置讓其顯示伸蚯；另外需要提的是，信息面板需要一些額外的設(shè)置：
信息面板選項(xiàng)設(shè)置
4简烤、新建文件存儲(chǔ)預(yù)設(shè)
5剂邮、新建工作區(qū)
以上設(shè)置完后，建議保存工作區(qū)以保存之前預(yù)設(shè)的一些設(shè)置横侦。
保存工作區(qū)方法：窗口-->工作區(qū)-->新建工作區(qū)
二挥萌、切圖方法
1、普通切圖
這里就不解釋了枉侧，直接上圖：
2引瀑、智能對(duì)象切圖法
選擇移動(dòng)工具 ---> 勾選自動(dòng)選擇及選擇圖層選項(xiàng)（不是組） --->選擇預(yù)切圖的位置（選擇后會(huì)自動(dòng)跳至相應(yīng)圖層）--->右鍵相應(yīng)的圖層--->選擇轉(zhuǎn)換為智能對(duì)象--->啟用選框工具框選相應(yīng)區(qū)域--->復(fù)制--->新建文件--->粘貼--->選擇圖像菜單--->選擇裁切--->選中基于透明像素--->確定即可；
此方法比較適合不規(guī)則的圖像榨馁，比如logo等憨栽；
3、參考線切圖法
拉好參考線后，選擇切片工具--->點(diǎn)擊 基于參考線的切片
--->文件--->導(dǎo)出--->存儲(chǔ)為web所用格式--->選擇png24--->存儲(chǔ)--->選中所有用戶切片屑柔；
由于有很多條參考線存在時(shí)會(huì)相互干擾屡萤，我們可以將原有圖片裁剪成幾個(gè)獨(dú)立的部分，然后再使用參考線切圖法即可掸宛。
4死陆、導(dǎo)出切圖法
文件--->導(dǎo)出（Photoshop低級(jí)版本此處是腳本而不是導(dǎo)出）--->將圖層導(dǎo)出到文件--->設(shè)置文件類(lèi)型（PNG24，勾選透明區(qū)域唧瘾、交錯(cuò)及裁切圖層）
完成后翔曲，ps腳本會(huì)自動(dòng)運(yùn)行∨蓿可能耗時(shí)比較長(zhǎng)。
5闻妓、生成切圖法
該方法需要事先設(shè)置兩個(gè)地方：
a菌羽、編輯-->首選項(xiàng)-->增效工具-->啟用生成器
b、文件-->生成-->圖像資源
上述兩個(gè)設(shè)置完成后由缆，啟用移動(dòng)工具注祖，選擇需要的切圖，在其圖層上加后綴名均唉，則在原始psd文件目錄下的xxxxxx-assets文件夾中會(huì)自動(dòng)生成相應(yīng)格式的圖片（甚至svg）是晨。
當(dāng)然我們還可以在后綴名添加數(shù)字來(lái)表示圖片的質(zhì)量。比如logo.jpg8（表示80%的質(zhì)量）舔箭，logo.png24罩缴，logo.png8等。當(dāng)然如果不加數(shù)字的話則默認(rèn)取最大值层扶；
不僅如此箫章，我們還可以設(shè)置生成后的大小倍數(shù) 比如命名300% logo @2x.png 則表示會(huì)在原有基礎(chǔ)上放大三倍大小導(dǎo)出。這一點(diǎn)對(duì)視網(wǎng)膜屏很有用镜会。
** 本文版權(quán)歸本人即簡(jiǎn)書(shū)帳號(hào)：該賬號(hào)已被查封http://www.reibang.com/u/e0c3321672f5 所有檬寂，如需轉(zhuǎn)載請(qǐng)注明出處。謝謝戳表！
