36 个你需要检查的网页设计师的 Photoshop 插件

WordPress 并不是唯一一个为其核心产品提供有用扩展的软件。 Photoshop 是世界各地网页设计师的首选工具之一，也支持这种可能性。 就像他们的 WordPress 插件一样，Photoshop 插件也可以添加各种新功能。

由于我们知道我们的许多读者定期使用 Photoshop，因此我们认为这次提供不同类型的插件列表是个好主意。 您将在下面找到我们可以在网络上找到的最好的 Photoshop 插件。

他们通过各种改进来增强程序。 从小的脚本和快捷方式一直到全新的模块，这些模块将显着改善您的工作流程并使使用 Photoshop 变得更加轻松。

准备好？ 那么让我们开始吧。

任何网页设计师都不应忽视的 Photoshop 插件

您可以在下面找到来自不同类别的 Photoshop 插件列表，这些插件可以进一步增强您最喜欢的软件。

重新调整它

• 价格：免费
• 适用于： CC 2015

首先，我们有一个免费插件，可以快速为 Retina 显示器创建资产。 Retinize 它为 Photoshop 添加了一个新动作，允许您以原始尺寸导出图像或放大到两倍或三倍大小。

安装后，您会在“窗口”>“操作”下找到新选项。 只需选择一个图层或一组图层，运行操作，命名您的文件并接收切片资产。 非常适合制作支持视网膜的网站。

切开我

• 价格：免费
• 适用于： CS6

另一个直接从图层导出资产的插件。 Cut&Slice me 会自动修剪您的图像并将它们导出为 PNG 文件。 它可以处理重叠切片、多个按钮状态和多个分辨率。 不幸的是，它不是最新的，但仍然适用于旧版本的 Photoshop。

CSS3P

• 价格：免费
• 适用于： CS3 及更高版本

顾名思义，该服务能够将 Photoshop 图层转换为 CSS3。 它的特别之处在于它是一项基于云的服务并且可以免费使用。

该插件支持多层（包括文本）、阴影、渐变、边框半径等。 除此之外，它还可以处理 SCSS 和 SASS。

角落编辑器

• 价格：免费
• 适用于： CC 2015

如果您需要生成圆角，此脚本适合您。 它增强了 Photoshop 创建圆角的能力，适用于任何多边形形状，包括多种角样式，允许您一次或多次编辑多个图层。

HTML 块

• 价格：免费
• 适用于： CC 2015（仅限 Mac OS）

我们的下一个竞争者允许您将 HTML 和 CSS 直接放在 Photoshop 文档中。 这样，您就可以直接在软件中创建 Web 资产并在 PSD 文件中使用在线资产。 后者包括网络字体、外部 CSS 等。

字体真棒 PS

• 价格：免费
• 适用于： CC

Font Awesome 是一种图标字体，越来越受欢迎和使用。 因此，只有包含在 Photoshop 文件中才有意义。 值得庆幸的是，这个插件让馅饼变得如此简单。 只需免费下载并安装即可。

图层控制 2

• 价格：免费
• 适用于： CC、CC 2014

这个插件是七个脚本的集合，可以让 Photoshop 的一些更烦人的方面变得更容易。 它包括一个图层名称编辑器、删除未使用效果的选项、可以自动删除空图层、光栅化智能对象、查找类似文件等等。 免费下载和使用。

CSS 帽子 2

• 价格： 39.99 美元
• 适用于： CC 2014-2017

CSS Hat 自动将图层样式转换为 CSS3。 这样，您只需复制和粘贴它，而不是弄清楚如何在现场实施图形。

该插件可以同时处理多个图层、字体和不同的字体样式，并且能够输出 LESS、SASS、Stylus 等。 它还具有您在代码编辑器中可以找到的许多功能，例如语法突出显示。 CSS Hat 也可用于较旧的 Photoshop 版本。

页面层

• 价格： 35美元
• 适用于：仅 Mac OS X

此列表中的许多插件旨在更轻松地将 Photoshop 文件转换为网站。 然而，反过来也是必要的。 这就是页面层的用途。

该插件会自动将网站转换为 PSD 文件，并将每个页面元素保存为单个图层。 在嵌入式浏览器中打开任何页面，然后将其保存到 Photoshop。 该插件不是免费的，但听起来物有所值。

PNG帽子

• 价格： 27.99 美元
• 适用于： CS5、CS6、CC、CC 2014.1+、CC 2015

