×

目錄

[1]初始設(shè)置 [2]自動(dòng)切圖

前面的話

隨著photoshop版本的不斷升級(jí)，軟件本身增加了很多新的功能，也為切圖工作增加了很多的便利。photoshop最新的版本新增了自動(dòng)切圖功能，本文將詳細(xì)介紹photoshop的這個(gè)新功能

初始設(shè)置

當(dāng)然首先還是要進(jìn)行一些首選項(xiàng)設(shè)置

【1】在編輯 -> 首選項(xiàng) -> 增效工具中，選中啟用生成器

【2】重啟photoshop，在文件 -> 生成中，點(diǎn)擊圖像資源在文件 -> 生成中，點(diǎn)擊圖像資源

[注意]只有在photoshop中有文件打開(kāi)的情況下，該項(xiàng)才可以點(diǎn)擊

自動(dòng)切圖

png

比如，我們要將收藏前的小圖標(biāo)切出來(lái)，先找到該圖標(biāo)對(duì)應(yīng)的圖層或組，再將其重命名。重點(diǎn)是給其添加后綴。如果想要保存png8格式的圖片，后綴名寫(xiě)為.png8。類似地，如果要保存png24格式，則后綴名寫(xiě)為.png24

此時(shí)，圖像的存放目錄下會(huì)多出一個(gè)assets文件夾，里面會(huì)存放剛才保存的圖片sc.png

jpg

類似地，jpg格式圖片也是如此切法。比如我們要把腳丫的圖片切出來(lái)

實(shí)際上，jpg格式的圖片存儲(chǔ)時(shí)，是有品質(zhì)選擇的，從0-100。如果我們把后綴名寫(xiě)為.jpg6，則代表品質(zhì)為60。如果后綴名為.jpg，則表示品質(zhì)為100

我們先打開(kāi)原來(lái)切的那張圖片，大小為13.6k。將其后綴名改為.jpg5后，大小變成了4.52k

2倍圖

如果我們需要適應(yīng)視網(wǎng)膜屏幕，切出2倍圖時(shí)，也可以使用自動(dòng)切圖的功能。只需要將其重命名為200% 圖片名稱 @2x.jpg就可以

首先，我們先查看腳丫圖片的尺寸是200*200，當(dāng)我們將其設(shè)置為200% jy @2x.jpg5后，再查看腳丫圖片的尺寸變成了400*400，也就是生成了2倍圖

類似地，3倍圖也是相似做法

總結(jié)

以上是生活随笔為你收集整理的php 自动切图,前端工程师技能之photoshop巧用系列扩展篇自动切图的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。