马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客！
收藏本站 TAG标签 网站地图 RSS地图
马海祥博客 > 网站制作 > Photoshop教程 > 你并不知道但很实用的Photoshop插件汇总

你并不知道但很实用的Photoshop插件汇总

时间：2013-06-26   文章来源：www.mahaixiang.cn   访问次数：

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

马海祥博客photoshop教程专栏

今天马海祥博客就为大家收集了一些对于美工和网页设计师来说非常实用的Photoshop插件，这里包括：PSD转换HTML插件、css3生成插件、网格系统插件、图片精灵插件、屏幕分辨率插件、web字体插件等等。希望马海祥博客的文章能对大家在实际的工作中有所帮助。

1、Cut&Slice me

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

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

photoshop插件之Cut&Slice me

2、No More Banding

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

photoshop插件之No More Banding

3、GuideGuide

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

photoshop插件之GuideGuide

4、Web Font Plug-in

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

photoshop插件之Web Font Plug-in

5、Expanding Universe Toolset for Managing Screen Resolutions

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

photoshop插件之Expanding Universe Toolset for Managing Screen Resolutions

6、Generate CSS positions for Sprites

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

photoshop插件之Generate CSS positions for Sprites

7、CSS Hat

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

photoshop插件之CSS Hat

8、Enigma64

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

photoshop插件之Enigma64

9、CSS3Ps

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

photoshop插件之CSS3Ps

10、WebZap

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

photoshop插件之WebZap

好了，今天关于Photoshop插件的介绍就先跟大家分享这些了，希望对正在使用Photoshop的朋友能有所帮助。以后我们还会陆续的在本栏目跟大家分享一些你所不知道的Photoshop插件和使用的相关技巧，希望大家能继续关注马海祥博客。当然如果你有好的东西，可以和我们一起分享给大家哦！

本文发布于马海祥博客文章，如想转载，请注明原文网址摘自于http://www.mahaixiang.cn/Photoshop/232.html，注明出处；否则，禁止转载；谢谢配合！

相关标签搜索： Photoshop   实用ps技巧   实用插件  

上一篇：使用Photoshop制作简洁大气的网站页面的具体步骤
下一篇：JPG、PNG和GIF图片的基本原理及优化方法

相关文章推荐：

  1. 1 网站图片优化的分类有哪些？
  2. 2 详解Photoshop的颜色设置和色彩管理
  3. 3 Photoshop工具界面介绍及使用说明
  4. 4 详解利用Photoshop对图片进行自由变形的
  5. 5 利用Photoshop工具去除图片上文字的常用方
  6. 6 教你Photoshop的20个PS实用技巧
  7. 7 如何利用Photoshop的路径工具设计制作文字
  8. 8 从PNG格式和透明度来看PC端和手机端该用
  9. 9 如何利用Photoshop或illustrator让图片和文字
  10. 10 JPG、PNG和GIF图片的基本原理及优化方法
详解利用Photoshop对图片进行自由变形的8种操作方法
从PNG格式和透明度来看PC端和手机端该用哪种Png图片
Photoshop工具界面介绍及使用说明
网站图片优化的分类有哪些？

