订阅摹客文章

免费获取优质的设计资讯!

文章分类
【友情推荐】人人秀,H5活动制作工具,3分钟完成制作。

了解更多
热门文章
Mockplus是什么?

更快更简单的原型设计工具,微软、联合国国贸中心、华为、百度、东软、育碧、中石油、Oracle、西门子、IBM都在用,你呢?

开始使用
2019,都在用iDoc了!

更高效的协作设计工具,产品团队必备。智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理。

免费使用
入门教程 了解更多

分享到微信朋友圈:

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

设计资源 > 设计文章 > 22款设计师必备的PS插件【附教程】

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

Chloe 2018-12-24 361473

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


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

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


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


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


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


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


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


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


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


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


ps-plugin-idoc-image


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


【来啦!彩蛋君】Mockplus个人版免费赠送福利!限时限量!


Mockplus对接iDoc了,将原型接入产品工作流,增加了原型标注、评论、对比设计稿、全貌呈现等功能,诚邀体验!赠送Mockplus个人版!数量有限,先到先得!


专属激活码:Mock2019;

激活数量:限量150个;

有效期:2019年9月30日

激活地址:https://www.mockplus.cn/user/upgrade (登录/注册后输入激活码即可)


Plus,发布Mockplus原型到iDoc,还有更多大礼等你拿!

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

Jongde   12/24

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

Anne   12/21

下一篇