PS教程：創建iOS7風格的倒數計時器

最近iOS7.1降臨地球，小伙伴你升了么？回歸正題：本教程很適合初學者學習哦~

同類型優秀教程：
《手把手教！用PS設計一枚IOS 7風格日記圖標》
《ILLUSTRATOR新手教程：創建酷炫時尚的多邊形背景》

Step 1

打開ps創建一730px * 410px的文檔，在中心部分添加水平和垂直的輔助線：

Step 2

使用橢圓工具Ellipse Tool (U)繪制一120px * 120px的原型，不填充顏色，描邊為5px的#e1e1e1，放在畫布的中央：

Step 3

將畫布放大到1200%左右，然后使用直線工具Line Tool (U)從圓圈的頂部到中心點繪制一條1px的直線：

Step 4

Ctrl + Alt + T出現自由變換該直線外框，看到直線中心點木有？按住shift+Alt，鼠標拖動中心點移到直線的最下方（記住拖到下方的中心時先不要著急按回車鍵哦）：

Step 5

嗯，現在把旋轉角度值改為10°，然后按enter鍵兩次：

Step 6

現在按下Shift + Ctrl + Alt + T復制該直線，直到得到一個完整的螺旋線形狀：

改變填充顏色為白色：

Step 7

復制一層最原始的的圓圈，放在所有圖層的上方，我們要在這個圓圈上做漸變處理：

為該圓圈添加如下漸變疊加樣式：

Step 8

蒙版處理掉四分之一不顯示的區域：

Step 9

使用文字工具Text Tool (T)添加日期、時、分、秒，注意數字和標簽以及漸變顏色的一一對應：

最后一步！

為剛才所創建的所有圖層編組，然后復制出另外3個編組，4個編組之間的水平間距是20px，分別調整相應的內容，使之形成完整的ios7倒數計時器：

然后我又不甘于白色的背景了。Ios7不是有很多壁紙么？我把一張圖片設置15%的模糊度作為該計時器的背景了，看看最終效果吧：

怎么可以我有壁紙你沒有呢？！趕緊的看看下面的壁紙。

鋼鐵俠

紙飛機

Windmills

Hot air balloon

Vintage Camera

Air Plane

Space Shuttle

iOS7 Wallpaper

教程結束，很簡單有木有^_^（想看英文教程視頻的可以到原文看哦）

原文地址：1stwebdesigner
優設網翻譯：@寫說說

本文由優設網uisdc.com原創翻譯，轉摘請注明優設網譯文出處，謝謝各位小編。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量65萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：