上網淘了好久PS的教程，但是大多不適用於前端，前端對於PS的需求僅僅在於切圖、合併、導圖、和一些其他簡單的操作。
視頻教程的內容着重於圖形繪製、着色、蒙板和一些炫酷的濾鏡效果，針對於前端適用的部分，大多一筆帶過，先不必瞭解‘阿逗逼’公司的歷史和ps的歷史，這篇首先寫認識工具欄；
ps已經更新至photoshop CC2018，新增很多方便前端的功能，css樣式的複製新增了各大內核的兼容性，svg導出路徑更加細膩。。。
官方網址：https://www.adobe.com/cn/downloads.html?promoid=RL89NGY7&mv=other
工具欄，在ps界面的最左側 可以調整位置
前端常用的工具大致這幾種，
移動工具，快捷鍵 V
可以點擊瞭解如何使用來跟着官方提供的學習教程操作一遍，如果可以選擇圖層了，那麼就來看一下圖層的一些信息，打開圖層面板，快捷鍵F7，菜單欄>>窗口>>圖層
可以通過移動工具來選圖層，選中的圖層在圖層欄特殊顯示，下圖是圖層面板的內容
選中圖層後，進行移動，會出現移動的信息，想哪個方向偏移多少量，以及智能輔助線
智能輔助線控制開關在 視圖>>顯示>>智能參考線 快捷鍵 Alt V H M
如果文件圖層有幾千層的時候突然忘記自己選中的是哪一個圖層了 可以用下面這個開關
這個工具會在你選中的那個圖層出現角標
多個圖層也可以
如果不想通過點擊畫面內的圖像選擇圖層 而是通過圖層面板來選擇圖層的話 可以用這個工具
這個工具如果未選中，將不可在畫面內的圖像上點擊選擇圖層，並且不能框選
這樣可以防止誤點，但是前提是你的UI設計給圖層命名很明確，以上若有遺漏或不足，請在評論區指正，互相學習，謝謝
另：圖層合併，圖層導出，尺寸測量、複製css及svg將在接下來的文章分享，敬請期待
[完]