您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

Iconfinder 開(kāi)發(fā)了一個(gè)超壯大的圖標(biāo)在線編輯器!

Iconfinder 無(wú)疑是全世界前幾大的免費(fèi)圖標(biāo)搜索引擎,這個(gè)網(wǎng)站收錄大量雄厚的圖標(biāo),在 Iconfinder 可找到適合各種設(shè)計(jì)配色的圖案,對(duì)于設(shè)計(jì)師及開(kāi)發(fā)者來(lái)說(shuō)是一項(xiàng)特別很是值得加入珍藏的免費(fèi)資源,圖標(biāo)庫(kù)雖多但不肯定能吻合你的需求,許多時(shí)候必須經(jīng)過(guò)微調(diào),因此這一年 Iconfinder 收到最多的功能請(qǐng)求是盼望可以加入圖標(biāo)編輯器,而如今眾所期盼的新功能真的來(lái)了。

Iconfinder Icon Editor 是 Iconfinder 免費(fèi)圖標(biāo)網(wǎng)站新推出的功能,也是一款免費(fèi)、簡(jiǎn)易版在線圖標(biāo)編輯工具,不用額外下載或安裝軟件,只要通過(guò)欣賞器就能使用,對(duì)于要調(diào)整圖標(biāo)顏色、大小或加入筆墨都特別很是簡(jiǎn)單。假如手邊沒(méi)有矢量圖編輯軟件(或是尋常很少用編輯器)的同伙,它絕對(duì)可以知足最基本的圖標(biāo)編輯需求。

Iconfinder Icon Editor 另一特色是直接和 Iconfinder 圖標(biāo)庫(kù)整合,在搜尋圖標(biāo)后直接將圖案?jìng)魉偷骄庉嬈鬟M(jìn)行處理,完全省去中途必要先下載再上傳編輯耗費(fèi)的時(shí)間。除此之外,它也許可使用者開(kāi)啟 SVG 矢量圖來(lái)在線編輯,不限于 Iconfinder 自家圖標(biāo)。編輯完成后可導(dǎo)出為 SVG 或轉(zhuǎn) PNG 格式,各種大小尺寸包羅萬(wàn)象。

Iconfinder Icon Editor

地址:https://www.iconfinder.com/icon-editor

STEP 1

假如你想透過(guò) Iconfinder Icon Editor 編輯在 Iconfinder 免費(fèi)圖標(biāo)網(wǎng)站搜尋到的圖案,只要在圖標(biāo)網(wǎng)頁(yè)點(diǎn)擊下方的「Edit Icon」(編輯圖標(biāo))按鈕就可以了,由于是新功能,旁邊還會(huì)加上特別結(jié)果。

若你不必要編輯也可點(diǎn)擊下方「Download SVG」或「Download PNG」下載對(duì)應(yīng)格式,Iconfinder 除了有付費(fèi)圖標(biāo)外,還能通過(guò)搜索篩選功能來(lái)表現(xiàn)出免費(fèi)項(xiàng)目。

STEP 2

接著圖標(biāo)主動(dòng)匯入Iconfinder Icon Editor,等待一下就能開(kāi)始行使簡(jiǎn)單的在線矢量圖編輯器編輯。雖然是個(gè)在線編輯器,但速度很快、操作相稱(chēng)流暢,不會(huì)有一樣平常編輯器的耽誤或過(guò)度耗用資源的狀態(tài)發(fā)生,也是我會(huì)保舉這個(gè)矢量圖在線編輯工具的另一個(gè)緣故原由。

若你想將 Iconfinder Icon Editor 做為一樣平常的編輯器使用,點(diǎn)擊上方選單「File」然后找到第二個(gè)選項(xiàng)「Open SVG」就能直接開(kāi)啟計(jì)算機(jī)里的 SVG 矢量圖。

STEP 3

Iconfinder Icon Editor 就如統(tǒng)一般編輯器,可以點(diǎn)選圖標(biāo)里任何部分,讓它變換顏色(從左側(cè)選單下方點(diǎn)擊調(diào)色盤(pán))、調(diào)整位置、大小或旋轉(zhuǎn),若碰到圖標(biāo)方向角度舛錯(cuò)時(shí)也可以通過(guò)這個(gè)編輯器來(lái)將圖標(biāo)翻轉(zhuǎn)。

在測(cè)試Iconfinder Icon Editor后真的覺(jué)得編輯功能特別很是簡(jiǎn)單、快速。例如我想要調(diào)整圖標(biāo)中某個(gè)部分顏色,只要點(diǎn)擊一下,選取后再?gòu)淖笙陆钦业秸{(diào)色盤(pán),就能快速把圖標(biāo)的某部分顏色變換,完全不用憂慮不會(huì)使用矢量圖編輯軟件。

STEP 4

矢量圖的每個(gè)部分都是一個(gè)對(duì)象,可通過(guò) Shift 或 Ctrl 等組合鍵來(lái)多重選取,重設(shè)大小、旋轉(zhuǎn)、移動(dòng)位置或變換顏色。

STEP 5

Iconfinder Icon Editor 另一個(gè)特色是可以在矢量圖標(biāo)內(nèi)插入筆墨,而且支持中文表現(xiàn),當(dāng)切換到筆墨工具時(shí),右側(cè)可以調(diào)整位置、字型、樣式、字體大小等細(xì)節(jié)。

STEP 6

完成后,直接點(diǎn)選右上角的「Download Icon」就會(huì)跳出導(dǎo)出格式選項(xiàng),默認(rèn)情況下可導(dǎo)出為矢量圖 SVG 格式(或通過(guò)快捷鍵輸出、下載),也能在線轉(zhuǎn)換格式為 PNG 位圖,且有 16px、32px、64px、128px、256px 及 512px 等各種大小可供選擇。

想起之前介紹的「FlattyShadow 超過(guò) 500 個(gè)扁平化設(shè)計(jì)免費(fèi)圖標(biāo)下載,可在線調(diào)整顏色陰影」也有定制化圖標(biāo)功能,相較于 Iconfinder Icon Editor 來(lái)說(shuō)雖然功能上差一大截,但看得出來(lái)如今圖標(biāo)網(wǎng)站也必須提供更多自定義功能,才能讓用戶更有下載使用的沖動(dòng),而且圖標(biāo)自定義后風(fēng)格體現(xiàn)也會(huì)更吻合使用者需求。

值得一試的三個(gè)理由:

  • 開(kāi)啟欣賞器就能使用,免下載、安裝軟件,也不用注冊(cè)賬號(hào)。
  • 整合 Iconfinder 免費(fèi)圖標(biāo)網(wǎng)站,可快速編輯在線圖標(biāo)。
  • 導(dǎo)出為 SVG 或轉(zhuǎn)檔成各種大小的 PNG 圖。


[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di3940.html
幫你搞清楚用戶在瞅啥的眼動(dòng)追蹤是怎么回事?
網(wǎng)易資深設(shè)計(jì)師ToB產(chǎn)品的6條交互設(shè)計(jì)經(jīng)驗(yàn)
圖趣網(wǎng)微信
建議反饋
×