PS教程/繪製小時鐘
圖/文 xinyi_2009
大家一起來製作一個時鐘,其實UI大部分的樣式效果,其實就是對於我們在學習ps的時候,圖層樣式裡面的混合選項樣式的不斷重複運用。效果圖:
製作步驟如下:
首先,第一步,我們要建立一個空白文檔,800px X 800px,解析度為72像素的空白文檔,為了日後可以隨時調整背景色,新建一個圖層,然後設置前景色,填充#8a8a8a。顏色大家可以根據自己的感覺,進行填充!此填充顏色圖層命名為背景顏色填充層。(切記,養成不要修改原圖和可以隨時修改,不動原圖的習慣哦)
操作過程為:
第二步,我們要進行時鐘UI的設計,首先,我們做最外層,由外到內的漸進過程。找到ps中的「圓角矩形工具」,設置參數為:512px X 512px 圓角為120 ,顏色填充白色。並且在圖層中修改圖層名為為底層
做完這一步之後,我們要對此圖層設置圖層樣式哦,參數僅供參考!
注意:此處的使用全局光前面的對號,一定要記得全部都取消哦!不然怎麼樣,自己去感覺!
第三步,底板做好了之後,我們開始要錶盤裡面的凹下去的效果,我們這一塊分為兩大塊做,選中橢圓工具,按住Shift鍵,新建一個420px X 420px的正圓,命名為錶盤1,並添加相應的圖層樣式。
接著複製一層,命名為錶盤2,選擇清除圖層樣式,重新添加新的圖層樣式。
第四步,做完以上之後,我們做指針,用圓角矩形工具繪製一個160px X 32px的圓角矩形,圓角設置成15px ,顏色為白色。命名為指針1
拉出輔助線,放到圓心的位置,擺放好位置,並設置指針1的圖層樣式。
做完指針1之後,我們要做指針2,設置參數為:
設置指針2的圖層樣式為:
第五步,新建一個40px X 40px的正圓,居中對齊,顏色根據自己喜歡添加,命名為圓盤中心,並添加圖層樣式。
複製一層,清除圖層樣式,重新添加圖層樣式!
第6步,做完以上之後,快,快,快接近尾聲了,我們一鼓作氣,做出秒針,創建矩形橢圓工具,設置參數為:
放到合適的位置,並設置圖層樣式參數
接著調整一下圖層樣式順序,成果圖如下:
※探究!戶外廣告中的創意
※解讀!版式設計原則及創新
※如何培養創意設計思維?
※色彩的對比與和諧!在設計中的運用
※版式設計技巧!如何增強形式美感?
TAG:設計智造 |
※PS教程-繪製小時鐘
※PS教程/繪製小蘿蔔頭
※PS教程/憤怒的小鳥
※PS教程/繪製金屬啞鈴
※PS教程/繪製唯美荷花
※PS教程/繪製精緻水晶球
※PS教程/繪製擬物化USB
※PS教程/繪製音量旋鈕
※PS教程/繪製逼真齒輪
※PS教程/迷你建築小屋
※PS教程/繪製火箭圖標
※PS教程/鼠繪電燈泡
※PS教程/製作粉筆畫
※PS教程/碎紙機小插畫
※PS教程/扁平化UFO
※PS教程/卡片鏤空字效
※PS教程/木乃伊字效
※PS教程/繪製超萌綠皮豬
※PS教程/繪製相機快門