欧美成人午夜免费全部完,亚洲午夜福利精品久久,а√最新版在线天堂,另类亚洲综合区图片小说区,亚洲欧美日韩精品色xxx

UI設(shè)計(jì)之教你怎么用PS制作APP的界面圖片

2018-02-28 13:11:17 10818瀏覽

今天就教大家怎么做出這種厚度的地方還不是白色的，而是根據(jù)界面內(nèi)容交相呼應(yīng)的圖案的APP界面展示圖片。

以蘋果5S的尺寸為例。

步驟：

1、新建一個(gè)畫布尺寸為：640*1136，然后保存，命名如：5S效果圖模板

2、再新建一個(gè)畫布，命名如：效果圖展現(xiàn)

2、再新建一個(gè)畫布，命名如：效果圖展現(xiàn)

尺寸隨意，可以大點(diǎn)，自己看情況吧。

3、將剛才保存的那個(gè)5S效果圖模板.psd拖到這個(gè)畫布中。

Ctrl+T變換到合適的尺寸，傾斜到合適的透視效果。

4、然后雙擊”5S效果圖模板”這個(gè)圖層。

這就是智能對(duì)象的好處。

跳到這個(gè)畫面后

拖入你想要做的界面：

圖片來自Dribbble：Dribbble – GIF for the Timeline App by Sergey Valiukh

然后保存：Command（Ctrl）+ S，關(guān)閉：Command（Ctrl）+ W

5、回到這個(gè)展示頁面

注：這兒忽略了一步，把剛才保存的圖層拖過來。同學(xué)們應(yīng)該都懂吧 – -

復(fù)制一個(gè)圖層：

按住Option（Alt）+ 鼠標(biāo)左鍵拖動(dòng)圖層往下拽，或者Command（Ctrl）+J，選下面的一個(gè)圖層，雙擊圖層進(jìn)入圖層樣式，選擇斜面和浮雕，設(shè)置一下參數(shù)：

參數(shù)自行調(diào)整，其中，陰影角度45°可隨大環(huán)境光線可根據(jù)情況自行調(diào)整，陰影模式透明度隨意，自己看情況調(diào)整。

6、然后，從第二個(gè)圖層開始連續(xù)復(fù)制多個(gè)該圖層，每復(fù)制的一個(gè)圖層都在上一個(gè)圖層的下方，每復(fù)制一個(gè)圖層都往下移一個(gè)像素，按住option（Alt）+鼠標(biāo)左鍵拖動(dòng)圖層往下拽，可使用鍵盤上的下方向鍵來控制。

然后，在最后一個(gè)圖層上設(shè)置一個(gè)投影

然后，在最后一個(gè)圖層上設(shè)置一個(gè)投影，參數(shù)自行解決。

最后調(diào)整下整體環(huán)境。

完工！

以上的好處便是使用了智能對(duì)象，它可以讓你想展示的界面可以隨意替換。

如需展示多個(gè)界面的效果，只要多拖進(jìn)幾次那個(gè)PSD，然后平面排好后，統(tǒng)一調(diào)整透視效果。

當(dāng)然表現(xiàn)的手法很多，以上只是一種。

比如，也可以再建好的大畫布上，畫一個(gè)矩形的尺寸為640×1136，然后轉(zhuǎn)成智能對(duì)象，再雙擊智能對(duì)象，進(jìn)入調(diào)整。

附上@正越升 同學(xué)的方法，原理相同，細(xì)節(jié)上處理更加豐富。

一個(gè)效果有千萬種實(shí)現(xiàn)的辦法，在這里只提供一個(gè)最簡單的思路，用PS純做。

一、扭曲&旋轉(zhuǎn)

導(dǎo)入界面圖，然后編輯-扭曲，再旋轉(zhuǎn)，做到如下效果：

二、制作厚度

這一步最關(guān)鍵，選中界面圖層，[Ctrl+Alt+T]，然后按一下方向鍵[↑]，再按回車。這樣就復(fù)制了一個(gè)圖層，并且新的圖層在原來基礎(chǔ)上往上移動(dòng)一個(gè)像素。

來了，狂按[Ctrl+Alt+Shift+T]，這是重復(fù)之前的變換操作，這樣就會(huì)復(fù)制出很多個(gè)圖層，每一個(gè)都在之前基礎(chǔ)上往上移動(dòng)一個(gè)像素。從而做出厚度效果。

三、改變亮度

保留最上面那個(gè)圖層，將其他所有界面的圖層，合并成一個(gè)圖層，命名為[厚度]。

然后選中[厚度]圖層，使用矩形選框工具+[圖像-調(diào)整-亮度對(duì)比度]，對(duì)厚度的左邊面和右邊面分別進(jìn)行降低亮度20和50處理。

復(fù)制[app]圖層，改變圖層順序到[厚度]下面，然后使用[高斯模糊]+顏色疊加為黑色+改變不透明度為30%。完工！

全教程完，如果本教程對(duì)您有所幫助，請(qǐng)關(guān)注扣丁學(xué)堂。最后想要工作不累就要不斷的提升自己的技能，請(qǐng)關(guān)注扣丁學(xué)堂UI培訓(xùn)官網(wǎng)、微信等平臺(tái)，扣丁學(xué)堂IT職業(yè)在線學(xué)習(xí)教育平臺(tái)為您提供權(quán)威的UI視頻教程系統(tǒng)，通過千鋒扣丁學(xué)堂金牌講師在線錄制UI在線視頻教程，讓你快速掌握UI從入門到精通UI設(shè)計(jì)實(shí)戰(zhàn)技能?？鄱W(xué)堂UI交互設(shè)計(jì)交流群：568096113。

【關(guān)注微信公眾號(hào)獲取更多學(xué)習(xí)資料】

查看更多關(guān)于“ui設(shè)計(jì)資訊”的相關(guān)文章>>