UI设计,设计有立体感的手机APP UI展示模板(2)

来源:站酷 作者:ygnh789 学习:20249人次

 

下面我们ctrl+t然后右键选择斜切,拖动锚点将另一边重合

 

UI设计,设计有立体感的手机APP UI展示模板_www.16xx8.com
UI设计,设计有立体感的手机APP UI展示模板_www.16xx8.com


然后将另一点也拖动使上面的边重合,然后我们继续调整这两点将自己的图片与画好的形状完全重合

(斜切时一定要向同一个方向切,不要乱拉鼠标,既难操作又容易变形严重)

 

UI设计,设计有立体感的手机APP UI展示模板_www.16xx8.com
UI设计,设计有立体感的手机APP UI展示模板_www.16xx8.com

 

切好后回车得到我们的图片,然后将该层复制一层,并将复制好的层下移一个像素即可

 

UI设计,设计有立体感的手机APP UI展示模板_www.16xx8.com

按照同样的步骤,都是复制新的图层,然后将新的图层下移一个像素,我们这里复制了四层,这样图片就看起来有了厚度感

 

UI设计,设计有立体感的手机APP UI展示模板_www.16xx8.com

下面我们要为它增加阴影来制造空间立体感

选择第一个图层,也就是最上面的界面图层,双击打开图层样式,为它添加一个距离和大小为20的投影,不透明度选择50%

 

 

UI设计,设计有立体感的手机APP UI展示模板_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
风清月独隐2017-04-02 01:59
先栅格化,然后智能对象就可以了
NelsonMuntzHAHA2017-03-09 09:48
我想知道 这样放进去的图片会失真 怎么弄
彭方涛2016-12-05 08:47
这个教程 有些素描 、结构 都有点问题
会飞的猫2016-08-10 11:47
嘿嘿,挺喜欢这个网站 的
12016-03-28 11:20
:razz:

关注大神微博加入>>

网友求助,请回答!