使用Cutterman插件,快速導(dǎo)出多個(gè)icon
作為一名電腦SEO編輯,我們經(jīng)常需要處理和導(dǎo)出大量的icon圖標(biāo)。在傳統(tǒng)的方式下,一個(gè)一個(gè)導(dǎo)出實(shí)在是非常繁瑣。幸運(yùn)的是,在PS CC2015版本中,我們可以安裝一個(gè)名為Cutterman的切圖插件,來(lái)
作為一名電腦SEO編輯,我們經(jīng)常需要處理和導(dǎo)出大量的icon圖標(biāo)。在傳統(tǒng)的方式下,一個(gè)一個(gè)導(dǎo)出實(shí)在是非常繁瑣。幸運(yùn)的是,在PS CC2015版本中,我們可以安裝一個(gè)名為Cutterman的切圖插件,來(lái)簡(jiǎn)化這個(gè)過(guò)程。
步驟1:打開(kāi)PS和icon文件
首先,我們需要確保已經(jīng)打開(kāi)了Photoshop軟件,并且加載了我們想要處理的icon文件。
步驟2:找到并安裝Cutterman插件
接下來(lái),在菜單欄中選擇“窗口”,然后找到“擴(kuò)展功能”。在這個(gè)面板中,我們可以搜索并安裝Cutterman插件。
步驟3:選擇導(dǎo)出格式
Cutterman插件提供了三種不同的導(dǎo)出標(biāo)準(zhǔn)供我們選擇。在這個(gè)例子中,我們選擇了web格式,因?yàn)樗m用于大部分的網(wǎng)頁(yè)應(yīng)用。
步驟4:設(shè)置導(dǎo)出位置
點(diǎn)擊插件界面上的文件夾按鈕,我們可以設(shè)置導(dǎo)出的icon所要保存到的位置。這樣,我們就可以輕松地管理和組織我們的導(dǎo)出文件。
步驟5:調(diào)整尺寸(可選)
如果我們需要導(dǎo)出的icon尺寸與原始文件不相同,我們可以在插件界面上修改尺寸選項(xiàng)。如果沒(méi)有進(jìn)行任何修改,導(dǎo)出的icon將默認(rèn)保持原有大小。
步驟6:選擇要導(dǎo)出的icon圖層
現(xiàn)在,我們可以從PS的圖層列表中選擇要導(dǎo)出的icon圖層。一旦我們選擇好了目標(biāo)圖層,點(diǎn)擊“導(dǎo)出選中圖層”按鈕即可開(kāi)始導(dǎo)出。
步驟7:查看導(dǎo)出結(jié)果
導(dǎo)出的icon圖層將被保存在我們之前設(shè)置的位置。我們可以在文件資源管理器中找到一個(gè)名為“web”的文件夾,里面就包含了我們剛剛導(dǎo)出的多個(gè)icon圖標(biāo)。
通過(guò)安裝和使用Cutterman插件,我們可以極大地提高icon導(dǎo)出的效率。再也不需要一個(gè)一個(gè)手動(dòng)導(dǎo)出,只需要幾個(gè)簡(jiǎn)單的步驟,我們就能夠快速地導(dǎo)出大量的icon圖標(biāo)。無(wú)論是對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師還是開(kāi)發(fā)者來(lái)說(shuō),這都是一個(gè)非常實(shí)用的工具。