APP展示图,教你怎么用PS制作APP的界面图片(3)

来源:知乎 作者:tesy E 学习:85727人次

然后,在最后一个图层上设置一个投影

APP展示图,教你怎么用PS制作APP的界面图片_www.16xx8.com

然后,在最后一个图层上设置一个投影,参数自行解决。

APP展示图,教你怎么用PS制作APP的界面图片_www.16xx8.com

最后调整下整体环境。

APP展示图,教你怎么用PS制作APP的界面图片_www.16xx8.com

完工!

以上的好处便是使用了智能对象,它可以让你想展示的界面可以随意替换。

如需展示多个界面的效果,只要多拖进几次那个PSD,然后平面排好后,统一调整透视效果。

当然表现的手法很多,以上只是一种。

比如,也可以再建好的大画布上,画一个矩形的尺寸为640×1136,然后转成智能对象,再双击智能对象,进入调整。

附上@正越升 同学的方法,原理相同,细节上处理更加丰富。

一个效果有千万种实现的办法,在这里只提供一个最简单的思路,用PS纯做。

一、扭曲&旋转

导入界面图,然后编辑-扭曲,再旋转,做到如下效果:

APP展示图,教你怎么用PS制作APP的界面图片_www.16xx8.com
二、制作厚度

这一步最关键,选中界面图层,[Ctrl+Alt+T],然后按一下方向键[↑],再按回车。这样就复制了一个图层,并且新的图层在原来基础上往上移动一个像素。

来了,狂按[Ctrl+Alt+Shift+T],这是重复之前的变换操作,这样就会复制出很多个图层,每一个都在之前基础上往上移动一个像素。从而做出厚度效果。

APP展示图,教你怎么用PS制作APP的界面图片_www.16xx8.com
三、改变亮度

保留最上面那个图层,将其他所有界面的图层,合并成一个图层,命名为[厚度]。

APP展示图,教你怎么用PS制作APP的界面图片_www.16xx8.com

然后选中[厚度]图层,使用矩形选框工具+[图像-调整-亮度对比度],对厚度的左边面和右边面分别进行降低亮度20和50处理。

APP展示图,教你怎么用PS制作APP的界面图片_www.16xx8.com
APP展示图,教你怎么用PS制作APP的界面图片_www.16xx8.com
四、阴影

复制[app]图层,改变图层顺序到[厚度]下面,然后使用[高斯模糊]+颜色叠加为黑色+改变不透明度为30%。完工!

APP展示图,教你怎么用PS制作APP的界面图片_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
qq8717074742017-08-31 06:11
d
够不够久情2017-05-27 06:06
很好,顶一下老师
够不够久情2017-05-27 06:06
很好,顶一下老师
金牛雷霆哥2017-05-27 06:03
很好,顶一下楼主
金牛雷霆哥2017-05-27 06:03
很好,顶一下楼主
武宁小草2017-05-27 02:48
做的不好
武宁小草2017-05-27 02:48
做的不好
潜心习字2017-05-27 10:41
太菜了
潜心习字2017-05-27 10:41
太菜了
刀枪不入小郝2017-05-27 10:40
好棒!
刀枪不入小郝2017-05-27 10:40
好棒!
烧饼的不是我2017-05-27 04:39
顶上
烧饼的不是我2017-05-27 04:39
顶上
愛归期未有期72017-05-27 04:19
T_T
愛归期未有期72017-05-27 04:19
T_T

关注大神微博加入>>

网友求助,请回答!