注:也是我第一次寫教程,額,應該不算教程,分享個人的制作過程,請大神們提意見。
下面有可供下載文件(裡面有原網站的截圖+混合模式中英文對照表)
讓我們開始吧:
畫布大小自定義,我這裡800*600px,顏色值:2e2f31
2.繪制一個正圓,按住shift鍵,點擊鼠標左鍵,選擇移動工具V,在與畫布垂直、水平居中對齊,顏色值:2e2f31
3.給圖層命名base(底層),並添加內陰影、投影
4.復制base圖層,右擊選擇清除圖層樣式,按住Ctrl+T,再按住shift+Alt等比例縮小,縮放比例看圖,並命名shape(形狀),再添加圖層樣式
5.新建正圓,並命名shadow(陰影)我是cc版的,羽化就行:6.6px,找不到的話,就高斯模糊,濾鏡—模糊—高斯模糊,數值自個調,按住shift+方向鍵,下移到base圖層邊緣就行。
6.在繪制一個shape圖層,為什麼是一樣的,這個我真不知道诶,這是按國外大神做地,為了以示區別,可以改為shape2,這個圖層移到陰影圖層下,添加圖層樣式
7.在繪制一個shape圖層,在加個數字3把,按Ctrl+T,shift+Alt等比例縮放,添加圖層樣式
8.繪制一個正圓命名為metal(金屬)層,添加圖層樣式
大神沒給顏色值,無非就是黑、灰、白,
9.復制metal圖層,並改為gradient(漸變)右擊圖層,清除樣式,重新添加黑白漸變,圖層填充為0
10.繪制一個圓角矩形,命名為mark(標記)圖層,在選擇矩形工具減去一小部分,添加圖層樣式
到這一步算是基本完成了,接下來就是指示燈的問題。
這一步需要AI支援了
將ps文件保存好後,打開AIcs6,按Ctrl+O彈出打開窗口,選擇需要的打開文件,打開後會彈出一個窗口,默認,點確定即可。
AI步驟:
1.繪制一個正圓,圓的大小,你們看著順眼吧。
選擇旋轉工具(R),按住Alt鍵將鼠標移到圓的中心位置,會顯示出“中心點”字體,不要松開鼠標,將“中心點移到金屬中心位置”,此時會彈出旋轉彈窗,輸入22.5度,點復制,在按Ctrl+d鍵,連續復制。
如下圖:這是全選中狀態,因為要復制,在編輯—復制,再回到PS軟件,Ctrl+V粘貼
此時彈出粘貼彈出,選擇最後一個
接下來就是給兩個圖層命名為off,off2添加圖層樣式
Off:圖層樣式
Off2圖層樣式
這是我做的效果:
這是原效果圖