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

省时省力好资源:
15个为你设计工作提速的PS插件
高端干货!PHOTOSHOP实用脚本大合集

素材在这里:微盘下载

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

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

【优设网 原创文章 投稿邮箱:2650232288@qq.com】
 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量63万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

点赞
收藏
继续阅读相关文章

发表评论 已发布 2

还可以输入 800 个字
 
 
载入中....
2 收藏