2021-05-12 14:32:11
暴強:用Photoshop打造一台漂亮的iPhone4
2019-12-14 20:34:45
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
最終效果相關文章