网页设计师常用的Photoshop插件

分类栏目:素材下载 - PS资源

36557

发布于 20 条评论

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

今天就为大家收集了一些对于网页设计师来说非常实用的Photoshop插件,包括:PSD转换HTML插件、css3生成插件、网格系统插件、图片精灵插件、屏幕分辨率插件、web字体插件等等。希望对大家在实际项目中有所帮助。

CSS3Ps

基于云的免费Photoshop插件,可以将Photoshop图层特效转为CSS3代码。可以对图层的一些特效(如:阴影、发光、圆角、渐变等)进行css3的完整代码输出。

Photoshop-Plugin-for-Web-Designers-1

Cut&Slice me

这是一个高效切图插件,可将制作好的手机APP文件,直接输出成iOS、Android、PC用的格式,同时还会自动命名(具体操作可参考官网介绍)。导出来的图片格式为png格式,并且你还可以指定大小。你甚至可以同时导出按钮的所有状态(默认、点击、经过)图片。

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

Photoshop-Plugin-for-Web-Designers-2

No More Banding

这是一个非常简单的Photoshop动作。在选择对应层后,选择动作,然后按播放。文件将会被转换成一个16位的png文件。还有这个动作可以有效的解决渐变工具颜色过度不柔和的问题。

Photoshop-Plugin-for-Web-Designers-3

GuideGuide

这个小插件提供了一个非常便捷的方式生成像素级别的辅助线(栏,行,中线),免去了我们计算网格数值的麻烦,只要在插件面板输入你定义的数值,就可以快速的拉出辅助线。

Photoshop-Plugin-for-Web-Designers-4

Web Font Plug-in

这是个字体管理插件,可以轻松使用到世界上流行的字体。还可以通过Google Web Font使用500+种字体。

Photoshop-Plugin-for-Web-Designers-5

Expanding Universe Toolset for Managing Screen Resolutions

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

Photoshop-Plugin-for-Web-Designers-6

Generate CSS positions for Sprites

一个可以根据你的CSS文档而衍生图像拼合技术的小插件。通过这个插件会生成一个文件,里面包含了所有的图标,运用于CSS Sprites。

Photoshop Plugin for Web Designers

CSS Hat

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

Photoshop Plugin for Web Designers

Enigma64

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

Photoshop Plugin for Web Designers

WebZap

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

Photoshop Plugin for Web Designers

希望对大家有帮助,如果你有好的东西,可以和我们一起分享给大家哦!

全部评论 / 20

  1. M_King

    太牛X了,有这些东西,以后能省不少事,多谢分享。

    M_King 2013-06-06
    20
  2. 好东西,收了!非常喜欢这个模板,果断收了。期待升级版本。

    19
  3. 谷歌搜索进来。第一眼感觉这个皮肤还不错,于是就停留到现在。
    1、唯然是用WP,然后套上你做的主题?如果是的话,我很感兴趣,希望买一份自用。
    2、此文提到的很多插件,我也没听说过。看你的介绍,我随便点几个进去看了看,都收费的,价格还不低呢。不过东西确实没的说。

    大河 2013-06-06
    18
    1. 已关注微博。

      大河 2013-06-06
    2. Javin

      唯然是一个页面模版,结合自定义文章类型形成的。感谢支持,暂时还未开放。

      1号 Javin 2013-06-06
  4. 这些插件在那下载啊?

    17
    1. Javin

      点击红包标题即可到插件官网下载。

      1号 Javin 2013-06-06
  5. 其中哪一款能导出渐变呢…ps渐变和网页渐变有差距,不知道有方法能弥补不

    16
  6. 原来PS上还有这么多插件,第一次听说,长见识了。

    2013-06-06
    15
  7. 试用了前几个,很棒的插件,带来很多便利~!非常感谢。

    筱筱的小小 2013-06-06
    14
  8. 如何每个插件都写个教程就好了,Enigma64不知道怎么用

    13
    1. Javin

      可以到官网查看详细介绍,或者在网上搜索一下,有相关的使用教程的。也可以把问题发在这里,大家一起解决。

      1号 Javin 2013-06-06
  9. 用了这么久的PS,都没怎么用插件,看到这几款插件,确实提供了更多的方便。

    12
  10. 我也没有用过ps插件,

    11
  11. 很实用,正在为网格烦恼

    迟到千年 2013-06-06
    10
  12. 学习了,用了这么多年PS,竟然没用到插件,惭愧啊!

    9
  13. 收藏了,很实用

    8