視頻教程

資源下載

http://pan.baidu.com/s/1pLG6oC7

詳細(xì)步驟

制作圖標(biāo)

Step 01新建一個(gè)750像素×1334像素、72像素/英寸的文檔。將前景色設(shè)置為淺黃色(R255、G255、B204)，按下Alt+Delete快捷鍵，將背景填充為淺黃色。打開(kāi)素材文件，將狀態(tài)欄拖入文檔中，如圖所示。

Step 02選擇圓角矩形工具，在畫(huà)面中單擊，打開(kāi)“創(chuàng)建圓角矩形”對(duì)話框，創(chuàng)建120像素×120像素、半徑為22像素的矩形，填充縞色(R233、G231、B210)，如圖所示。

Step 03創(chuàng)建一個(gè)圓角矩形，填充黃色(R255、G204、B0)，如圖所示。

選擇橢圓工具，按住Shift鍵創(chuàng)建一個(gè)圓形，如圖所示。

使用路徑選擇工具按住Alt+Shift鍵拖動(dòng)圓形，進(jìn)行復(fù)制，如圖所示。

Step 04創(chuàng)建一個(gè)矩形，如圖所示。

按下Ctrl+T快捷鍵顯示定界框，在圖形上單擊鼠標(biāo)右鍵，顯示快捷菜單。選擇“透視”命令，在定界框底邊上拖動(dòng)鼠標(biāo)，進(jìn)行透視調(diào)整，如圖所示，按下回車鍵確認(rèn)。

使用直接選擇工具調(diào)整右上角的錨點(diǎn)，與白色圓形邊緣對(duì)齊，如圖所示。

Step 05使用路徑選擇工具按住Alt+Shift鍵拖動(dòng)圖形，進(jìn)行復(fù)制，如圖所示。

將該形狀圖層拖至黃色圓角矩形上方，按下Alt+Ctrl+G快捷鍵創(chuàng)建剪貼蒙版，將多余的圖形隱藏，如圖所示。

Step 06用鋼筆工具繪制圖形及投影部分，如圖所示。

Step 07雙擊“圓角矩形1”圖層，打開(kāi)“圖層樣式”對(duì)話框，選擇“投影”選項(xiàng)，如圖所示。

選擇橫排文字工具，輸入“信息”，如圖所示。

在“圖層”面板中，將組成圖標(biāo)的圖層全部選取，按下Ctrl+G快捷鍵編組，命名為“信息”，如圖所示。

按下Ctrl+J快捷鍵復(fù)制該圖層組，在此基礎(chǔ)上制作其他圖標(biāo)，將樹(shù)木插圖拖入文檔中，效果如圖所示。按下Alt+Shift+Ctrl+E快捷鍵蓋印圖層，將圖像蓋印到一個(gè)新的圖層中。按下Ctrl+A快捷鍵全選，按下Ctrl+C快捷鍵復(fù)制，在制作效果圖時(shí)，會(huì)將它粘貼到手機(jī)屏幕中。

TIPS

制作圖標(biāo)時(shí)，邊緣沒(méi)有對(duì)齊到像素網(wǎng)格，就會(huì)出現(xiàn)像素模糊的情況，可以在工具與命令的設(shè)置上進(jìn)行調(diào)整。如設(shè)置圖形大小時(shí)應(yīng)盡量為偶數(shù)，不帶小數(shù)點(diǎn)；使用路徑選擇工具時(shí)，在工具選項(xiàng)欄中選中“對(duì)齊邊緣”選項(xiàng)，使矢量形狀邊緣自動(dòng)與像素網(wǎng)格對(duì)齊；首選項(xiàng)中的也有相應(yīng)的設(shè)置。按下Ctrl+K快捷鍵，打開(kāi)“首選項(xiàng)”對(duì)話框，選中“將矢量工具與變化和像素網(wǎng)格對(duì)齊”選項(xiàng)，也是起到自動(dòng)對(duì)齊像素網(wǎng)格的作用。

編輯智能對(duì)象文檔

Step 01新建一個(gè)900像素×2600像素、72像素/英寸的文檔，將背景填充淺黃色。打開(kāi)素材文件，將手機(jī)拖入文檔中，如圖所示。

在“Screen 1”圖層的圖標(biāo)上雙擊，如圖所示，打開(kāi)原文件。

按下Ctrl+V快捷鍵將圖標(biāo)粘貼到文檔中，如圖所示，通過(guò)自由變換適當(dāng)放大圖像以適合文檔。

按下Ctrl+E快捷鍵將圖層合并，如圖所示。

按下Ctrl+S快捷鍵保存，然后關(guān)閉該文件，手機(jī)屏幕圖像會(huì)更新為圖標(biāo)界面，如圖所示。

Step 02用矩形工具繪制兩個(gè)矩形，分別位于圖像上、下兩端，下方的矩形要放在手機(jī)后面，如圖所示。

將素材文檔中的樹(shù)林插圖、云朵和彩虹等圖形拖入到效果圖文檔中，輸入文字，如圖所示。

最終效果如圖所示。

TIPS

智能對(duì)象可以保留圖像的原始內(nèi)容和特性，在編輯時(shí)雙擊智能對(duì)象圖標(biāo)，可以打開(kāi)智能對(duì)象源文件進(jìn)行修改、替換內(nèi)容。然后將圖像合層，保存并關(guān)閉，智能對(duì)象所在的PSD文件會(huì)自動(dòng)更新。

總結(jié)

以上是生活随笔為你收集整理的ps绘制android手机界面界面,教程·Photoshop | 手机界面效果图展示设计的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。