设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 产品设计 > 22款设计师必备的PS插件【附教程】

22款设计师必备的PS插件【附教程】

Chloe
2018-12-24
2137623

Photoshop可以说是每个设计师都必须会用的设计工具之一了。为了设计要求,大家会在Photoshop里搭配一些PS插件来使用。这篇文章就为大家整理了23款最佳PS插件,一起来看看吧。

1、摹客PS插件(产品设计协作神器)

摹客是一个设计+协作的一站式平台。摹客主要用户人群涵盖产品经理,设计师和工程师,其核心功能点包括:智能标注、一键切图、多样批注、快速交互、全貌画板、团队管理。从产品到开发,真正实现了只要一个文档,更加高效流畅的协作方式,降低沟通成本,提升产品效率。

摹客支持PS。通过摹客PS插件,可以上传PS设计稿以进行标记切图等(摹客PS插件教程)。PS 中的设计稿上传至摹客中后,可以进行以下操作:

  • 智能标注。标注智能生成,详细且精准;有三种标注模式,无选中标注、图层间标注、多选标注;还可以查看百分比标注;可使用放大镜,放大标注细节;可一键查找页面中的任何重复元素(如文本、颜色、边距、宽度等);可通过单位切换面板,切换多种度量单位
  • 一键切图。通过插件在PS中进行切图并上传到摹客中,可一键下载
  • 多样批注。提供了多种批注样式,方便查看者对设计稿进行评价和回复
  • 快速交互。可以设置页面跳转交互,快速制作高保真可交互原型;支持9种转场特效,设置延时自动跳转,还可以设定固定滚动区域;可生成链接进行演示,移动端项目支持手机演示
  • 全貌画板。全貌画板内展示所有设计稿,缩放自如;可设置逻辑线、添加逻辑描述,表达设计稿间的逻辑关系;支持导航漫游,以进行快速定位
  • 团队管理。项目管理:根据项目属性对项目进行分组,每个组有多个项目,还可设置各个项目的参与人员;团队管理:将团队成员划分到不同部门,通过设置 “管理员”、“成员”、“访客”身份,分配团队成员不同操作权限

具体请看功能展示视频:三分钟玩转摹客

2、GuideGuide(PS辅助线插件)

GuideGuide是一款针对photoshop的辅助工具。通过这款软件,可以轻松的即可完成标准的辅助线,从而让设计师更轻松地进行作品制作,节约画图的时间。软件操作比较简单,只需要将插件载入PS中,即可完成各种辅助线的制作。

  • 可以快速进行分栏、等比间隙
  • 将元素进行快速的对齐
  • 快速选择网格划分方式
  • 快速划分导航
  • 支持对宽度进行计算
  • 可对基准线的网格进行绘制

具体请看功能展示视频:如何使用GuideGuide

GuideGuide

3、Lumenzia(PS蒙版扩展插件)

Lumenzia 是款Photoshop蒙版扩展插件,可以对PS中的图片进行添加城市风格的滤镜效果。插件支持对调整亮度、区域范围的各种效果,也可以自定义调整区域、添加颜色等。

  • 混合颜色带蒙板(保存重要的文件空间, 避免需要更新蒙板)
  • 颜色蒙板(视觉上选择颜色和/或亮度)
  • 实时蒙板(请立即查看并尝试不同的蒙板)
  • 区域和范围选取器(点击图像可视化选择正确的蒙板)
  • "更亮/更暗" 蒙板(选择相对于环绕像素的像素)
  • 组合蒙板(合并组蒙板以节省空间并准确查看被遮罩的内容)

具体请看功能展示视频:如何使用Lumenzia

Lumenzia

4、Fluid Mask 3(PS抠图插件)

