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

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

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

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

• Ink扩展插件的特点
• 安装Ink扩展
• Ink扩展使用教程

Ink扩展插件的特点

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

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

安装Ink扩展

首先下载Ink扩展，下载地址：INK

安装：

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

图：Photoshop Ink扩展界面

Ink扩展使用教程

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

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

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

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