您可能还会对以下这些文章感兴趣！

  • 如何利用Photoshop或illustrator让图片和文字的像素清晰可辨

    大家在设计界面和网页时，是不是经常碰到PS里绘制的图标虽然是矢量的，但还是会有许多虚边，当我们把图片放大、缩小、旋转后虚边变的更严重了，或者是在AI里绘制的精美矢量图标粘到PS里就变虚了，我们辛苦设计的作品就这样变“糊了”，这是我们双眼所不允许的，我们要让……【查看全文】

    阅读：10620关键词： photoshop   illustrator   图片像素   文字像素   日期：2014-06-27

  • 详解Photoshop的颜色设置和色彩管理

    当我们用设置的色彩模式拍完照片后，就开始在Photoshop上修片，常常会碰到这种情况：为什么自己修的色彩艳丽的图片拿到外面彩印出来就变得颜色黯淡或者失真呢？这就涉及到你在PS上使用什么色彩管理系统修片以及存储照片时色彩转化的问题了，不过看似复杂的PS颜色设置系……【查看全文】

    阅读：20519关键词： photoshop   日期：2016-04-27

  • 你并不知道但很实用的Photoshop插件汇总

    Photoshop软件可以说是美工、网页设计师们最常用的一个强大的做图工具，可以让美工和网页设计师的工作高效便捷的进行，也为设计师们的天马行空的思维提供了实际操作的技术实现。一般我们的网页设计师设计完成后，需要将其转换制作成网页形式文件，生成HTML和CSS。然而在……【查看全文】

    阅读：2679关键词： 实用ps技巧   photoshop   实用插件   日期：2013-06-26

  • 详解利用Photoshop对图片进行自由变形的8种操作方法

    在学习Photoshop使用的过程中，我们常常会碰到很多对象变形的需求，“自由变换”就是完成这一功能的强大制作手段之一，熟练掌握它的用法会给工作带来莫大的方便。大家都知道在PS中编辑(Edit)菜单下有一个变换菜单，它的子菜单包含缩放、旋转等等，初学者在对这些菜单的理解上……【查看全文】

    阅读：20884关键词： photoshop   图片变形   自由变形   日期：2014-07-27

  • Photoshop工具界面介绍及使用说明

    Adobe Photoshop简称“PS”，是由Adobe Systems开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像，使用其众多的编修与绘图工具，可以有效地进行图片编辑工作，Photoshop有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及，Photoshop的专……【查看全文】

    阅读：19675关键词： photoshop   ps工具   ps界面   ps说明   日期：2014-12-29

  • 使用Photoshop制作简洁大气的网站页面的具体步骤

    最近，随着网站的大批量的改版，网站设计、网站制作也成为了最近网络的工作的重点了，也有很多的同事、朋友问过，如何制作网站，页面切图的具体步骤，怎么使用Photoshop来设计页面。刚好最近帮朋友做个企业网站，在此借助马海祥博客的平台，将网站页面制作的具体的步骤……【查看全文】

    阅读：1635关键词： Photoshop   网站页面   制作网站步骤   日期：2012-12-16

  • 分享Photoshop的10个不为人知的PS隐藏技巧

    相信很多人在学习Photoshop的时候比较重视抠图或者修图的一些技巧，但是对于Photoshop的一些小技巧都不太重视，但是有的时候这些小技巧往往可以让你效率翻倍，相信很多需要的人都会有一种相见恨晚的感觉，所以说人还是需要不断的去探索和学习，才可以发现更多新的东西。……【查看全文】

    阅读：2010关键词： photoshop   日期：2017-05-20

  • Sketch和Photoshop图片色彩管理模式的差异

    色彩管理是一门严谨有效的数字化设备视觉识别的流程，它是从结果倒推的管理办法，也就是说是应用于最终端的结果的，根据不同的终端，使用不同的解决方案。跟水无常势一样，没有一个万能的色彩管理方案，只有适用于不同需求的各种方案的调用。最近发现在photoshop中图片的色彩……【查看全文】

    阅读：3357关键词： sketch   photoshop   色彩管理   日期：2016-05-04

  • 网站图片优化的分类有哪些？

    随着网站数量的日益增多，网站彼此之间的竞争也越来越激烈了，现在已不再是单纯的关键词排名竞争，用户体验也显的尤为重要，尤其是网站的打开速度。而在网站优化中，图片的大小在一定程度上决定着网站速度，如果图片优化得好，不但可以提高页面的加载速度，提升网站的用……【查看全文】

    阅读：1049关键词： 网站图片   图片优化   图片分类   网站优化   日期：2014-03-18

  • 从PNG格式和透明度来看PC端和手机端该用哪种Png图片

    相信经常做图片的朋友对Png格式图片都很熟悉了，Png是图像文件存储格式，在网页设计中已经不是一个陌生的名词，在前端开发中经常使用到它。PNG格式有8位、24位、32位三种形式，其中8位PNG支持两种不同的透明形式（索引透明和alpha透明），24位PNG不支持透明，32位PNG在2……【查看全文】

    阅读：8686关键词： PNG格式   Png透明度   PC端   手机端   Png图片   日期：2014-03-29
↓ 点击查看更多 ↓

分类目录

热点推荐

运营思维 更多>>

依靠电子商务改变茶叶营销模式会遇到什么难题？依靠电子商务改变茶叶营销模式会遇到什么难题？
立即访问
今日头条能否成为自媒体赚钱的新平台今日头条能否成为自媒体赚钱的新平台
立即访问
视频网站为什么很难赚钱？视频网站为什么很难赚钱？
立即访问
竞品分析报告的3大步骤竞品分析报告的3大步骤
立即访问
如何利用O2O模式经营一家理发连锁店如何利用O2O模式经营一家理发连锁店
立即访问
免费模式赚钱的核心竞争是什么免费模式赚钱的核心竞争是什么
立即访问
产品经理怎样用数据指标分析的思路优化产品？产品经理怎样用数据指标分析的思路优化产品？
立即访问
新接手一款App该怎么做App优化推广？新接手一款App该怎么做App优化推广？
立即访问
网赚新手快速寻找暴利项目产品的4大途径网赚新手快速寻找暴利项目产品的4大途径
立即访问
数据分析的流程及分析方法数据分析的流程及分析方法
立即访问

互联网更多>>

网络营销 更多>>

网站制作 更多>>

SEO优化 更多>>

百度搜索用户建议专区上线公告 企业网站SEO推广能给企业带来哪些好处？

标签云