photoshop設定網格線

photoshop設定網格線

         做UI介面開發,都是按照效果圖調整開發的UI的位置、大小等。經常和原效果圖要進行對比,看開發出來的介面是否和原圖一致。這個時候就要用到ps裡面的網格線了,網格線很容易看出來位置是否對齊,大小是否一致。

         方法如下:

         1.將原效果圖用ps開啟;

         2.將程式的UI截圖儲存起來並拖動到ps裡面。

         3.點選“檢視”–》“新建參考線”–》選中水平或者垂直,點選“確定”,此時圖層上會多出參考線。

          參考線可以進行滑鼠拖動。另外,更簡潔的方式是:將滑鼠放到畫布區域(標尺區域)邊緣,如上邊緣,點選滑鼠左鍵不放,向下拖動,此時也可以出來水平參考線;同理,垂直參考線也可以出來。如下圖: