現在大家在做UI設計上幾乎都是已經非常的熟練了,這次教大家用不同的方法製作,有興趣的話,那麼我麼就可以繼續看下去囉~!!

這個是預覽結果

計時器-28.jpg
Step1

開啟新檔,尺寸設為730x410

計時器-1.jpg

 

一開始我們要先把圓形的中心點設好,這時要把參考線垂直與水平線都拉好計時器-2.jpg

Step2 畫一個矩形
先用預設的顏色畫一個120px X120px的正圓吧!
計時器-3.jpg
特別不一樣的地方是,在功能列上方的矩形工具,要做一點調整
a.填滿的地方要改為不需填色
計時器-7.jpg

b.筆觸顏色調整為e1e1e1(灰色),筆觸粗細設為5pt計時器-3_0.jpg

計時器-4.jpg

Step3 旋轉複製線條
1.畫一條60pt長的直線
計時器-8.jpg

2.按下Ctrl+T做直線的旋轉,將中心點設在直線的底部
計時器-10.jpg

3.旋轉10度,按下確定鍵
計時器  
計時器-11.jpg

4.按下Ctrl+Shift+Alt+T這樣的組合鍵便可以作出旋轉複製的功能,不過得按下35次~~呵呵呵~!!計時器-12.jpg

5.這堆線段都是黑色的,那麼我們把他調整為白色的
計時器-13.jpg

萬一出現筆觸的顏色記得要選為無填滿喔~!!
計時器-6.jpg


檢視變成白色的樣子
計時器-14.jpg

Step4 製作漸層
1.複製稍早做好的正圓形(設為灰色的那個圓形)
2.在圖層上按右漸進入混和模式
3.進入漸層覆蓋設定漸層編輯器,由於想要做成彩虹多色的模樣,所以設定的顏色相當的多,以下的顏色可以做成參考

計時器  
4.使用矩形選取工具選畫出1/4圓的範圍,按下遮色片功能鈕

計時器-16.jpg

5.他只會出現之前選取的範圍

  
計時器-17.jpg

Step5 製作文字
1.使用文字功能輸入數字"15";字的顏色設為 0d74f4
2.使用文字功能輸入英文"sec";字的顏色設為 666666

計時器-18.jpg     

Step6 最後輸出
計時器-28.jpg     

arrow
arrow

    Make Live 發表在 痞客邦 留言(0) 人氣()