使用Photoshop扩展程序可以极大地提高其帮助您进行设计,简化工作流程并提高工作效率的能力。 您可以使用Photoshop插件来加快重复或繁琐的任务,例如:
还有很多其他的Photoshop扩展,该列表上有12个很棒的扩展,可帮助您管理图层,颜色,参考线等, 以减轻工作量并帮助您将精力更多地集中在需要注意的地方。 如果您知道更多Photoshop插件或扩展,请在评论中告诉我们。
1. Hexy
Hexy为您提供了一种获取Hex和RGB颜色代码的快捷方法。 使用此插件,您可以使用吸管工具,只需单击要拾取的图像的颜色,然后Hexy会自动为您将颜色复制到剪贴板。 这样,您可以立即将其粘贴以在CSS中使用。 这是一种方便的选色工具。
![](https://i-blog.csdnimg.cn/blog_migrate/23921813c424cb48a253b6f6eb9d2604.png)
![](https://i-blog.csdnimg.cn/blog_migrate/23921813c424cb48a253b6f6eb9d2604.png)
2.尺寸标记
SizeMark允许您使用选取框工具添加对象大小或每个对象之间的距离的标签 。 SizeMark将创建的每个标签保存在新层中,因此您可以根据需要进行自定义,例如更改颜色或调整其位置。 当您需要将PSD转换为功能正常的网站时,这一点至关重要。
![](https://i-blog.csdnimg.cn/blog_migrate/93f796da3c27a9bed30636c6e91c16d5.png)
![](https://i-blog.csdnimg.cn/blog_migrate/93f796da3c27a9bed30636c6e91c16d5.png)
3. Pictura
您需要在设计中插入图像吗? 您应该安装Pictura 。 Pictura 允许您在不离开工作区的情况下方便地搜索图像并将图像添加到Photoshop 。 安装后,Pictura将添加一个新面板,您可以在该面板上搜索所需许可证中的任何图像,然后将其立即插入设计中。
![](https://i-blog.csdnimg.cn/blog_migrate/89cb9e3a57c94bdad763a6b828d7f9bf.png)
![](https://i-blog.csdnimg.cn/blog_migrate/89cb9e3a57c94bdad763a6b828d7f9bf.png)
4.烤箱
Oven是一个漂亮的插件,可帮助您更好地管理资产。 Photoshop的Generator允许我们实时导出图像,但是您必须重命名所有图层才能正确生成具有适当名称的图像。 烤箱消除了麻烦。
![](https://i-blog.csdnimg.cn/blog_migrate/998486c27cd209689e2f3b69a7bdf874.png)
![](https://i-blog.csdnimg.cn/blog_migrate/998486c27cd209689e2f3b69a7bdf874.png)
5.墨水
将PSD转换为功能正常的网站始终是一个棘手的过程。 有太多细节需要检查,例如图层样式,字体大小,使用的字体系列,元素大小以及相对于其他元素的位置。 墨水将帮助您轻松生成这些信息 。
![](https://i-blog.csdnimg.cn/blog_migrate/60f1ec33a3e82ea1a041ef5b10f1a957.png)
![](https://i-blog.csdnimg.cn/blog_migrate/60f1ec33a3e82ea1a041ef5b10f1a957.png)
6. LayerCraft
LayerCraft是一个Photoshop插件,可让您将图层导出为多个比例 。 您可以将图像导出到@1x
, @2x
甚至@3x
(在具有Retina屏幕的iOS设备中是必需的),或者xhdpi
到Android的mdpi
和xhdpi
。 如果您的日常工作是为移动界面创建UI ,那么此工具可为您节省大量时间。
![](https://i-blog.csdnimg.cn/blog_migrate/9a446a3ce3ec40a67d41ca7a92ffb179.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9a446a3ce3ec40a67d41ca7a92ffb179.png)
7.作曲家
Composer改进了Photoshop Layer Comps功能 。 Layer Comps无需使用多个单独的文件来存储每个设计修订版,而是可以将它们全部存储和管理在一个文件中。 Layer Comps的行为类似于智能对象。 每个属性都可以包含几个属性,例如图层样式和混合模式。 在这种情况下,Composer提供了最简单的方法 ,只需单击一下即可更新这些样式 。
![](https://i-blog.csdnimg.cn/blog_migrate/a238936ef63dc620c393fa9cef85e91e.png)
![](https://i-blog.csdnimg.cn/blog_migrate/a238936ef63dc620c393fa9cef85e91e.png)
8.速度
Velocity是一个扩展,可以帮助您快速构建Web设计原型 。 Velocitey带有一些预设模板,包括网格。 它还带有用于网站标题,内容和页脚的通用布局占位符。 您只需单击即可添加所有这些组件。 从字面上讲,它可以节省时间(并且是免费的)。
![](https://i-blog.csdnimg.cn/blog_migrate/e8c49e459e612762d248cd2dfa0ac618.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e8c49e459e612762d248cd2dfa0ac618.png)
9.复制子
Duplllicator提供了复制Photoshop图层或组的最快方法。 您可以指定所需的份数,然后设置重复图层的垂直和水平间距。
![](https://i-blog.csdnimg.cn/blog_migrate/a374b5ddb0b4a0370b2dbefff916eb63.png)
![](https://i-blog.csdnimg.cn/blog_migrate/a374b5ddb0b4a0370b2dbefff916eb63.png)
10.快速指南
QuickGuide可帮助您在Photoshop中绘制准则 。 该插件提供12个预设,可轻松在每个对象的一侧,两个相邻侧或所有侧添加辅助线。 它具有的其他功能包括切换锁定指南和可见性,删除整个指南或选定的指南以及复制粘贴指南。
![](https://i-blog.csdnimg.cn/blog_migrate/0a4ebbc5919f1b90f4dd3e651d71fad9.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0a4ebbc5919f1b90f4dd3e651d71fad9.png)
11. Lorem输液发生器
Lorem Ipsum Generator将生成随机的单词或短语 。 无需从其他地方复制它,您可以直接在Photoshop工作区中生成Lorem Ipsum。 提供了两个选项来自定义输出。 该插件也可用于Illustrator,InDesign和Dreamweaver。
![](https://i-blog.csdnimg.cn/blog_migrate/76ca0367817789d7bd0b50556e68c927.png)
![](https://i-blog.csdnimg.cn/blog_migrate/76ca0367817789d7bd0b50556e68c927.png)
12. Lorem Picsum
Lorem Picsum 生成随机图像而不是文本 。 所提供的图像来自热门电影和电视节目,例如Futurama , Rio , The Simpsons , Finding Nemo和UP 。
![](https://i-blog.csdnimg.cn/blog_migrate/0ccb402891cf7787a7b29fba555f539d.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0ccb402891cf7787a7b29fba555f539d.png)