Photoshop制作ipad界面

　　在Photoshop中重構一個產品有很大的挑戰，但同時也樂趣無窮。今天我們就將重構蘋果公司一款最漂亮的革命性產品-ipad。它融合突破性的技術於雙手間，它簡潔、干淨、線條流暢。這個iPad允許你上網、看書、打游戲、看電影、操作電子郵件、聽音樂等，你還可以從程序商店下載超十五萬程序擴充其功能。我們開始教程吧。

　　最終效果預覽

　　1、在Photoshop中新建文件寬624px、高921px，背景色設為白色，分辨率72dpi。添加從上到下，藍到白漸變。選擇“圓角矩形工具”，圓角半徑設為22px，繪制如下圖所示的形狀，把該圖層重命名為“border”。

　　02

　　在“border”圖層上摳出邊框來。按住Ctrl鍵單擊“border”圖層縮略圖，取得選區，執行“選擇-修改-縮減”，縮減6px，按Delete刪除。

　　03

　　使用索討工具單擊“border”內部取得選區，新建圖層填充黑色，把該圖層重命名為“Black Glass”。新建圖層，重命名為“screen”，使用矩形工具繪制屏幕，到目前為止我們得到4個圖層，background、border、 black glass、screen。

　　04

　　2、我們回過頭來處理“border”圖層。選中圖層，添加圖層樣式。斜面/浮雕、顏色疊加和描邊。

　　05

　　06

　　07

　　08

　　09

　　選中“black blass”圖層，添加線性“漸變疊加”，顏色設置為：#5b5c60-# 000000。

　　10

　　3、現在我們添加屏幕壁紙。首先我們下載pkarwowski 提供的背景圖，導入到Photoshop中，置於“screen”圖層的上方，然後按住Alt+Ctrl+G創建剪貼蒙版。

　　11

　　4、前景色設為白色，新建圖層，重命名為“Dock”，畫一個長方形，然後執行“編輯-變形-扭曲”，拖動上方的兩個角點向中間移動如下圖：

　　12

　　選中“Dock”圖層，添加圖層樣式“漸變疊加”，顏色設置為#454637到#fafbfc的漸變。

　　13

　　把“dock”圖層不透明度降低為58%。我們繼續制作屏幕頂部的信息欄並且添加ipad圖標。

　　14

　　5、現在我們添加些Icon圖標到桌面，下載本文所用圖標(當然您可以使用谷歌搜索滿意的圖標)。打開下載好的 Safari 圖標，把它導入Photoshop並且放置在“dock”層的上方，調整其大小。

　　15

　　為 Safari 圖標創建倒影。復制圖標，然後執行“編輯-變形-垂直翻轉”

　　16

　　降低圖層的不透明度為21%，創建黑色到透明的漸變疊加。

　　17

　　選取並刪除溢出屏幕的倒影部分。

　　18

　　重復相同的過程，為桌面添加其他3個圖標。

　　19

　　6、下面來添加按鈕以完善我們的ipad界面。畫一個白色的圓作為開始按鈕，然後繼續在其內部畫一個圓角半徑為2px的圓角矩形。

　　20

　　對小圓應用漸變疊加，顏色設置如下：#4c4d51-#060606。然後給小的圓角矩形添加描邊和漸變疊加，同時降低圖層不透明度到19%。

　　21

　　7、選擇圓角矩形工具，圓角半徑設為2px，然後分別繪制按鈕A和按鈕B。

　　22

　　制作按鈕C時，首先在頂部-圓角矩形工具設置面板上選擇“形狀圖層”(最左側的一個)，然後設置圓角半徑2px 畫出按鈕C。

　　23

　　使用鋼筆工具為按鈕C增加錨點如下圖所示，然後使用直接選擇工具選中錨點，按左方向鍵向左側移動3個像素。最後把所有按鈕都置於“border”層的下方。

　　24

　　教程結束，希望您能喜歡。

　　譯文地址：http://www.olihe.com/?p=8658