该插件由与 CSS Hat 相同的人制作，增强了 Photoshop 导出 PNG 文件的能力。 例如，它具有更好的压缩能力并且可以导出 CSS 规则。 如果您不满意，PNG Hat 还提供慷慨的退款政策。

字体自己

• 价格： 49€
• 适用于： CC 2015、CC 2017

接下来是一个插件，可让您通过拖放来制作自己的字体。 在排版在网络上变得越来越重要的时代，听到这个消息真的很棒。 只需将（彩色）图像和矢量转换为 OpenType 字体。 控制字距调整、连字等。 Fontself 也是一个积极维护的插件，因此所有者可以免费获得新功能。

Getty Images Photoshop 插件

• 价格：免费
• 适用于： CC 2016 及以上

Getty Images 拥有大量库存图片和一个插件，可让您将它们直接导入 Photoshop。 搜索和过滤数以千计的高分辨率图像，并使用 Getty 帐户同步您的购买。

PSD 清洁器

• 价格： 19.99 美元
• 适用于： CC 2014.1+

Source 的另一个插件可以增强 Photoshop 的图层面板。 PSD Cleaner 会自动扫描您的图层结构并显示改进机会。 它将帮助您找到未命名的图层、删除空图层、查找超出画布的图层等等。 简而言之，它会让你井井有条。

网速

• 价格： 19美元
• 适用于： CS5 及以上

这可能会让人感到惊讶，但 Photoshop 实际上并不是为网页设计而设计的。 该程序最初是作为照片编辑工具，后来才添加了创建布局的功能。

为了弥补这一点，有 WebZap。 该插件提供了用于立即创建 Web 布局模型的现成元素。 它基于 960 网格，可以创建格式化的 Lorem ipsum 文本、导航、按钮等。

微妙的模式

• 价格： 17.99 美元
• 适用于： CC 及以上

Subtle Patterns 是一个免费的、可平铺的纹理图案库。 同名插件将它们带到您的 Photoshop 仪表板。 就是这样。

屏幕快照

• 价格： 9.99 美元
• 适用于： CC 2014 或更新版本

我们的 Photoshop 插件列表中的下一个是 ScreenSnap。 该程序允许您从 PSD 文件（完整文档或选定区域）创建屏幕截图。 无需手动裁剪或保存，只需选择一个文件夹，单击一个按钮即可。 非常适合与他人分享您的作品，即使是视网膜大小。

复印机

• 价格：免费
• 适用于： CC、CC2014

在这里，我们有一个扩展，可以在您需要多个相同对象时快速克隆图层和图层组。 只需选择您需要的副本数量以及您希望它们的间距。

透视模型

• 价格： 19美元
• 适用于： CC 2017

从截图中可以看出，插件主页包含大量脏话。 除此之外，这个插件可以为您的设计制作透视模型。 这样，您可以更好地了解他们在手机或平板电脑上的外观。 该插件有许多预设，但也完全可编辑。

尺码 PS

• 价格：免费
• 适用于： CC 2014

大小标记允许您使用选取框工具添加对象大小或对象之间距离的标签。 每个标签都保存在一个新图层中，并且可以完全自定义。 这在为将 PSD 变成网站的人添加规格时非常有用。

丰泰亚

• 价格：免费
• 适用于： CC 2014、CC 2015

对于对 Photoshop 默认提供的字体不满意的任何人，Fontea 都包含 Google Fonts 上可用的所有网络字体（目前有 800 多种）。 该插件还与在线存储库保持同步，并允许您设置自己喜欢的字体集合。

知乎

• 价格： 4.99 美元
• 适用于： CC 2015 及更高版本

这个插件就像前面提到的 Getty 图片插件，不过是针对 pixabay 图片库的。 它包含数十万张免费库存图片，您现在只需单击一下即可添加。 该插件还包括强大的搜索选项，所有图像均获得 CC0 许可。 另外，它非常实惠。

还有更多类似的插件可用于其他库存照片库，例如 Shutterstock 和 Pexels。

图层工艺

• 价格：免费
• 适用于： CC、CC 2014

另一个用于从 Photoshop 图层导出 UI 资产的插件。 LayerCraft 能够在导出时缩放图像，可以修剪透明像素并以不同大小导出以用于视网膜显示。

Lorem Ipsum 生成器

• 价格：免费
• 适用于： CS 5/6，CC

