步驟:
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ù):
[圖片上傳中税手。。稠鼻。(11)]
參數(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è)最簡(jiǎn)單的思路绞愚,用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%憨愉。完工!
來源:知乎