本篇教程通過(guò)具體的實(shí)例來(lái)制作一個(gè)有趣的手機(jī)界面，現(xiàn)在我們手機(jī)的使用頻率特別的高，我們想要制作一張好看的手機(jī)界面，在ps中還是可以很好的完成的。首先我們要制作一個(gè)和手機(jī)契合的一個(gè)文檔，接下來(lái)我們可以把素材來(lái)置入這個(gè)文檔中，根據(jù)色板中的顏色來(lái)給他進(jìn)行一個(gè)顏色的填充，再到濾鏡中進(jìn)行一些設(shè)計(jì)，添加一些效果，給人物進(jìn)行一些調(diào)色，具體的操作步驟還是需要我們?cè)诮坛讨衼?lái)學(xué)習(xí)一下。

效果圖：

搜索公眾號(hào)photoshop教程論壇，免費(fèi)領(lǐng)取自學(xué)福利

操作步驟：

1、首先我們先新建一個(gè)720X510像素、分辨率為72像素/英寸的文檔，將前景色設(shè)置為青綠色#1ad5b1，選擇矩形形狀工具，在工具選項(xiàng)欄的下拉列表中選擇形狀選項(xiàng)，在畫(huà)面中單擊，彈出“創(chuàng)建矩形”對(duì)話框，設(shè)置矩形大小，創(chuàng)建矩形：

2、按下Ctrl+J快捷鍵復(fù)制形狀圖層，單擊工具選項(xiàng)欄中的填充按鈕，在打開(kāi)的下拉面板中選擇黑色，按下Ctrl+T快捷鍵顯示定界框，調(diào)整圖形的高度：

3、打開(kāi)人物素材文件，拖入當(dāng)前文檔中，按下Alt+Ctrl+G快捷鍵創(chuàng)建剪貼蒙版：

4、在“色板”中分別拾取“黑綠青”和“深黑綠”作為前景與背景色，選擇矩形選框工具創(chuàng)建一個(gè)選區(qū)，新建圖層，按下Alt+Ctrl+G快捷鍵創(chuàng)建剪貼蒙版，使用漸變工具在選區(qū)內(nèi)填充顏色：

5、按下Ctrl+D快捷鍵取消選擇，執(zhí)行濾鏡，濾鏡庫(kù)，扭曲，玻璃命令，設(shè)置參數(shù)如圖，在圖層面板中設(shè)置該圖層的不透明度為70%，使圖像呈現(xiàn)出玻璃的質(zhì)感和透明效果：

6、在人物圖像左側(cè)創(chuàng)建矩形選區(qū)，單擊調(diào)整按鈕，基于選區(qū)創(chuàng)建可選顏色調(diào)整圖層，分別對(duì)選區(qū)內(nèi)圖像的紅色、黃色、白色和中性色進(jìn)行調(diào)整，使人物的皮膚粉嫩透白：

7、按住Ctrl鍵單擊蒙版縮覽圖，載入上一步操作創(chuàng)建的矩形選區(qū)，創(chuàng)建曲線調(diào)整圖層，將曲線略向上調(diào)整，提高圖像的亮度：

8、選擇人物素材文檔，使用橢圓選框工具，按住Shift鍵在人物頭部創(chuàng)建一個(gè)圓形選區(qū)，按下快捷鍵Ctrl+J通過(guò)拷貝的圖層，復(fù)制美女頭像，按下Ctrl+T快捷鍵顯示定界框，按住Shift鍵拖拽定界框的一角，將圖像成比例縮小，按下回車(chē)鍵確認(rèn)，雙擊該圖層，打開(kāi)圖層樣式對(duì)話框，選擇描邊效果：

9、選擇移動(dòng)工具，勾選工具選項(xiàng)欄中的“自動(dòng)選擇”選項(xiàng)，在下拉列表中選擇“圖層”，按住Alt鍵向右拖拽圖像進(jìn)行復(fù)制：

10、使用移動(dòng)工具單擊第一個(gè)頭像，將其選取，按下D鍵恢復(fù)系統(tǒng)默認(rèn)的前景色與背景色，執(zhí)行濾鏡，濾鏡庫(kù)，扭曲，擴(kuò)散亮光命令：

11、選擇第二個(gè)頭像，用前面的方法，通過(guò)可選顏色與曲線命令進(jìn)行調(diào)色，雙擊該圖層，打開(kāi)圖層樣式對(duì)話框，將描邊大小設(shè)置為3像素，描邊顏色為洋紅色：

12、選擇第三個(gè)頭像，執(zhí)行，圖像，調(diào)整，去色命令，按下Ctrl+M快捷鍵進(jìn)行曲線調(diào)整，將人像調(diào)亮：

13、選擇第四個(gè)頭像，按下Ctrl+J快捷鍵復(fù)制該圖層，雙擊復(fù)制后的圖層，打開(kāi)圖層樣式對(duì)話框，設(shè)置混合模式為正片疊底，取消G通道的勾選，效果如圖：

14、新建一個(gè)圖層，選擇直線工具，按住Shift鍵繪制一條直線，將該圖層向下調(diào)整，移動(dòng)到人像后面，在人像與透明玻璃之間繪制一條水平分隔線：

15、選擇一套比較簡(jiǎn)潔以線條為主的圖標(biāo)素材文件，置入到當(dāng)前文檔中：

16、選擇橫排文字工具，在畫(huà)面中單擊，輸入文字，通過(guò)插入空格增加詞間距，在字符“阿寶色”上面拖動(dòng)鼠標(biāo)，將其選取，修改顏色為洋紅色。再輸入界面的其他文字：

17、隱藏背景圖層，鼠標(biāo)選中頂層圖層，按下快捷鍵Ctrl+Shift+Alt+E蓋印所有可見(jiàn)圖層，再按下Ctrl+T快捷鍵顯示定界框，先調(diào)整圖像角度，再按住Ctrl鍵分別拖拽圖像的四角， 進(jìn)行透視變換：

18、將背景素材拖入界面文檔中，創(chuàng)建漸變調(diào)整圖層，選擇“藍(lán)紅黃漸變”，設(shè)置該圖層的混合模式為濾色，不透明度為72%，在手機(jī)上涂抹黑色，以減弱這部分漸變顏色的影響：

19、創(chuàng)建色階調(diào)整圖層，適當(dāng)調(diào)整亮部并加深中間調(diào)，輸入文字。

完成：

搜索公眾號(hào)photoshop教程論壇，免費(fèi)領(lǐng)取自學(xué)福利

相信同學(xué)們通過(guò)練習(xí)可以很快學(xué)會(huì)并且打造屬于自己的個(gè)性化手機(jī)界面，具體通過(guò)教程來(lái)學(xué)習(xí)一下吧，相信你可以制作的更好。