PS教程：Web前端必備PS技能，視頻講解

導語

在網頁開發過程中，Web前端處於網頁設計師的下游，在工作上，他們往往需要緊密的協作。這篇學習日記所講到的PS技能，則源於他們的工作交集部分。無論你是網頁設計師、還是Web前端工程師，只要你能教會對方以下這些PS技能，你們將能一起快樂的玩耍，友誼值瞬間Up、Up。

從日常的工作中，@酷coo豆 就總結出來了，以下四個最常用的PS技能，它們分別是：

1、常規切圖

2、生成圖片資源

3、生成CSS代碼

4、批量壓縮圖片

本文地址：https://zhuanlan.zhihu.com/p/28142964。公眾號：followdesign。作者：@酷coo豆。如需轉載前往獲騎士品牌館 取合法授權，感謝你對作者版權的尊重。

一、前面三種PS操作演示

https://www.zhihu.com/video/882405376929177600

△視頻演示：切圖、生成圖片、複製CSS樣式

二、PS批量壓縮圖片

在WEB前端開發過程中，一些專題頁面中，時常會包含有大量的案例圖片需要展示，比如：圖集、相冊、新聞配圖等。直接從相機或手機得到的圖片，其解析度大小不一、體積巨大，在這樣的情況下，我們往往需要對這些圖片進行壓縮處理。

△視頻演示：用PS批量壓縮處理圖片

三、批處理的其他用處

除了像上述視頻中展示的那樣，可以用PS批量處理壓縮圖片，我們還可以借鑒到：給圖片批量添加水印、批量調色、裁剪圖片等。總之在工作過程中，有大量簡單、重複，類似流水線生產的操作時，你都可以考慮用Photoshop的批處理功能，來提升工作效率。

以上就是@酷coo豆 整理的「Web前端必備PS技能」的全部內容，更多系統全面的網頁設計教程推薦，歡迎訪問平面設計學習日記網。

關於@酷coo豆

平面設計學習日記網站長，平面設計基礎教育，及自學方法傳播者。致力為自學平面/網頁設計的朋友提供優質的書籍、教程、經驗等資源參考，為你的學習成長給予知識養分。

0基礎網頁設計路徑：http://www.xxriji.cn/career/7.html

推薦網頁設計教程：http://t.cn/RcxBPkx

如果覺得文章所有幫助，歡迎大家點贊支持或慷慨讚賞，最後感謝你的閱讀。

（完）

推薦閱讀：