Iconfinder 开发了一个超强大的图标在线编辑器! - 优设网 - UISDC

Iconfinder 开发了一个超强大的图标在线编辑器!

2017/09/26 15376评论区

Iconfinder 无疑是全世界前几大的免费图标搜索引擎,这个网站收录大量丰富的图标,在 Iconfinder 可找到适合各种设计配色的图案,对于设计师及开发者来说是一项非常值得加入收藏的免费资源,图标库虽多但不一定能符合你的需求,很多时候必须经过微调,因此这一年 Iconfinder 收到最多的功能请求是希望可以加入图标编辑器,而现在众所期盼的新功能真的来了。

Iconfinder Icon Editor 是 Iconfinder 免费图标网站新推出的功能,也是一款免费、简易版在线图标编辑工具,不用额外下载或安装软件,只要通过浏览器就能使用,对于要调整图标颜色、大小或加入文字都非常简单。如果手边没有矢量图编辑软件(或是平常很少用编辑器)的朋友,它绝对可以满足最基本的图标编辑需求。

Iconfinder Icon Editor 另一特色是直接和 Iconfinder 图标库整合,在搜寻图标后直接将图案传送到编辑器进行处理,完全省去中途需要先下载再上传编辑耗费的时间。除此之外,它也允许使用者开启 SVG 矢量图来在线编辑,不限于 Iconfinder 自家图标。编辑完成后可导出为 SVG 或转 PNG 格式,各种大小尺寸一应俱全。

Iconfinder Icon Editor

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

STEP 1

如果你想透过 Iconfinder Icon Editor 编辑在 Iconfinder 免费图标网站搜寻到的图案,只要在图标页面点击下方的「Edit Icon」(编辑图标)按钮就可以了,因为是新功能,旁边还会加上特殊效果。

若你不需要编辑也可点击下方「Download SVG」或「Download PNG」下载对应格式,Iconfinder 除了有付费图标外,还能通过搜索筛选功能来显示出免费项目。

STEP 2

接着图标自动汇入Iconfinder Icon Editor,等待一下就能开始利用简单的在线矢量图编辑器编辑。虽然是个在线编辑器,但速度很快、操作相当流畅,不会有一般编辑器的延迟或过度耗用资源的状况发生,也是我会推荐这个矢量图在线编辑工具的另一个原因。

若你想将 Iconfinder Icon Editor 做为一般的编辑器使用,点击上方选单「File」然后找到第二个选项「Open SVG」就能直接开启计算机里的 SVG 矢量图。

STEP 3

Iconfinder Icon Editor 就如同一般编辑器,可以点选图标里任何部分,让它变换颜色(从左侧选单下方点击调色盘)、调整位置、大小或旋转,若遇到图标方向角度不对时也可以通过这个编辑器来将图标翻转。

在测试Iconfinder Icon Editor后真的觉得编辑功能非常简单、快速。例如我想要调整图标中某个部分颜色,只要点击一下,选取后再从左下角找到调色盘,就能快速把图标的某部分颜色变换,完全不用担心不会使用矢量图编辑软件。

STEP 4

矢量图的每个部分都是一个对象,可通过 Shift 或 Ctrl 等组合键来多重选取,重设大小、旋转、移动位置或变换颜色。

STEP 5

Iconfinder Icon Editor 另一个特色是可以在矢量图标内插入文字,而且支持中文显示,当切换到文字工具时,右侧可以调整位置、字型、样式、字体大小等细节。

STEP 6

完成后,直接点选右上角的「Download Icon」就会跳出导出格式选项,默认情况下可导出为矢量图 SVG 格式(或通过快捷键输出、下载),也能在线转换格式为 PNG 位图,且有 16px、32px、64px、128px、256px 及 512px 等各种大小可供选择。

想起之前介绍的「FlattyShadow 超过 500 个扁平化设计免费图标下载,可在线调整颜色阴影」也有定制化图标功能,相较于 Iconfinder Icon Editor 来说虽然功能上差一大截,但看得出来现在图标网站也必须提供更多自定义功能,才能让用户更有下载使用的冲动,而且图标自定义后风格表现也会更符合使用者需求。

值得一试的三个理由:

  • 开启浏览器就能使用,免下载、安装软件,也不用注册账号。
  • 整合 Iconfinder 免费图标网站,可快速编辑在线图标。
  • 导出为 SVG 或转档成各种大小的 PNG 图。

「强烈推荐!更多免费图标网站」

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/iconfinder-icon-editor

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里