圖00

具體的繪制步驟如下：

　　步驟 1

　　打開Photoshop，新建畫布，尺寸730像素×410像素。然后我們通過(guò)標(biāo)志工具，定位畫布從的水平和垂直中心位置。設(shè)置效果如下圖所示。

圖01

　　步驟 2

　　選擇橢圓工具，創(chuàng)建一個(gè)尺寸為120像素×120像素的正圓，隱藏填充圖層，描繪路徑5像素和顏色選擇#e1e1e1。橢圓設(shè)置如圖02所示，繪制效果如圖03所示。

圖02

圖03

　　步驟 3

　　使用PS導(dǎo)航器放大1200%，使用直線工具，繪制一條1像素寬的直線，然后如下圖放置。

圖04

　　步驟 4

　　這時(shí)直線可能還沒(méi)有達(dá)到底部。按Ctrl+T調(diào)出自由變換菜單，你會(huì)看到如下圖所示的變換控制點(diǎn)。找到直線底部的控制點(diǎn)，按著Alt一直拖拉到底。效果圖如下圖所示。

圖05

　　步驟 5

　　拉長(zhǎng)之后，不要馬上按回車確定。再調(diào)整直線的角度，順時(shí)針10°，按兩次回車。設(shè)置效果如下圖所示。

圖06

　　步驟 6

　　這一步就按Alt拖直線圖層，然后再按Ctrl+T調(diào)整角度，直至直線呈放射性分布在圓圈內(nèi)。效果如下圖所示。

圖07

　　然后改變直線的顏色為白色，效果如下圖所示。

圖08

步驟 7

　　將最先繪制的正圓復(fù)制一次，然后放置在圖層面板頂層，這個(gè)復(fù)制的正圓就是用來(lái)做旋轉(zhuǎn)指示器。

圖09

　　調(diào)出正圓的圖層樣式混合選項(xiàng)，勾選漸變疊加，漸變的設(shè)置顏色如下圖所示。

圖10

　　步驟 8

　　下面在正圓圖層設(shè)置蒙版，按照下面顯示的15分鐘遮蔽四分之一。效果如下圖所示。

圖11

　　步驟 9

　　選擇文字工具，添加文字，具體文字內(nèi)容，以及文字字體、顏色、大小等如下圖所示。

圖12

　　Final 步驟

　　最后將剛才做的圖案復(fù)制3次，分別按照17日、9時(shí)、32分的順序排列并修改文字和蒙版，這樣就能完美顯示時(shí)間啦。

圖13

　　下面來(lái)看看筆者的最終效果圖吧，很有科技感有木有。這里筆者添加了iOS7的背景壁紙，圓圈外圍添加了陰影，看上去有質(zhì)感和立體化。你也來(lái)試試制作自己的iOS7風(fēng)格設(shè)計(jì)吧。

圖14