如果你是設(shè)計(jì)師中的前端開(kāi)發(fā)工程師，你一定需要切圖沧烈；如果你是前端開(kāi)發(fā)工程師的設(shè)計(jì)師掠兄，或許你偶爾也要自己切圖；倘若兩者都不是锌雀，那么你一定是前端開(kāi)發(fā)工程師兼設(shè)計(jì)師了蚂夕，那么你更要切圖了。
對(duì)于切圖腋逆，問(wèn)題來(lái)了婿牍；傳統(tǒng)的切圖使用切片工具步驟重復(fù)、耗時(shí)惩歉，如何解決這個(gè)問(wèn)題呢等脂？
PS-CC說(shuō)其實(shí)切圖可以很簡(jiǎn)單的嘛!它推出了許多新的特性，大大提高了設(shè)計(jì)師或前端開(kāi)發(fā)程序員的效率撑蚌。比如生成css上遥，圖層的管理功能等等，下面要講的核心將是它快速切圖的一大特性争涌，整個(gè)過(guò)程是自動(dòng)粉楚、自動(dòng)、自動(dòng)（其實(shí)哪有那么好的事亮垫，就是半自動(dòng)模软，但相對(duì)于原來(lái)的切圖方法就是自動(dòng)了），重要的事情說(shuō)三遍饮潦。你唯一需要注意的事設(shè)計(jì)的時(shí)候應(yīng)該保持圖層之間的清晰結(jié)構(gòu)燃异，具備良好的命名圖層的習(xí)慣。
使用PhotoshopCC生成圖像資源新功能害晦，可以幫助你自動(dòng)導(dǎo)出自定義大小特铝、格式、名稱的文件壹瘟。是web設(shè)計(jì)圖片分層導(dǎo)出的有效工具鲫剿！我們可以讓Photoshop自己隨時(shí)導(dǎo)出我們?cè)O(shè)置大小、格式稻轨、壓縮品質(zhì)的圖像灵莲。
1、在Photoshop中點(diǎn)擊“編輯”>“首選項(xiàng)”>“增效工具”殴俱，選擇啟用生成器
2政冻、“文件”>“生成”>“圖像資源可用（如果設(shè)置首選項(xiàng)中沒(méi)有在啟用生成器上打鉤枚抵，此功能將不可用）
3、新建一個(gè)圖像資源生成案例文件
4明场、制作3個(gè)按鈕汽摹，分別為默認(rèn)狀態(tài)，鼠標(biāo)經(jīng)過(guò)苦锨，鼠標(biāo)點(diǎn)擊
5逼泣、怎么導(dǎo)出呀，把圖層名稱加上格式后綴舟舒，再點(diǎn)擊菜單“文件“>”生成”>”“圖像資源“拉庶，就能自動(dòng)同步導(dǎo)出。
6秃励、默認(rèn)導(dǎo)出的文件位置為本文檔的存儲(chǔ)位置氏仗，如果本文件沒(méi)有存儲(chǔ)，會(huì)自動(dòng)導(dǎo)出到桌面夺鲜，文件名為皆尔，“本文檔名稱“+ ?”-assets“！
7谣旁、查看導(dǎo)出的內(nèi)容
1床佳、層組將合并組內(nèi)的圖像生成一個(gè)文件，將上面3個(gè)按鈕建一個(gè)圖層組導(dǎo)出效果如下：
2榄审、如果圖層組內(nèi)的圖層也有名稱，圖層組將導(dǎo)出一個(gè)文件杆麸，圖層組內(nèi)的圖層也分別導(dǎo)出文件搁进。
1、要導(dǎo)出不同的格式昔头，只需把圖層名稱的后綴改成相應(yīng)的格式后綴就可以了饼问。默認(rèn)jpg格式以90%品質(zhì)生成，png格式以32為圖像生成揭斧，gif以alpha透明度生成
2莱革、要導(dǎo)出不同的大小：設(shè)置大小參數(shù)讹开，大小要和名稱之間加一個(gè)空格盅视。百分比單位加上百分號(hào)。
3旦万、像素單位需要設(shè)置長(zhǎng)度和寬度闹击，不用加單位
Jpg格式在后綴后面加上1-10或者1-100%
png格式輸出品質(zhì)設(shè)置分別為8，24成艘，32