Fluid Mask 3是一款可以帮助处理PS图像的工具。该插件中的编辑功能非常丰富,支持多种画笔工具,可以将抠图的照片加载到编辑区域,利用不同的画笔工具对其进行处理,从而优化PS图像;同事还支持边缘宽度调整、蒙版设计、色调调整、抓取、缩放、拍照等辅助功能。

  • 混合精确画笔:对精确的区域涂抹混合蒙版,然后在最后的抠图中混合
  • 强制边缘工具:使用强制边缘工具给图像添加边缘;使用羽化调整来控制混合强制边缘的宽度
  • 清理工具:用于填充较大蒙版区域的小孔,使其连续
  • 进度栏功能:完成命令花费的和剩余的时间指示

具体请看功能展示视频:如何使用Fluid Mask 3

Fluid Mask 3

5、Long Shadow Generator(PS长投影插件)

Long Shadow Generator是一个Photoshop长投影插件。长投影效果在网页设计、UI元素与图标等设计上的应用很常见。这款 长投影插件除了支持4个方向的长投影,还支持设置投影长度等。

  • 阴影长度
  • 不透明阴影
  • 黑色或白色的影子
  • 展平或gradiant阴影

具体请看功能展示视频:如何使用Long Shadow Generator

ps-plugin-Long-Shadow-Generator-image

6、CSS3Ps(PS图层转换插件)

CSS3Ps是一款PS图层转换软件,可以将图层转换为能在浏览器中查看的CSS3代码,方便直接在设计软件中添加相关的设计程序。其操作过程很简单,通过鼠标简单的操作就能完成转换任务。转换的时候,可以选择单个或多个图层,并通过点击转换实现批量处理功能。

  • 文本层:可以设置文字内容的图层转换
  • 多层选择:可以将一个图层独立转换,也可以设置多个图层批量转换
  • 供应商前缀:可以修改文件的前缀名称,设置代码保存的地址
  • 尺寸设置:在转换的时候,可以选择图层的大小尺寸
  • 图层阴影:支持将图层中的阴影部分转换
  • 外发光:能够处理图层光效,优化您的转换效果

具体请看功能展示视频:如何使用CSS3Ps

ps-plugin-CSS3Ps-image

7、Ink(PS图层详细信息生成插件)

Ink是一款帮助显示Photoshop图层详细信息的扩展插件。通过这款插件可以快速生成指定图层的详细信息,例如图层的信息、大小、颜色等,从而为前端提供图层信息。有了这款插件,设计师可以轻松输出规范文档,这样就不会因缺乏规范而导致不准确的前端输出。

  • 可以记录每个图层对应在图形的相关信息,如:颜色、形状、尺寸、渐变、阴影等等

具体请看使用教程:如何使用Ink

ps-plugin-Ink-image

8、CSS Hat(PS图层转换CSS样式插件)

CSS Hat 是一款 PhotoShop 插件,能够把PSD效果图层自动转化为转换成CSS样式代码。此插件对于 Web 设计开发相关工作者相当有帮助,生成的 CSS 样式可以直接使用,可节省大量的时间。

  • 一键查看图层样式
  • 轻松使用字体、段落样式
  • 一键转换Less/Sass/Stylus等语言

具体请看功能展示视频:如何使用CSS Hat 

ps-plugin-CSS-Hat-image

9、PSD Cleaner(查找与修复PSD错乱图层插件)

PSD Cleaner是一款帮助查找与修复PSD错乱图层的插件。设计师可以用它轻松整理PSD设计文档,软件会自动扫描PSD文档中的结构,整理出操作面板上错乱的图层,并迅速修复,让文档整洁有序。

  • 快速命名:自动定位并重命名未命名图层
  • 使用正确排版:你可以快速地把带有间断空格的任意文本转为段落文本
  • 修补CSS兼容:某些Photoshop效果CSS无法支持,本插件能帮你找到它们并修复
  • 清理无用图层:只需按几下鼠标,清除所有不需要的图层

具体请看功能展示视频:如何使用PSD Cleaner

ps-plugin-PSD-Cleaner-image

10、Copio(PS快速复制图层插件)

Copio是一款可以将图层快速复制到另一个PS文档的插件,打破以往必须「点右键 – 选择复制图层 – 选择粘贴目标位置」的操作。Copio PS插件使图层操作更高效,提高了用户的工作效率.

  • 可以直接以快捷键方式复制、粘贴图层到另一个 PS 窗口

