首頁 > 軟體

暴強:用Photoshop打造一台漂亮的iPhone4

2019-12-14 20:34:45
如何用Photoshop製作Iphone4。我們使用一些基本的繪圖工具和圖層樣式來盡量營造手機的真實感。本教學所展示的技巧可以幫助你設計任何裝置,比如壁掛電視、掌上電腦等。

1

先來看看最終效果:

2

 首先我們在Photoshop中新建檔案,寬6.33cm、高7.79cm,解析度300dpi。雙擊背景層解鎖,然後應用漸變疊加(漸變色由上到下依次設定為#9d9d9d-#cecece-#ffffff)如下:

3

在Photoshop中開啟從Stock.Xchng下載的紋理圖片,置於背景層的上方,降低不透明度為8%。

4

匯入從蘋果官網apple.com下載的iphone照片,然後給手機的邊緣和螢幕繪製參考線。

5

把前景色設為黑色,沿著外圈參考線,使用圓角矩形工具(圓角半徑:27px)繪製手機外形,把該圖層重新命名為「body」.

6

給「body」圖層新增漸變描邊,引數設定如下:

7

給「body」圖層新增投影,引數設定如下:


8

使用矩形工具繪製一些小的黑色凹痕。

9

在「body」圖層下方,繪製四個矩形作為手機的按鈕。

10

對左側3個按鈕按鈕應用漸變疊加(漸變色從左到右依次設定為#515050-#a29f9f-#d9d5d5-#545353-#ecebeb-#5f5f5f)

11

對頂端按鈕應用漸變疊加(漸變色從左到右依次設定為#7f7b7b-#a29f9f-#d9d5d5-#aeabab-#ecebeb-#979696)

12

對全部4個按鈕應用1px的內描邊,描邊顏色#716f6f。


13

新建Home按鈕,使用橢圓工具按住Shift鍵繪製正圓。

14

對圓應用漸變疊加,選擇「線性漸變」,顏色設為#000000到#3d3c3c的漸變,引數設定如下:

15

在圓形按鈕上方新建小的圓角矩形並且新增1px的白色描邊。

16

新建圖層重新命名為」wallpaper」,使用矩形工具新建iphone螢幕。

17

開啟SimekOneLove 提供的iPhone 桌布,置於「wallpaper」圖層的上方,按Alt+Ctrl+G建立剪下蒙版。

18

現在我們來建立照相機的工作介面。新建圖層,重新命名為「Camera Button」,沿著參考線繪製矩形,新增漸變疊加,顏色設定為#abacb0到#FFFFFF。

19

接下來建立照相機按鈕。使用圓角矩形工具,圓角半徑設定為20px,繪製按鈕。對按鈕應用漸變疊加(設定同第十步),新增內陰影效果,設定如下:


20

接下來通過組合基本圖形繪製照相機圖示。照相機圖示中的白色圓形是用橢圓工具畫的,然後新增3px的外描邊。群組並複製照相機圖示,移動到照相機操作欄的右上角,然後使用相同的方法繪製視訊圖示。

21

接下來製作照相機滑動按鈕。首先繪製半徑為20px的圓角矩形,新增顏色疊加樣式(顏色#7e7f84),新增內陰影。

22

畫一個小一些的圓角矩形作為滑動按鈕如下圖,複製「Camera Button」圖層樣式,貼上到當前圖層。

23

繪製另外一個圓角矩形(圓角半徑10px)作為「照片預覽」視窗。

24

複製螢幕桌布圖層置於最頂層,按Ctrl+Alt+G建立剪下蒙版,然後Ctrl+T調整桌布尺寸以符合預覽視窗大小。

25

現在建立手機的高反光效果。按Ctrl鍵單擊「Body Layer」圖層取得選區.

26

執行「選擇-編輯-收縮」,收縮半徑5px。

27

新建圖層,置於圖層最頂端,建立白色到透明的漸變疊加如下圖:

28

使用多邊形索討工具取得如下選區。

29

按Delete 刪除,然後降低圖層不透明度為43%。

30

在手機的頂部建立聽筒。畫一個小的圓角矩形如下圖:

31

按Ctrl鍵單擊圖層縮圖取得圓角矩形選區,執行「選擇-編輯-收縮」,收縮半徑3px。新建圖層,隨意填充一種顏色。

32

新增圖層樣式如下:顏色疊加

33

圖案疊加


34

現在我們來畫攝像頭。使用橢圓工具畫一個正圓,新增線性漸變疊加(顏色設定:#3d3c3c-#000000)如下:

35

複製正圓並按Shift等比例縮放,新增外發光,顏色#566771。

36

最終效果


IT145.com E-mail:sddin#qq.com