22款设计师必备的PS插件【附教程】 – 学UI网
Photoshop可以说是每个设计师都必须会用的设计工具之一了。为了设计要求,大家会在Photoshop里搭配一些PS插件来使用。这篇文章就为大家整理了23款最佳PS插件,一起来看看吧。
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
原文地址:mockplus
转载请注明:学UI网 » 22款设计师必备的PS插件【附教程】