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

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

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

三、批處理的其他用處

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

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

關於@酷coo豆

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

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

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

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

(完)

推薦閱讀:

React 常用面試題目與分析
如何成為一個卓越的前端開發工程師
CSS Modules入門Ⅰ:它是什麼?為什麼要使用它?

TAG:前端开发 | 网页设计 | Ps教程 |