Photoshop鼠繪教程:輕松繪制一臺(tái)iPhone4
本教程主要使用Photoshop繪制華麗逼真的iPHONE手機(jī)界面,蘋(píng)果四代手機(jī)出來(lái)有一段時(shí)間了,身不得買(mǎi)的我們就自己來(lái)畫(huà)一個(gè),下面就讓我們一起來(lái)學(xué)習(xí)吧.
先上效果圖:
效果圖
步驟1
打開(kāi) PhotoShop,創(chuàng)建一個(gè)大小為400×600的新文檔。使用 PhotoShop 漸變工具(Gradient Tool),顏色選擇為從#3d3d3d 到 #121212。接著,打開(kāi)圓角矩形工具(Rounded Rectangle Tool),半徑(Radius)設(shè)置為34px,然后畫(huà)一個(gè)如(圖01)一樣的形狀。
圖01
步驟2
把 iPhone 4 形狀的圖層命名為“iPhone Shape”。以下是“iPhone Shape” 的混合選項(xiàng),添加漸變疊加(Gradient Overlay)效果。(圖02)
圖02
步驟3
使用 PhotoShop 創(chuàng)建一個(gè)新的圖層。點(diǎn)擊編輯(Edit) 畫(huà)筆(Stroke)2px,顏色:#bab9b7,位置:內(nèi)部(Inside)。
內(nèi)發(fā)光(Inner Shadow)的設(shè)置如下(圖03):
圖03
斜面(Bevel)和浮雕(Emboss)的設(shè)置如下(圖04):
圖04
光澤(Satin)的設(shè)置如下(圖05):
圖05
漸變疊加(Gradient Overlay)的設(shè)置如下(圖06):
圖06
步驟4
我們?cè)賮?lái)設(shè)置一下“iPhone Shape”的圖層混合選項(xiàng)。具體如下:畫(huà)筆顏色:#2f2f2f;位置:內(nèi)部;大。4px。創(chuàng)建一個(gè)新的圖層,點(diǎn)擊編輯畫(huà)筆顏色:黑色;不透明度(Opacity):50%;大。1px;位置:內(nèi)部。
之后,你可以得到下面的效果(圖07):
圖07
步驟5
使用 PhotoShop 矩形工具畫(huà)一個(gè)矩形,大小效果如下(圖08):
圖08
這是一個(gè)新矩形的混合選項(xiàng):
畫(huà)筆:
圖09
好啦,現(xiàn)在用下面這張圖片來(lái)做 iPhone 4 的壁紙。
圖10
步驟6
接著,我們用 Eclipse Tool 來(lái)制作一個(gè)按鈕,并把這個(gè)圖層命名為“Button”。(圖11)
圖11
混合選項(xiàng),然后漸變疊加,把角度(Angle)設(shè)為180度。(圖12)
圖12
光澤(Satin)的設(shè)置如下:(圖13)
圖13
步驟7
選擇圓角矩形工具(Rounded Rectangle Tool),半徑設(shè)為5px,并且畫(huà)成如下圖所示:(圖14)
圖14
接下來(lái),把填充(Fill)設(shè)為0%,顏色是808080,大小是2px,位置是內(nèi)部。
步驟8
選擇矩形選取框工具(Rectangle Marquee Tool),刪除圖像中的一部分,如下圖所示:(圖15)
圖15
步驟9
選擇圓角矩形工具,像下圖這樣畫(huà)。(圖16)
圖16
漸變疊加的設(shè)置如下:(圖17)
圖17
畫(huà)筆的設(shè)置如下(圖18):
圖18
再畫(huà)一些非常細(xì)微的直線(圖19):
圖19
步驟10
接著,再畫(huà)一個(gè)小小的圓圈。(圖20)
圖20
漸變疊加的設(shè)置如下(圖21):
圖21
復(fù)制這個(gè)小圓圈,并按住 Alt+Shift,重新設(shè)置大小。如以下設(shè)置,重新調(diào)整漸變疊加的效果。(圖22)
圖22
再?gòu)?fù)制重新設(shè)置的圓圈,并且也重新調(diào)整大小。如下圖設(shè)置,調(diào)整漸變疊加效果。(圖23)
圖23
再次復(fù)制這個(gè)圓圈,不過(guò)這次我們要調(diào)整的是顏色疊加(Color Overlay),而不是漸變疊加。(圖24)
圖24
到了這個(gè)步驟,你應(yīng)該會(huì)有個(gè)這樣的效果圖。(圖25)
圖25
步驟11
然后,使用 PhotoShop 畫(huà)個(gè)小小的圓角矩形,混合選項(xiàng)的設(shè)置如下(圖26):
圖26
設(shè)置內(nèi)發(fā)光,然后,如果有需要修復(fù)的地方用畫(huà)筆就可以了。(圖27)
圖27
復(fù)制這個(gè)小圓角矩形,并且旋轉(zhuǎn)它的位置,如下圖(圖28):
圖28
步驟12
用鋼筆工具(Pen Tool)再畫(huà)一個(gè)按鈕形狀。漸變疊加的設(shè)置如下(圖29):
圖29
內(nèi)發(fā)光的設(shè)置如下:
圖30
復(fù)制粘貼這個(gè)按鈕形狀,利用模糊工具(Blur Tool)來(lái)使這兩個(gè)按鈕看起來(lái)有一點(diǎn)點(diǎn)模糊感。(圖31)
圖31
步驟13
使用鋼筆工具來(lái)畫(huà)一個(gè)如下圖一樣的形狀。(圖32)
圖32
在新的圖層還在被選擇的狀態(tài)下,按住Ctrl+Click,然后點(diǎn)擊選擇反選(Inverse)刪除。
你將會(huì)得到這樣一張圖片。(圖33)
圖33
步驟14
如果你還想要其他的效果的話(huà),例如反光等等,你也可以在這個(gè)步驟之后添加。
最后的效果圖如下(很炫吧?)
最終效果圖
學(xué)習(xí) · 提示
相關(guān)教程