Copio

11、Layrs Control(PS图层控制插件)

Layrs Control是一款可以 帮助管理Photoshop图层的插件。通过这款软件,可以将已经编辑完的图层进行修改。通常在PS中,图层的设计都是可以随意修改的,但是设计完成以后想要修改就比较麻烦了,其操作的步骤也会比较复杂。有了这款PS图层控制插件以后,删除空白图层、复制图层、选定操作的图层、编辑图层的名称等,都变得非常简单。

  • 图层名称编辑
  • 删除未使用的效果
  • 拼合所有图层效果
  • 删除空层
  • 栅格化智能对象
  • 寻找类似的文件和文件夹
  • 转换为智能对象

具体请看功能展示视频:如何使用Layrs Control

Layrs Control

12、Corner Editor(PS圆角编辑插件)

Corner Editor可快速的将边角转圆角。很酷的一点是,这个插件是用Photoshop Script制作而成的,同时还是全图形界面,让使用更便利。身为视觉设计师,这个圆角插件绝不容错过。

  • 已经打了圆角的矩形也可以随时编辑圆角的半径
  • 可以多个路径同时一起编辑
  • 可以对四个角使用不同的圆角半径
  • 除了圆角还可以设置倒角等多种方式
  • 支持给自定义脚本设置快捷键

ps-plugin-corner-eidtor-image

13、FontAwesome(PS Web字体图标插件)

FontAwesome是一套免费而且好用的Web字体图标,可直接在Photoshop上使用。只要在CSS引入,就可以直接通过class来生成图标。目前图标数量已经更新至585个之多,包含常用的APP UI应用图标、品牌图标等。

  • 包含与网页相关的所有形象图标
  • 不依赖JavaScript,无需担心兼容性
  • 无限缩放
  • CSS控制。只要CSS支持,无论颜色、大小、阴影或者其它任何效果,都可以展现
  • 兼容其它框架

具体请看功能展示视频:如何使用FontAwesome

ps-plugin-FontAwesome-image

14、ON1 Effects (PS调色滤镜插件)

ON1 Effects 是一款功能强大的PS照片调色滤镜库,插件里有数百个可叠放的滤镜、预设、边框和纹理。可以用于添加HDR外观、转换为黑白、展现更多细节、减少噪点或增强肖像,帮助用户一站式解决所有的滤镜问题。

  • 多种过滤器、预设、和纹理
  • 可自定义预设
  • 实时调整和预览

具体请看功能展示视频:如何使用ON1 Effects

ON1 Effects

15、Adobe Camera Raw(PS图片处理插件)

Adobe Camera Raw是一款图片处理软件,主要的功能就是处理数码相机拍摄的raw图片。这款软件可以插入PS上使用,将相机设备连接电脑就可以实现数据传输,方便在PS上处理图像内容。

  • 提供了从相机找到raw数据的功能
  • 支持将相机上记录的raw文件以及元数据处理
  • 支持通过相机列表操作加载的数据资源
  • 可以根据照相机连接的方式选择可以导入的照片或者视频

具体请看功能展示视频:如何使用Adobe Camera Raw

ps-plugin-Camera-Raw-image

16、Digital Anarchy Texture Anarchy(PS纹理滤镜插件)

Digital Anarchy Texture Anarchy是一款Photoshop的纹理滤镜插件,包含许多预设好的漂亮纹理方案。插件中有三个非常漂亮的材质插件包,提供丰富的纹理控制功能、四个可调光源、一个完整的渐变编辑器和38个不同的基本噪点。纹理经过几何运算产生,可以缩放到任意分辨率。

  • 支持降噪功能
  • 支持特效设置
  • 支持自然的纹理渲染
  • 支持多调色板层分形噪声和颜色的渐变纹理
  • 提供大量的混合模式
  • 可以设计游戏的3D界面,渲染科技的视觉感