顾名思义，这是一个创建 Lorem ipsum 占位符文本的插件。 这样，您就不再需要从外部来源复制它。 生成器提供可定制的输出，能够一键复制到剪贴板并积极维护。

LoremPicsum

• 价格：免费
• 适用于： CS、CC

这个类似于 Lorem ipsum 版本，但是，它创建随机图像而不是文本。 选择一个区域，选择一个卡通，你就得到了一个占位符图像。 有趣的噱头：图片来自流行的电视节目和电影，如 Futurama、The Simpsons、Finding Nemo 和 Up。

社交套件专业版

• 价格： 9.99 美元
• 适用于： CC 2015+

和另一个源插件。 这个旨在改善社交媒体的一切。 它包含用于在移动设备和桌面设备上创建广告的模板、封面照片和个人资料图片。 您甚至可以在 Photoshop 中实时预览结果。

图层指南

• 价格：免费
• 适用于：未知

参考线是 Photoshop 中保持一切结构化的重要工具。 但是，处理它们可能很烦人。

这个插件希望缓解这种情况。 它添加了新按钮以在图层的侧面以及它们的水平和垂直中心添加指南。 不再需要拖动，只需单击即可。

长影发生器

• 价格：免费
• 适用于： CS6、CC

插件名称基本上说明了一切。 Long Shadow Generator 可帮助您在 Photoshop 中创建长阴影。 您可以控制阴影长度和不透明度、颜色、渐变和角度。 然后只需单击即可添加它们。

小PNG

• 价格： 50 美元
• 适用于： CS5、CS6、CC 及以上

TinyPNG 是我经常推荐的在线服务，用于在将图像上传到 WordPress 之前对其进行优化。 它压缩 JPG 和 PNG 文件，使它们尽可能小。

该网站还提供了一个 Photoshop 插件，可以在图像编辑软件中执行相同的操作。 它允许您直接预览和保存、缩放、使用部分选择等。 如果他们的网站有任何迹象，则该插件非常物有所值。

格列佛

• 价格： 19美元
• 适用于： CS5、CC

Glifo 添加了将矢量图标从 Photoshop 导出为图标 Web 字体的选项。 听起来像是 Font Awesome 插件的一个很好的补充。

斯堪的纳维亚

• 价格： 19美元
• 适用于： CS5、CS6、CC 2014 及更高版本

另一个将测量和设计规范添加到 Photoshop 文件的插件，但是，这次是高级版本。 测量尺寸、边距和字体，并在可编辑叠加层中自动创建规格。 看起来超级简单，使用起来很舒服。

出口套件

• 价格： 19.33 美元/月
• 适用于： CS6 及以上

这个 Photoshop 插件可让您将 PSD 文件转换为 HTML、CSS、WordPress、iOS、Android 等。 它还包含协作功能。 看起来很强大，但是，它带有月度许可证，并不便宜。

Photoshop 社交分享插件

• 价格：免费
• 适用于：未知（仅限 Mac OS）

我们列表中的下一项为 Photoshop 添加了重要的共享功能。 它允许您通过电子邮件、社交网络和其他平台直接从程序内部共享和发布文件。 只需选择一种格式即可。

变换每个

• 价格：免费
• 适用于： CS5、CS6、CC

Transform Each 是一个脚本，允许您一次转换多个对象而不改变它们的位置。 下面的 GIF 很好地说明了这意味着什么。 选择你的锚点，你想要实现的转换，它会一键让你到达那里。

香椿！

• 价格： 129 美元
• 适用于： Photoshop CS 及更高版本

最后一个有趣的。 如果您想创建在线图画小说，这项服务将大有帮助。 它将普通照片变成卡通，具有许多预设和成熟的技术。 虽然有点贵。

Photoshop 插件简而言之……

Photoshop 是网页设计师的绝佳工具。 它功能强大，功能丰富且不断更新。

但是，有时我们希望它具有一些附加功能或更简单的方法来完成任务。 这就是 Photoshop 插件的用武之地。

正如您从上面的列表中看到的，插件可以添加许多不同的功能。 从快捷方式到全新功能。

这只是对网页设计有用的那些。 还有更多，尤其是图像修饰。 你有什么要补充的吗？

您知道其他喜欢和推荐的 Photoshop 插件吗？ 请在下面的评论部分分享！

文章缩略图由 VectorsMarket/shutterstock.com 提供