2019年网络设计师的十大Photoshop插件

在2018年,Adobe Photoshop仍然是网页设计师的首选软件之一。它本身是一个非常强大和通用的工具,但是Photoshop插件可以进一步增强它的默认功能。使用它们,您可以自动化不同的任务,加速您的工作流程,将您的PSD设计转换成HTML和CSS文件,管理颜色,或添加自定义字体和图像到您的设计。

在这篇文章中,我们将会看到10个很棒的Photoshop插件,它们是为网页设计师设计的,值得你在2018年去看看——6个免费的,4个收费的。

1. CSS3Ps

价格:免费

CSS3Ps插件允许你轻松地将Photoshop图层转换成CSS3。您只需要选择要转换为CSS3的层,然后单击CSS3Ps按钮来执行转换。插件将不同的Photoshop效果导出为CSS3属性。例如,PSD笔画被转换为边境属性和内部阴影不必属性。

由于CSS3Ps是一个基于云的插件,您不必担心更新和bug。计算是在云中进行的,您可以在浏览器中轻松地检查结果。

CSS3Ps是目前最好的免费Photoshop插件之一。它提供了大量优秀的特性,比如针对流行浏览器的供应商前缀、多层选择、Sass和SCSS转换、对文本层的支持等等。

CSS3Ps -最好的Photoshop插件

2. 字体的PS

价格:免费

字体“Awesome”可能是许多网页设计师经常使用的最流行的图标字体。很长一段时间以来,在Photoshop中使用字体并不容易,但是随着这个小插件的引入,这一切都改变了。它给你即时访问所有的免费字体可怕的图标添加到你的设计。

这个插件很容易使用。首先,你需要搜索的图标,你想使用的字体可怕的PS面板。然后,你需要把选择的图标作为一个新的Photoshop图层添加到你的设计中。也可以修改任何图标的设计,因为插件允许编辑默认形状。

字体棒极了PS -最好的Photoshop插件

3.棱镜

价格:免费

如果你经常使用色板,那么Prisma Photoshop插件就是为你准备的。Prisma为您提供了全局色板,您可以使用相当万能。它对于网页设计师来说尤其有用,因为他们倾向于在许多页面中使用相同的颜色。

使用Prisma,您可以跨多个PSD文件同步颜色,连接层,并批量重新着色。你可以从三个不同的地方选择颜色:常规的Photoshop色板、颜色选择对话框和颜色面板。可以将全局色板链接到任意多的层。

Prisma还可以与您的团队共享您的样本。您将获得四个可共享的url,其中您的项目颜色被转换成Sass、SCSS、Less和手写笔变量并显示在浏览器中。

最好的Photoshop插件

4. 墨水

价格:免费

你有没有想过为你的Photoshop图层创建规范?实际上,它可以极大地简化设计人员和开发人员之间的协作。免费的Photoshop插件可以让你做到这一点。使用它,您可以避免设计和开发团队之间的误解。基本上,你可以通过在模型中添加额外的信息来记录你的Photoshop图层。

墨水面板提供了几个不同的选项。例如,可以打印层度量和颜色、生成XML文件、文档排版、渐变、笔画效果和其他样式元素。您只需选择要记录的层,就可以开始添加要传达给开发人员的信息。已创建的文档存储在_ink可以轻松访问它的文件夹。

最好的Photoshop插件

5. Fontea

价格:免费

Fontea允许你在Photoshop中使用所有现有的谷歌字体。这意味着目前有超过800种不同的免费和开源字体。如果你经常在你的设计中使用谷歌字体——你为什么不这样做呢——这个插件可以节省你很多时间。基本上,你不必离开Photoshop去尝试哪种字体系列最适合你的设计。

您可以根据类别搜索字体,例如serif、sans-serif或display,只需单击一次就可以在不同字体之间切换,保存您的收藏,等等。在Fontea的主页上还有一个现场演示,您可以在不安装插件的情况下尝试这些功能。

Fontea -最好的Photoshop插件

6. Pexels Photoshop插件

价格:免费

为你的设计找到合适的图像是一个日常的挑战,有时并不像你想象的那么容易。网上有很多库存照片网站,但是要找到你可以免费使用的照片却很难。在Pexels的库存照片网站上,所有的照片都是根据“知识共享协议零”(CC0)许可协议进行授权的,这意味着任何合法用途都是免费的,可以在不注明出处的情况下使用。

