- A+
大家好！我們現(xiàn)在使用svg已經(jīng)成為了最近兩年的web設(shè)計(jì)的新趨勢(shì)，越來(lái)越多的前端開(kāi)發(fā)人員要求設(shè)計(jì)師使用并提供svg圖標(biāo)，svg圖標(biāo)相較于iconfonts有很多很多的優(yōu)點(diǎn)。對(duì)于svg圖標(biāo)的輸出，作為一個(gè)菜鳥(niǎo)的我以往很菜很麻煩的做法就是遇到圖標(biāo)就用ai去畫，然后再導(dǎo)成svg圖標(biāo)，但是，我有一個(gè)很不舒服的習(xí)慣，那就是在做頁(yè)面的時(shí)候用ps把缺失的icon也畫出來(lái)，然后就這樣的一個(gè)切換軟件應(yīng)用，這樣是很麻煩的。今天，這個(gè)教程就是快速用ps導(dǎo)出svg圖標(biāo)的操作方法，我們大家可以看一看，希望對(duì)大家有所幫助。
操作步驟如下：
1、下載腳本
首先，我們需要先下載一個(gè)附件里面的腳本文件。
2、復(fù)制腳本
接下來(lái)，我們需要將這個(gè)腳本復(fù)制到我們電腦上的ps安裝文件中，在我們的安裝文件中有一個(gè)scripts文件夾，把腳本復(fù)制進(jìn)去。
3、添加svg后綴
打開(kāi)你需要轉(zhuǎn)化svg的icon PS文件，首先要保證你的圖標(biāo)繪制規(guī)范：為形狀工具繪制，命名要規(guī)范，然后將添加【.svg】后綴。
4、快速導(dǎo)出為svg
你把鼠標(biāo)放到任意個(gè)icon圖層上，點(diǎn)擊右鍵，都會(huì)看到一個(gè)“快速導(dǎo)出為svg”的選項(xiàng)（如果沒(méi)有，說(shuō)明腳本沒(méi)有安裝成功，或者ps版本太低）。就是全部選中圖標(biāo)圖層，點(diǎn)擊右鍵依然會(huì)有“快速導(dǎo)出為svg”的選項(xiàng)（此刻無(wú)法截圖），毫不猶豫地選擇他，然后保存到指定的文件夾。接下來(lái)打開(kāi)那個(gè)保存的文件夾。
以上的內(nèi)容就是快速用ps導(dǎo)出svg圖標(biāo)的操作方法了，不知道各位小伙伴看了以后有沒(méi)有什么感覺(jué)呢？是不是感覺(jué)一點(diǎn)兒也不難！有興趣的小伙伴可以動(dòng)手試一試！好了，我們今天的分享就到這了，大家下次再見(jiàn)！
