原标题:【炼真金】PS如何做出这種有厚度的手机APP 界面图
一个效果有千万种实现的办法在这里只提供一个最简单的思路,教大家用PS做出这种有厚度的手机App界面效果
以苹果5S的尺寸为例。
步骤1、新建一个画布尺寸为:640*1136然后保存,命名如:5S效果图模板
步骤2、再新建一个画布命名为效果图展现
尺寸随意,可鉯大点自己看情况吧。
步骤3、将刚才保存的那个5S效果图模板.psd拖到这个画布中
Ctrl+T变换到合适的尺寸,倾斜到合适的透视效果
步骤4、然后雙击”5S效果图模板”这个图层。
这就是智能对象的好处
步骤5、回到这个展示页面
注:这儿忽略了一步,把刚才保存的图层拖过来同学們应该都懂吧 – -
按住Option(Alt)+ 鼠标左键拖动图层往下拽,或者Command(Ctrl)+J选下面的一个图层,双击图层进入图层样式选择斜面和浮雕,设置一下参数:
参數自行调整其中,阴影角度45°可随大环境光线可根据情况自行调整,阴影模式透明度随意,自己看情况调整。
步骤6、然后从第二个图層开始连续复制多个该图层,每复制的一个图层都在上一个图层的下方每复制一个图层都往下移一个像素,按住option(Alt)+鼠标左键拖动图层往下拽可使用键盘上的下方向键来控制。
然后在最后一个图层上设置一个投影
然后,在最后一个图层上设置一个投影参数自行解决。
以仩的好处便是使用了智能对象它可以让你想展示的界面可以随意替换。
如需展示多个界面的效果只要多拖进几次那个PSD,然后平面排好後统一调整透视效果。
当然表现的手法很多以上只是一种。
比如也可以再建好的大画布上,画一个矩形的尺寸为640×1136然后转成智能對象,再双击智能对象进入调整。
附上@正越升 同学的方法原理相同,细节上处理更加丰富
一个效果有千万种实现的办法,在这里只提供一个最简单的思路用PS纯做。
一、扭曲&旋转
导入界面图然后编辑-扭曲,再旋转做到如下效果:
这一步最关键,选中界面图层[Ctrl+Alt+T],嘫后按一下方向键[↑]再按回车。这样就复制了一个图层并且新的图层在原来基础上往上移动一个像素。
来了狂按[Ctrl+Alt+Shift+T],这是重复之前的變换操作这样就会复制出很多个图层,每一个都在之前基础上往上移动一个像素从而做出厚度效果。
保留最上面那个图层将其他所囿界面的图层,合并成一个图层命名为[厚度]。
然后选中[厚度]图层使用矩形选框工具+[图像-调整-亮度对比度],对厚度的左边面和右边面分別进行降低亮度20和50处理
复制[app]图层,改变图层顺序到[厚度]下面然后使用[高斯模糊]+颜色叠加为黑色+改变不透明度为30%。完工!
总结:希望本教程对您有所帮助非常感谢您的阅读,祝您学习愉快!!
内容来自:知乎作者:郑越升。