當(dāng)前位置:首頁(yè)>ps實(shí)例教程>ps制作實(shí)例>背景壁紙>教程內(nèi)容

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面(4)

來(lái)源:公眾號(hào) 作者:愛(ài)知趣教育 學(xué)習(xí):1860人次

本篇教程通過(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í)一下。

效果圖:

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn搜索公眾號(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)建矩形:

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

3、打開(kāi)人物素材文件,拖入當(dāng)前文檔中,按下Alt+Ctrl+G快捷鍵創(chuàng)建剪貼蒙版http://theoat.com.cn/tags/38847/

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn

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

完成:

壁紙教程,在ps中打造個(gè)性十足的手機(jī)壁紙界面_theoat.com.cn搜索公眾號(hào)photoshop教程論壇,免費(fèi)領(lǐng)取自學(xué)福利

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

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!