具体请看功能展示视频:如何使用Texture Anarchy

ps-plugin-Texture-Anarchy-image

17、Blendme.In(PS图标插件)

Blendme.In是一款PS图标插件,深受网页设计师和移动端UI设计师欢迎。Blendme.In提供很多优秀的UI设计元素,如图标、UI kits、等等,素材版权均为免费。素材格式是分层PSD或AI矢量文件。用户安装后,可以通过关键词来快速搜索资源。

  • 提供很多优秀的UI设计元素,如图标、UI kits、等等

ps-plugin-Blendme.In-image

18、Flaticon(PS图标插件)

Flaticon是一款PS图标插件。该软件主要的图标来源于flaticon.com,该网站设计的图标非常多,无论是下载单个图标还是下载一个行业、一个领域的设计图标,都可以在该网站上找到。

  • 提供上千种不同行业、种类、风格的图标

具体请看功能展示视频:如何使用Flaticon

ps-plugin-Flaticon-image

19、Fontea(PS字体插件)

Fontea是一款PS字体插件。 通过这款插件,能直接在 Photoshop 上直接使用 Google Font 里面的字体。Goole Font 上的字体免费的,目前已有700+免费字体。

  • 可直接在 PS 上使用 Google 字体库上的 700+ 免费字体
  • 可直接在扩展上搜索字体
  • 可以根据字型筛选字体(类型:衬线字体、无衬线字体、 Display、手写、等宽字体)
  • 直接预览字体
  • 可收藏自己喜欢的字体,方便日后再次快速使用

具体请看功能展示视频:如何使用Fontea

ps-plugin-Fontea-image

20、Noiseware(PS滤镜插件)

Noiseware滤镜是一款专业的PS图片降噪软件。通过本软件,可以优化图片的噪点,自动检测出图片存在可以优化噪点的部分,并自动计算出专业的降噪数值,根据内部的数据调整就可以完成降噪。

  • 可以使用过滤器调整颜色的参数以及配置控件处理的方式
  • 可以检查噪声,显示噪声比例曲线
  • 支持通过操作相应的滑块来设置降噪级别
  • 可以计算出最佳的噪声水平

具体请看功能展示视频:如何使用Noiseware

ps-plugin-Noiseware-image

21、Nik Collection(PS滤镜插件)

Nik Collection是谷歌旗下一套专业的后期处理滤镜插件,可被用于Photoshop。这套插件原本是售价499美元的,最近谷歌取消了这款软件的收费。这套滤镜共有7款强大的图像处理插件:

  • Analog Efex Pro(古典效果滤镜)
  • Color Efex Pro (图像调色滤镜)
  • HDR Efex Pro (HDR成像滤镜)
  • Silver Efex Pro (黑白胶片滤镜)
  • Viveza (选择性调节滤镜)
  • Sharpener Pro (锐化滤镜)
  • Dfine (降噪滤镜)

具体请看功能展示视频:如何使用Nik Collection

ps-plugin-Nik-Collection-image

22、PortraitPro(PS人像美化插件)

PortraitPro 是一款智能人像美化和磨皮软件,通过此插件可以将PS照片中人物的皱纹、黑点、油光等进行修复美化处理。该软件中包含大量美化工具,除了修复瑕疵外还能进行人物化妆。

  • 整套化妆工具
  • 高级笑脸侦测
  • 各种颜色的发型
  • 脸型改变
  • 完美修复瑕疵
  • 眼睛和嘴巴的美化

具体请看功能展示视频:如何使用PortraitPro


ps-plugin-PortraitPro-image

【设计神器推荐】设计协作,用摹客!100人以下团队免费使用

摹客,支持Sketch/PS/XD/Axure设计稿交付、自动标注切图、全流程协作。助力设计师和产品团队高效工作!

立即体验:https://app.mockplus.cn/app


上一篇
双旦特惠集锦,设计师的专属福利

Jongde   12/24

还在一张张切图?PS快速切图新技能助你解放双手

Anne   12/21

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com