photoshop教程:制作蘋果手機(jī)界面教程
來源:未知
作者:空來風(fēng)
學(xué)習(xí):8119人次
效果如下:
![](http://pic.16xx8.com/allimg/090904/0112334003-0.jpg)
1.新建如此大小的photoshop文件
![](http://pic.16xx8.com/allimg/090904/0113035020-0.jpg)
2.路徑工具
![](http://pic.16xx8.com/allimg/090904/011303I58-1.jpg)
,設(shè)置圓角
![](http://pic.16xx8.com/allimg/090904/0113032410-2.jpg)
,畫出如下形狀
![](http://pic.16xx8.com/allimg/090904/0113033923-3.jpg)
3.加蒙版至頂層
![](http://pic.16xx8.com/allimg/090904/0113035261-4.jpg)
![](http://pic.16xx8.com/allimg/090904/0113035X8-5.jpg)
白色前景,黑色背景
4.圖層樣式設(shè)置如下
![](http://pic.16xx8.com/allimg/090904/0113035312-6.jpg)
效果如下
![](http://pic.16xx8.com/allimg/090904/011303K00-7.jpg)
5. 新建層 Ctrl+鼠標(biāo)點(diǎn)擊圖層漸入選取 選擇修改 收縮2px
![](http://pic.16xx8.com/allimg/090904/0113031259-8.jpg)
填充黑色效果如下
![](http://pic.16xx8.com/allimg/090904/011303H37-9.jpg)
,
6.圖層樣式設(shè)置如下
![](http://pic.16xx8.com/allimg/090904/011303AN-10.jpg)
現(xiàn)在效果如下
![](http://pic.16xx8.com/allimg/090904/0113031421-11.jpg)
7.路徑工具圓角
![](http://pic.16xx8.com/allimg/090904/011303KY-12.jpg)
畫出如下圖形
![](http://pic.16xx8.com/allimg/090904/01130325C-13.jpg)
填充黑色
![](http://pic.16xx8.com/allimg/090904/011303IT-14.jpg)
8.圓角路徑工具 圓角40畫出如下圖形 并設(shè)置圖層樣式如下
![](http://pic.16xx8.com/allimg/090904/01130343L-15.jpg)
![](http://pic.16xx8.com/allimg/090904/011303B10-16.jpg)
9.繼續(xù)新建層,填充白色如下,再新建層,填充黑色如下
![](http://pic.16xx8.com/allimg/090904/011303B04-17.jpg)
![](http://pic.16xx8.com/allimg/090904/011303OJ-18.jpg)
10.如圖選擇如下區(qū)域,設(shè)置圖層樣式
![](http://pic.16xx8.com/allimg/090904/0113034S8-19.jpg)
![](http://pic.16xx8.com/allimg/090904/0113036152-20.jpg)
11.其他幾個(gè)部分依次如此
![](http://pic.16xx8.com/allimg/090904/0113031155-21.jpg)
12.最后底部效果設(shè)置如下
![](http://pic.16xx8.com/allimg/090904/0113031938-22.jpg)
![](http://pic.16xx8.com/allimg/090904/0113032G1-23.jpg)
13.移入按鈕圖層 【完成】
![](http://pic.16xx8.com/allimg/090904/0113034C7-24.jpg)
![](http://pic.16xx8.com/allimg/090904/0112334003-0.jpg)
學(xué)習(xí) · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!