注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

老胤祥 YOU CAN, DO IT!

Illustrator CS6/CC 插件 脚本 动作 笔刷 符号 教程

 
 
 

日志

 
 

421 Photoshop一次替换颜色、文本对象属性等变量插件 Ditto  

2017-10-07 17:42:26|  分类: 【Photoshop】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

ps_com.casualnotebook.variables

The Ditto panel loaded in Photoshop’s UI.

今天见到一个新的 Photoshop 插件名叫 Ditto,他引入了「变量」的概念来方便进行属性的全局更改,这些属性包括文本内容、颜色、尺寸行高等等。 Ditto 支持全局属性,而且全都是以数值的形式展现。

单击下方链接下载脚本 插件:

A quick GIF to show a super simple variable example.


安装方法

  1. 准确地说 Ditto 是个脚本,打开 Photoshop CC 2015(以下的版本没有测试过,官方说必须 CC 2015,Mac 和 PC 版均可)点击菜单栏「文件」-「脚本」-「浏览」然后找到刚刚解压得到的文件夹里的「installer.jsx」文件。
  2. 重启 Photoshop 即可使用。

使用方法

安装完毕之后可以打开「窗口」-「扩展」里的 Ditto 面板,在这里对全局的变量进行添加、编辑和更新。而在图层面板里面,我们可以通过在图层/图层组的名字中写上「#」字段来添加变量,比如给最右侧那个按钮的背景增加了「#高亮按钮」这个变量名,那以后我对「#高亮按钮」的属性修改都会对这个图层生效了。另外每个图层/图层组可以添加多个变量名,而变量名的要求是没有空格,经测试,变量名以及值都可以是中文。


支持的变量类型

  • 填充颜色 - 去掉了「#」的十六进制颜色代码,比如:29adf1
  • 文本 - 任意文字或者符号
  • 图层可见度 - 值可取 on 或者 off
  • 文字尺寸 - 仅支持像素值,比如 20px
  • 文字颜色 - 和填充颜色的格式一样
  • 行高 - 同样只支持像素尺寸
  • X 和 Y 坐标 - 值仅输入数字,比如:400,自动识别为像素

这款插件的作者 Elliot Jackson 是 Realmac 的设计师,Ditto 虽然免费可随意使用,

Ditto: Use variables in Photoshop
Ditto adds something to Photoshop I’ve wanted for a long time. It allows the use of variables for things like colours, text, font sizes and perhaps most powerfully of all: visibility.
What variables are available? Ditto currently supports variables for fill colours, strings of text, visibility, font sizes, font colours, line heights, X positions and Y positions.
Will it hinder my team’s workflow in any way? No. It does not require that the Ditto extension be installed by everyone who touches your PSD file. Those who have it can load any previously created variables, change them, delete them and add new ones—all without you having to sync any kind of separate file and all without an internet connection. Those who don’t have it installed will just see a group in the layers panel called “dittoVariables” (where Ditto stores your variables).
What are it’s requirements? Ditto requires Photoshop CC 2015 and can be used on both Mac and PC.
How much does it cost? It’s free.


Creating variables in Ditto


This is Ditto’s UI.

Every variable requires you to specify it’s type, it’s name and it’s value. The circular arrow on the right is the create/update button. Click it when you’ve updated a variable’s information to apply the changes to your document. The - button will delete the variable, the + one will create a new one. After opening a PSD that already has variables saved in it, click “Load Variables” to automatically import them all back into the panel ready for editing.


Using variables

In the layers panel, simply add a # then the variable’s name to every layer you want to modify with that particular variable’s value.

Take the GIF above as an example. My variable’s name is “btnText” so for every layer whose text I want to match this variable, I will add #btnTextto the layer’s name.

A layer can have multiple variables and they do not dictate the naming of layers at all. A layer can, for example, be named “background #bgFill” rather than only “#bgFill”. Ditto will still find and update the variable.

Variable names can not have spaces in them and should be unique.


Variable types

We’ve already talked about what all the variables are but here’s a list of the values each one of them can take:


Fill: any hex value without the “#”. Example: 29adf1.
Text: any text, including special characters et cetera.
Visibility: on or off.
Font Size: a pixel value. Example: 20px.
Font Family: the postscript name of a typeface *.
Font Colour: the same as Fill.
Line Height: a pixel value. Example: 46px.
X & Y Positions: any value without a unit (px/pt/%). Example: 400. They’re automatically set to pixels.

  评论这张
 
阅读(34)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017