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è)在線編輯器,但速度很快、操作相稱流暢,不會(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)色盤)、調(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)色盤,就能快速把圖標(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 圖。
本文地址:http://irelandcustomcontracting.com/tutorial/di3940.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