JavaEE鸿蒙应用开发HTML&JS+前端Python+大数据开发人工智能开发AI+设计软件测试新媒体+短视频直播运营产品经理集成电路应用开发(含嵌入式)Linux云计算+运维开发C/C++拍摄剪辑+短视频制作PMP项目管理认证电商运营Go语言与区块链大数据PHP工程师Android+物联网iOS.NET

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

来源:黑马程序员

浏览40339人

2019.05.20

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

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

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

  • 智能标注。标注智能生成,详细且精准;有三种标注模式,无选中标注、图层间标注、多选标注;还可以查看百分比标注;可使用放大镜,放大标注细节;可一键查找页面中的任何重复元素(如文本、颜色、边距、宽度等);可通过单位切换面板,切换多种度量单位

  • 一键切图。通过插件在PS中进行切图并上传到iDoc中,可一键下载

  • 多样批注。提供了多种批注样式,方便查看者对设计稿进行评价和回复

  • 快速交互。可以设置页面跳转交互,快速制作高保真可交互原型;支持9种转场特效,设置延时自动跳转,还可以设定固定滚动区域;可生成链接进行演示,移动端项目支持手机演示

  • 全貌画板。全貌画板内展示所有设计稿,缩放自如;可设置逻辑线、添加逻辑描述,表达设计稿间的逻辑关系;支持导航漫游,以进行快速定位

  • 团队管理。项目管理:根据项目属性对项目进行分组,每个组有多个项目,还可设置各个项目的参与人员;团队管理:将团队成员划分到不同部门,通过设置 “管理员”、“成员”、“访客”身份,分配团队成员不同操作权限

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


2、GuideGuide(PS辅助线插件)

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

  • 可以快速进行分栏、等比间隙

  • 将元素进行快速的对齐

  • 快速选择网格划分方式

  • 快速划分导航

  • 支持对宽度进行计算

  • 可对基准线的网格进行绘制

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


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

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

  • 混合颜色带蒙板(保存重要的文件空间, 避免需要更新蒙板)

  • 颜色蒙板(视觉上选择颜色和/或亮度)

  • 实时蒙板(请立即查看并尝试不同的蒙板)

  • 区域和范围选取器(点击图像可视化选择正确的蒙板)

  • “更亮/更暗” 蒙板(选择相对于环绕像素的像素)

  • 组合蒙板(合并组蒙板以节省空间并准确查看被遮罩的内容)

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


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

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

  • 混合精确画笔:对精确的区域涂抹混合蒙版,然后在最后的抠图中混合

  • 强制边缘工具:使用强制边缘工具给图像添加边缘;使用羽化调整来控制混合强制边缘的宽度

  • 清理工具:用于填充较大蒙版区域的小孔,使其连续

  • 进度栏功能:完成命令花费的和剩余的时间指示

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


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

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

  • 阴影长度

  • 不透明阴影

  • 黑色或白色的影子

  • 展平或gradiant阴影

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


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

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

  • 文本层:可以设置文字内容的图层转换

  • 多层选择:可以将一个图层独立转换,也可以设置多个图层批量转换

  • 供应商前缀:可以修改文件的前缀名称,设置代码保存的地址

  • 尺寸设置:在转换的时候,可以选择图层的大小尺寸

  • 图层阴影:支持将图层中的阴影部分转换

  • 外发光:能够处理图层光效,优化您的转换效果

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



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

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

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

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

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

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

  • 一键查看图层样式

  • 轻松使用字体、段落样式

  • 一键转换Less/Sass/Stylus等语言

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


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

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

  • 快速命名:自动定位并重命名未命名图层

  • 使用正确排版:你可以快速地把带有间断空格的任意文本转为段落文本

  • 修补CSS兼容:某些Photoshop效果CSS无法支持,本插件能帮你找到它们并修复

  • 清理无用图层:只需按几下鼠标,清除所有不需要的图层

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


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

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

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


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

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

  • 图层名称编辑

  • 删除未使用的效果

  • 拼合所有图层效果

  • 删除空层

  • 栅格化智能对象

  • 寻找类似的文件和文件夹

  • 转换为智能对象

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


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

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

  • 已经打了圆角的矩形也可以随时编辑圆角的半径

  • 可以多个路径同时一起编辑

  • 可以对四个角使用不同的圆角半径

  • 除了圆角还可以设置倒角等多种方式

  • 支持给自定义脚本设置快捷键


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

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

  • 包含与网页相关的所有形象图标

  • 不依赖JavaScript,无需担心兼容性

  • 无限缩放

  • CSS控制。只要CSS支持,无论颜色、大小、阴影或者其它任何效果,都可以展现

  • 兼容其它框架

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


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

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

  • 多种过滤器、预设、和纹理

  • 可自定义预设

  • 实时调整和预览

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


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

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

  • 提供了从相机找到raw数据的功能

  • 支持将相机上记录的raw文件以及元数据处理

  • 支持通过相机列表操作加载的数据资源

  • 可以根据照相机连接的方式选择可以导入的照片或者视频

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


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

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

  • 支持降噪功能

  • 支持特效设置

  • 支持自然的纹理渲染

  • 支持多调色板层分形噪声和颜色的渐变纹理

  • 提供大量的混合模式

  • 可以设计游戏的3D界面,渲染科技的视觉感

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


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

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

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


18、Flaticon(PS图标插件)

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

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

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


19、Fontea(PS字体插件)

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

  • 可直接在 PS 上使用 Google 字体库上的 700+ 免费字体

  • 可直接在扩展上搜索字体

  • 可以根据字型筛选字体(类型:衬线字体、无衬线字体、 Display、手写、等宽字体)

  • 直接预览字体

  • 可收藏自己喜欢的字体,方便日后再次快速使用

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


20、Noiseware(PS滤镜插件)

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

  • 可以使用过滤器调整颜色的参数以及配置控件处理的方式

  • 可以检查噪声,显示噪声比例曲线

  • 支持通过操作相应的滑块来设置降噪级别

  • 可以计算出最佳的噪声水平

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


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


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

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

  • 整套化妆工具

  • 高级笑脸侦测

  • 各种颜色的发型

  • 脸型改变

  • 完美修复瑕疵

  • 眼睛和嘴巴的美化

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