新型SEO思维就是从一个全新的层次上提升seo优化的水平,达到网络信息最佳化的展示效果!
马海祥博客 > 网站制作 > 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图片的基本原理及优化方法

今日话题更多>

SEO研究院 更多 >>