PS教程：网页设计Web前端必备PS技能，从此加班是路人

小编：无论你是网页设计师、还是Web前端工程师，在工作中你都会用到以下这些PS技能，用切片工具做常规切图、从PSD文档中直接生成图像资源、CSS样式、利用PS自动工具批量处理图片，以此来大幅提升工作效率。

导语

在网页开发过程中，Web前端处于网页设计师的下游，在工作上，他们往往需要紧密的协作。这篇学习日记所讲到的PS技能，则源于他们的工作交集部分。无论你是网页设计师、还是Web前端工程师，只要你能教会对方以下这些PS技能，你们将能一起快乐的玩耍，友谊值瞬间Up、Up。

从日常的工作中，@酷coo豆 就总结出来了，以下四个最常用的PS技能，它们分别是：

1、常规切图

2、生成图片资源

3、生成CSS代码

4、批量压缩图片

一、前面三种PS操作演示

△视频演示：切图、生成图片、复制CSS样式

二、PS批量压缩图片

在WEB前端开发过程中，一些专题页面中，时常会包含有大量的案例图片需要展示，比如：图集、相册、新闻配图等。直接从相机或手机得到的图片，其分辨率大小不一、体积巨大，在这样的情况下，我们往往需要对这些图片进行压缩处理。

△视频演示：用PS批量压缩处理图片

三、批处理的其他用处

除了像上述视频中展示的那样，可以用PS批量处理压缩图片，我们还可以借鉴到：给图片批量添加水印、批量调色、裁剪图片等。总之在工作过程中，有大量简单、重复，类似流水线生产的操作时，你都可以考虑用Photoshop的批处理功能，来提升工作效率。

ok，以上就是@酷coo豆 整理的“Web前端必备PS技能”的全部内容，更多系统全面的网页设计教程推荐，欢迎访问平面设计学习日记网。

—

0基础，网页设计学习路径：http://www.xxriji.cn/career/7.html

推荐网页设计教程：http://t.cn/RcxBPkx

如果觉得文章所有帮助，欢迎大家转载分享，最后感谢你的阅读。