當前位置:首頁>ps實例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

ps鼠繪蘋果4S手機教程(5)

來源:PS夢工場 作者:南辰翻譯 學(xué)習(xí):11556人次

眾屌絲們,還在為手中的山寨機難以為情嗎?還在為滿大街的iPhone而耿耿于懷嗎?不要緊,PS在手,一切擁有,今天就帶大家用PS創(chuàng)建一個iPhone,眾屌絲們快來YY一下吧。

先看看效果圖

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第1步:

打開Photoshop,Ctrl+N新建文件。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第2步:

利用圓角矩形工具創(chuàng)建出iPhone的輪廓。這里我使用的圓角為50px。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第3步:

為iPhone添加圖層樣式如下。先添加外發(fā)光,然后進行描邊。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第4步:

在iPhone的頂部及左右兩側(cè)創(chuàng)建顏色為#52524e的矩形。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第5步:

繼續(xù)利用圓角矩形工具在iPhone中創(chuàng)建半徑為50px的圓角矩形。填充為黑色。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

 

然后為其添加圖層樣式。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第6步:

利用圓角矩形工具在手機左側(cè)創(chuàng)建按鈕,半徑選擇2px。并雙擊圖層,為其添加漸變及描邊樣式。將此按鈕圖層置于手機圖層下方。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

漸變色值如下。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

添加描邊。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第7步:

在按鈕下方再創(chuàng)建一個小按鈕,并添加漸變及描邊樣式。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第8步:

繼續(xù)在頂部創(chuàng)建開機按鈕,并添加圖層樣式。這次注意漸變的角度為0度。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第9步:

將左側(cè)的按鈕按住Alt鍵向下拖動復(fù)制出另一個,擺放到合適位置。然后按Ctrl鍵點擊第5步創(chuàng)建的圓角矩形圖層的縮略圖,建立選區(qū)。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

執(zhí)行菜單選擇>修改>收縮,將選區(qū)收縮3px。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第10步:

利用多邊形套索工具,按住Alt鍵將左半部分選區(qū)減去,剩下如下圖所示的類三角區(qū)域。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第11步:

在最上方新建圖層,填充成白色。然后將其填充度設(shè)置為0,雙擊圖層為其添加漸變疊加。此時屏幕的高光便制作出來了。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第12步:

Ctrl+N新建一個100×100px的畫布。建立水平、垂直的居中參考線。用矩形工具按住Shift鍵在左上角與右下角創(chuàng)建出黑色方塊。按住Alt鍵雙擊背景圖層,刪除掉。然后執(zhí)行菜單編輯>自定義圖案,將我們做好的圖案保存起來。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

 

第13步:

接下來我們開始攝像頭的創(chuàng)建。在手機上部利用橢圓工具按住Shift鍵創(chuàng)建出一個正圓形。并添加漸變疊加樣式。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

繼續(xù)用橢圓工具創(chuàng)建一個更小的圓形,為其添加徑向漸變。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第14步:

下面來創(chuàng)建聽筒。利用圓角矩形工具,圓角半徑選擇30px,創(chuàng)建如下圖形狀。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

繼續(xù)為其添加圖層樣式。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

此時我們保存的圖案該上場了。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

再添加個描邊。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第15步:

接下來創(chuàng)建Home鍵。利用橢圓工具按住Shift鍵創(chuàng)建出正圓形,并為其添加漸變疊加。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

利用圓角矩形創(chuàng)建出Home鍵上的圖標。將填充度設(shè)置為0,并添加描邊樣式。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第16步:

將屏幕素材文件拖入文檔中,調(diào)整好大小與位置。

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

第17步:

再為手機創(chuàng)建倒影與背景即可。屌絲神器便創(chuàng)建完成了。你做出來了嗎?艾特給你心目中的女神吧~

Photoshop繪制逼真的蘋果4S手機教程,PS教程,16xx8.com教程網(wǎng)

 

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

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

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

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