当前位置:首页 > PS教程 > 网页设计

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

  • 2022-12-24 19:12:49
  • 来源/作者:互联网/佚名
  • 己被围观

本文是教你制作有厚度感和立体感觉的UI展示模板,虽然一般这种效果用3D软件做比较好,但是并不是所有设计爱好者都会用,而且有些展示效果要求可能不需要那么高,所以我们今天就简单用PS来打造这种效果。

 

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

 

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


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

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

 

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

 

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

 

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

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

 

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

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

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

 

 

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

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条