叨叨PS那些活框參考線快捷鍵

臨睡前記得今天技術小結沒寫。。。就起來叨叨些使用photoshop做網站的活吧。

一般網站的建站流程和人員配置是：

1 美工，建立頁面的psd圖

2 前端工程師，根據psd圖，切出html頁面

3 後端工程師，根據html頁面，制作後端邏輯代碼，使得頁面動态

4 測試人員，測試并釋出頁面

是以說，在第一階段和第二階段，制作psd和分析psd的過程中，就要接觸到photoshop這個玩意。

圖層

photoshop是由多個圖層構成的。一個圖層會覆寫目前的畫布，但是隻有有圖的部分是有顔色的，其他部分是透明的，也就是說，一個好的頁面，是由很多歌圖層一層一層層疊上去的。

建立圖層快捷鍵：ctrl+shift+n

但是圖層太多就需要歸類，那麼就需要使用圖層組來做，比如一般頭部一個組，尾部一個組，左側欄一個組等。。。組還能内嵌的。

第一個遇到的問題就是比如一個方形框，我隻想描繪框的邊怎麼辦。

使用矩形工具，但是選擇路徑，畫好路徑，然後在右下角路徑欄中，選擇剛才的路徑，右鍵，選擇繪邊，鉛筆，于是一個矩形邊就繪制好了，最後再删除路徑，就成功了。

在實際使用的時候，參考線是很重要的，比如哪些地方需要設定參考線，哪些地方不需要。

ctrl + 加号/減号  表示圖檔放大縮小

ctrl + alt + 0 圖檔恢複100%大小