ps設計倒計時圖標(3)

來源:不詳 作者:正言 學習:6766人次
使用PS繪制IOS7風格倒數(shù)計時器,教程嚴格來說算是一個ICON制作教程吧,教程難度一般,喜歡的一起分享學習了,我們先來看看最終的效果圖吧:

PS繪制IOS7風格倒數(shù)計時器

圖00

具體的繪制步驟如下:

 

  步驟 1

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

PS繪制IOS7風格倒數(shù)計時器

圖01

  步驟 2

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

PS繪制IOS7風格倒數(shù)計時器

圖02

PS繪制IOS7風格倒數(shù)計時器

圖03

  步驟 3

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

PS繪制IOS7風格倒數(shù)計時器

圖04

  步驟 4

  這時直線可能還沒有達到底部。按Ctrl+T調出自由變換菜單,你會看到如下圖所示的變換控制點。找到直線底部的控制點,按著Alt一直拖拉到底。效果圖如下圖所示。

PS繪制IOS7風格倒數(shù)計時器

圖05

  步驟 5

  拉長之后,不要馬上按回車確定。再調整直線的角度,順時針10°,按兩次回車。設置效果如下圖所示。

PS繪制IOS7風格倒數(shù)計時器

圖06

  步驟 6

  這一步就按Alt拖直線圖層,然后再按Ctrl+T調整角度,直至直線呈放射性分布在圓圈內。效果如下圖所示。

PS繪制IOS7風格倒數(shù)計時器

圖07

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

PS繪制IOS7風格倒數(shù)計時器

圖08

步驟 7

  將最先繪制的正圓復制一次,然后放置在圖層面板頂層,這個復制的正圓就是用來做旋轉指示器。

PS繪制IOS7風格倒數(shù)計時器

圖09

 

  調出正圓的圖層樣式混合選項,勾選漸變疊加,漸變的設置顏色如下圖所示。

PS繪制IOS7風格倒數(shù)計時器

圖10

  步驟 8

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

PS繪制IOS7風格倒數(shù)計時器

圖11

  步驟 9

  選擇文字工具,添加文字,具體文字內容,以及文字字體、顏色、大小等如下圖所示。

PS繪制IOS7風格倒數(shù)計時器

圖12

  Final 步驟

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

PS繪制IOS7風格倒數(shù)計時器

圖13

  下面來看看筆者的最終效果圖吧,很有科技感有木有。這里筆者添加了iOS7的背景壁紙,圓圈外圍添加了陰影,看上去有質感和立體化。你也來試試制作自己的iOS7風格設計吧。

PS繪制IOS7風格倒數(shù)計時器

圖14

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!