Pexels为web设计社区提供了一个易于使用的Photoshop插件,可以极大地改善您的工作流程。Pexels Photoshop插件使整个Pexels库在Photoshop中可用。现在,这意味着你可以免费使用3万多张高质量的照片。

此外,该插件与Pexels网站同步。因此,如果你喜欢网站上的一张照片,你可以很容易地在ps的Pexels面板的“喜欢”标签中访问相同的图片。

Pexels -最好的Photoshop插件

7. ColorKit

价格:19.99美元

ColorKit插件帮助你以一种专业的方式在Photoshop中管理你的颜色。创建、保存和替换色板可能会占用大量时间,特别是在大型项目中。ColorKit允许你在Photoshop中省略常规的工作流程。

您可以收集您想要使用的颜色,并将它们组织成方便的项目。此外,你可以链接你的颜色到不同的层,也可以改变所有连接层的颜色在同一时间,只需一次点击。

虽然ColorKit不是免费的,但它有一个友好的价格标签,如果你经常使用颜色或有更大的项目,你不想一个一个手动更新颜色,它是很值得的。

ColorKit -最好的Photoshop插件

8. Glifo

价格:19美元

你曾经想要创造你自己的图标网页字体集合吗?如果是的话,Glifo Photoshop插件就是为你准备的。它允许您从任何PSD文件中导出矢量图标层,作为随时可用的图标web字体。使用Glifo的工作流非常简单和直接。您只需要选择希望包含在web字体中的图标,然后Glifo会自动将每个图标分配到一个Unicode字符(来自私有区域)。然后,您只需单击一个按钮,Glifo就会为您准备自定义图标字体。

Glifo为您提供一个SVG、一个HTML和一个CSS文件。SVG文件存储图标本身,而HTML和CSS文件保存属于各个图标的特定CSS类的名称和样式。如果需要另一种字体格式(如TTF),可以使用任何在线字体文件转换器轻松地转换SVG文件。要在项目中使用web字体,只需将包含SVG、HTML和CSS文件的文件夹添加到项目中即可。

最佳Photoshop插件

9. WebZap

价格:19美元

WebZap插件为Photoshop添加了额外的工具和功能,你可以将它们集成到你的UI设计和模型工作流程中。WebZap最重要的部分是一个方便的布局生成器,它使得在960网格系统上快速创建网页原型成为可能。

WebZap还为您提供了许多常用的UI元素,如表单输入字段、按钮、下拉菜单、导航、范围滑动条等。此外,您可以编辑每个UI元素的形状和颜色,并轻松生成Lorem Ipsum文本块。

WebZap也有一个很酷的折叠生成器,可以让你在模型中放置不同的折叠点。你也可以很容易地设计你的背景,WebZap允许你使用不同的模式来增强你的设计。

最好的Photoshop插件

10. 社交工具支持

价格:9.99美元

Social Kit Pro插件可以在Photoshop中创建不同的社交媒体模板。Social Kit Pro为Facebook、Twitter、Youtube、谷歌Plus、Instagram、Linkedin和其他社交媒体网站提供模板。使用该插件,您可以轻松创建和重新创建您的社交媒体身份。例如,你可以设计社交广告,更新你的社交图表,或者定制你的个人资料页面。

使用Social Kit Pro,你基本上可以在Photoshop中实时预览Facebook、Twitter和其他社交媒体网站。你为什么需要这个?为社交媒体网站设计是困难的,因为你必须保持正确的度量,并分别导出和上传每个资产。如果您想尝试不同版本的设计,这可能会非常麻烦。Social Kit Pro简化了这一繁琐的过程,并在很大程度上加快了社交媒体页面的设计。

最好的Photoshop插件

下一个步骤

精心挑选的Photoshop插件可以在日常设计工作中提供巨大的帮助。如果你是一个普通的Photoshop用户,不要犹豫使用本文中提到的一些插件来增强它的功能。如果你想了解更多关于Photoshop的信息,也可以看看我们的高级Photoshop技巧,或者学习如何决定Adobe Illustrator或Photoshop是否更适合你。

最后,不要仅仅停留在Photoshop插件上,还要通过关注Facebook或Twitter上的OnExtraPixel来了解最新的网页设计趋势。

2019-12-31 16:02
相关热门