网页设计师经常使用的PHOTOSHOP插件

Photoshop是网页设计师经常使用的一个很是重要而强大的工具，可让网页设计师的工做高效便捷的进行，也为设计师们的天马行空提供了实际技术实现。通常咱们的网页设计师设计完成后，须要将其转换制做成网页形式文件，生成HTML和CSS；然而在Photoshop中却没有这个转换高效率的功能，但万幸的是咱们能够用插件来实现。Photoshop插件能够扩展咱们的Photoshop基础功能，让他更加的强大和专业。

今天就为你们收集了一些对于网页设计师来讲很是实用的Photoshop插件，包括：PSD转换HTML插件、css3生成插件、网格系统插件、图片精灵插件、屏幕分辨率插件、web字体插件等等。但愿对你们在实际项目中有所帮助。

CSS3Ps

基于云的免费Photoshop插件，能够将Photoshop图层特效转为CSS3代码。能够对图层的一些特效（如：阴影、发光、圆角、渐变等）进行css3的完整代码输出。

Cut&Slice me

这是一个高效切图插件，可将制做好的手机APP文件，直接输出成iOS、Android、PC用的格式，同时还会自动命名（具体操做可参考官网介绍）。导出来的图片格式为png格式，而且你还能够指定大小。你甚至能够同时导出按钮的全部状态（默认、点击、通过）图片。

另外，能够用这个插件来解决Retina显示屏的图片放大与缩小问题。

No More Banding

这是一个很是简单的Photoshop动做。在选择对应层后，选择动做，而后按播放。文件将会被转换成一个16位的png文件。还有这个动做能够有效的解决渐变工具颜色过分不柔和的问题。

GuideGuide

这个小插件提供了一个很是便捷的方式生成像素级别的辅助线（栏，行，中线），免去了咱们计算网格数值的麻烦，只要在插件面板输入你定义的数值，就能够快速的拉出辅助线。

Web Font Plug-in

这是个字体管理插件，能够轻松使用到世界上流行的字体。还能够经过Google Web Font使用500+种字体。

Expanding Universe Toolset for Managing Screen Resolutions

这是一款面向设计师的屏幕分辨率管理工具插件。里面包含了一套跟常见分辨率都适用的marquee-tool presets(矩形选框)，能够覆盖固定屏幕分辨率大小和可供少数极品分辨率和不常见的的比率使用的比率。经过这个插件咱们能够很方便的解决网页设计的不一样分辨率的问题。

Generate CSS positions for Sprites

一个能够根据你的CSS文档而衍生图像拼合技术的小插件。经过这个插件会生成一个文件，里面包含了全部的图标，运用于CSS Sprites。

CSS Hat

CSS Hat 是一个能够一键将Photoshop图层转换为css代码的插件，可同时运行在Windows和Mac系统上。

Enigma64

使用该插件，能够以最快的方式实现psd到html。极大的拉近了设计与代码之间的距离。

WebZap

WebZap是一个Photoshop的插件，简化了建立布局，样式和表单的组件。提供了photoshop所没有的功能和工具，旨在帮助Web开发人员简化设计工做。

但愿对你们有帮助，若是你有好的东西，能够和咱们一块儿分享给你们哦！

 

來源　惟覺