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

效果圖：

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

操作步驟：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

完成：

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

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