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

來源:站酷 作者:ygnh789 學(xué)習(xí):20249人次

 

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

 

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


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

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

 

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

 

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

 

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

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

 

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

下面我們要為它增加陰影來制造空間立體感

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

 

 

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

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

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

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

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