Reverse 樂活工作坊

最近特別想要做3D相關的教學，雖然手機的UI介面都在推扁平設計，3D設計還是得花上比2D許多時間設計；在設計的一開始，有時候會不知道東西該擺在哪邊、比例要如何調整，其實不管是photoshop還是illustrator有幾種特殊的參考功能，1.參考線、2.格線、3.尺規
illustrator在自訂參考線顯然比Photoshop容易多了，所以這次我們講一下photoshop參考線的制定
Step 1. 開啟新檔
建立一個1024Ｘ1024的檔案

傳統的格限制定
編輯/偏好設定/參考線、格線與切片

有確的是參考線顏色都是青色，格點是灰色；格線是25公釐，這個預設間距相當的大，我們可以改自己想要的設定

顯示格點
快速鍵Ctrl+',或者檢視/顯示/格點

預設的格點的模樣

調整格點間距
你可以按造自己的習慣調整

調整後的模樣

自訂參考線
當然也可以自己定義，這個參考線是為了要製作3D圖樣所定下來的
Step 2.繪製直線
使用線條工具

按下Shift用滑鼠拖曳便可以拉出一條直線

Step 3 複製線條
使用直接選取工具

在線條上按下Alt+拖曳便可以對線條做複製

大約複製28~30條直線，我們可以使用線條對其功能，對齊/均分寬度，他可以自動將這些線平均分配間格

Step 4. 複製線條
Ctrl+J，複製一份 

旋轉+60

把尚未旋轉的命名為『線條+0』，旋轉+60的命名為『線條+60』，將線條+0圖層再複製一份命名為『線條-60』

將『線條-60』旋轉-60

Step 5.移動直線
將直線移動到『線條+60』與『線條-60』線條的交叉點

移動後的圖樣

當然你也可以把育色的黑色改成青色

可以將這三個線條做一個群組管理

最後你還可以搭配設定格線間距確定設計的UI實際尺寸喔~~