优秀设计资源 » 可制作简单设计规范文档的Photoshop扩展插件 – INK

可制作简单设计规范文档的Photoshop扩展插件 – INK

发表于: 优秀设计资源, 设计工具. 评论 (8)
Sponsor

今天我们将介绍一个文档信息相关的Photoshop扩展插件,该插件快速生成图形图层的相关信息(如下图)。扩展是免费使用的,目前只兼容Photoshop CS6/CC版本,下面设计达人网编辑是使用CS6来做教程。

photoshop-ink-plugin-demo

上图显示了我创建的图形对应的信息、大小、颜色等信息。

Ink扩展插件的特点

Ink可以记录每个图层对应在图形的相关信息,如:颜色、形状、尺寸、渐变、阴影等等。如果做网页设计,有了这个可以让设计师方便的输出一个规范文档,这样就不会因缺乏规范而导致不准确的前端输出。

ink-plugin

当然也可以作为简单的风格指南来制作。

安装Ink扩展

首先下载Ink扩展,下载地址:INK
ink-download
安装:

  1. 解压下载的文件,进入对应版本文件夹,双击内的”Ink.zxp”。
  2. 双击后将会自动启动Adobe扩展管理器,并按照说明进行安装。(没启动Adobe扩展管理器的,可能你是使用绿色版,没有自带管理器,可去官网下载。)
  3. 重启Photoshop。
  4. 主菜单选择”窗口” – “扩展功能” – “Ink”

ink-ok

图:Photoshop Ink扩展界面

Ink扩展使用教程

下面通过一个简单的例子来使用INK,打开PS,新建一个画布,创建两个图层,并作简单排版,如下图:

ink-01

选择要生成的图层(也可以同时选择多个图层),打开Ink扩展面板,并点击黄色按钮。

ink-02

完成!生成图形的信息如下图 ,如果信息重叠了,可以对应调整下图层位置。

photoshop-ink-plugin-demo

过程十分简单和轻松,喜欢的设计师们,赶快下载收藏吧。

版权:免费使用
下载地址(1.79MB):微盘下载 | 国外下载页
推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论8 Responses to “可制作简单设计规范文档的Photoshop扩展插件 – INK”

  1. yoyo切克闹 - 回复

    安装的PS CC版本的 安装上了 可是打开PS 点开扩展 点开这个INK,什么都没有,没有界面上那样的按钮啊 选项啊。。。无解啊

  2. 背月之小輝 - 回复

    不支持64位?

  3. poon - 回复

    为什么点了黄色按钮没有出现任何参数?

  4. 厚脸皮 - 回复

    nice job!

  5. Rookie_Zoe - 回复

    不错

  6. shangrenxi - 回复

    请看这个Assistor PS.

  7. 老赵_茶馆 - 回复

    这个很有用,但我用惯了绿色版,之前尝试通过下载Adobe扩展管理器安装插件都是失败收场。。

    • yy -

      我也是,扩展管理器在男装插件都是失败, 要怎么样才能安装插件呢


{ 发表评论 }