UI設(shè)計(jì)，設(shè)計(jì)有立體感的手機(jī)APP UI展示模板(2)

來(lái)源：站酷 作者：ygnh789 學(xué)習(xí)：20249人次

 

下面我們ctrl+t然后右鍵選擇斜切，拖動(dòng)錨點(diǎn)將另一邊重合

 

UI設(shè)計(jì)，設(shè)計(jì)有立體感的手機(jī)APP UI展示模板_www.tgudhdp.cn
UI設(shè)計(jì)，設(shè)計(jì)有立體感的手機(jī)APP UI展示模板_www.tgudhdp.cn


然后將另一點(diǎn)也拖動(dòng)使上面的邊重合，然后我們繼續(xù)調(diào)整這兩點(diǎn)將自己的圖片與畫好的形狀完全重合

（斜切時(shí)一定要向同一個(gè)方向切，不要亂拉鼠標(biāo)，既難操作又容易變形嚴(yán)重）

 

UI設(shè)計(jì)，設(shè)計(jì)有立體感的手機(jī)APP UI展示模板_www.tgudhdp.cn
UI設(shè)計(jì)，設(shè)計(jì)有立體感的手機(jī)APP UI展示模板_www.tgudhdp.cn

 

切好后回車得到我們的圖片，然后將該層復(fù)制一層，并將復(fù)制好的層下移一個(gè)像素即可

 

UI設(shè)計(jì)，設(shè)計(jì)有立體感的手機(jī)APP UI展示模板_www.tgudhdp.cn

按照同樣的步驟，都是復(fù)制新的圖層，然后將新的圖層下移一個(gè)像素，我們這里復(fù)制了四層，這樣圖片就看起來(lái)有了厚度感

 

UI設(shè)計(jì)，設(shè)計(jì)有立體感的手機(jī)APP UI展示模板_www.tgudhdp.cn

下面我們要為它增加陰影來(lái)制造空間立體感

選擇第一個(gè)圖層，也就是最上面的界面圖層，雙擊打開圖層樣式，為它添加一個(gè)距離和大小為20的投影，不透明度選擇50%

 

 

UI設(shè)計(jì)，設(shè)計(jì)有立體感的手機(jī)APP UI展示模板_www.tgudhdp.cn

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

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時(shí)，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問(wèn)：新手求助
  • 加官方微信，隨時(shí)隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
風(fēng)清月獨(dú)隱2017-04-02 01:59
先柵格化，然后智能對(duì)象就可以了
NelsonMuntzHAHA2017-03-09 09:48
我想知道 這樣放進(jìn)去的圖片會(huì)失真 怎么弄
彭方濤2016-12-05 08:47
這個(gè)教程　有些素描　、結(jié)構(gòu)　都有點(diǎn)問(wèn)題
會(huì)飛的貓2016-08-10 11:47
嘿嘿，挺喜歡這個(gè)網(wǎng)站 的
12016-03-28 11:20
:razz:

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

網(wǎng)友求助，請(qǐng)回答！