1. 首页 > ps教程

用ps做app界面图(ps制作app界面设计教程)

用ps做app界面图(ps制作app界面设计教程)

本文主要介绍用ps制作app界面图(ps制作app界面设计),下面跟着东辰网详细了解一下吧。

今天我就来教大家怎么做一个有这个厚度的地方,不是白色的,而是一个APP界面,上面有图案,根据界面的内容相互呼应。

以苹果5S的尺寸为例。

步骤:

1.新建一张大小为640*1136的画布,然后保存,命名为:5S效果图模板。

2.创建一个新的画布,命名为:渲染。

2.创建一个新的画布,命名为:渲染。

大小是任意的,你可以把它变大,自己看。

3.拖动5S效果图模板。你刚刚保存到画布上的psd。

CtrlT变换到合适的大小,倾斜到合适的透视效果。

4.然后双击层5S效果图模板及。

这就是智能物件的优势。

跟着这张图跳。

拖动到你想做的界面:

然后保存:Command(Ctr)S和关闭:command(ctr)w。

5.返回此演示页面。

注意:这里省略了一个步骤。拖动刚刚保存的图层。学生们都应该明白

复制层:

按住Option(Al)并向下拖动图层,或Command(Ctr)J,选择下面的图层,双击图层进入图层样式,选择斜面和浮雕,并设置参数:

参数可自行调整,其中,45阴影角度可根据有环境光的情况进行调整,阴影模式透明度任意,视情况而定。

6.然后,从第二层开始连续复制多个层。每个复制的图层都在前一个图层的下方,并且每个复制的图层都向下移动一个像素。按住option(Al)的鼠标左键向下拖动层,可以使用键盘上的向下箭头键来控制。

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

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

最后,调整整体环境。

搞定了。

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

如果想展示多个界面的效果,只需要在那个PSD里拖几下,平面排列好后再统一调整透视效果即可。

当然,表现的有很多种,以上只是其中一种。

比如你也可以在大画布上画一个6401136大小的矩形,然后把它变成智能对象,再双击智能对象进入调整。

附@郑的方法原理相同,细节更丰富。

达到一种效果的方法有千万种,这里只提供一种简单的思路,用PSpure制作。

首先扭曲旋转导入接口图,然后编辑扭曲。弯曲,然后旋转,以实现以下效果:

二、生产厚度

这一步是最关键的。选择接口层,[CtrlAltT],然后单击箭头键[↑]并按Enter键。这会复制一个图层,新图层会在原来的基础上向上移动一个像素。

来,狂按[CtrlAltShiftT]就是重复前面的变换操作,这样会复制很多层,每一层都会在前一层的基础上上移一个像素。以便实现厚度效果。

第三,改变亮度

保留顶层,其他所有界面层合并为一层,命名为[thickness]。

然后选中【厚度】图层,使用矩形选框工具【图像调整亮度对比】,将厚度左右两边的亮度分别降低20和50。

第四,阴影

复制[app]图层,将图层顺序更改为[厚度]以下,然后使用[高斯模糊]颜色叠加成黑色,将不透明度更改为30%。搞定了。

今天我就来教大家怎么做一个有这个厚度的地方,不是白色的,而是一个APP界面,上面有图案,根据界面的内容相互呼应。

以苹果5S的尺寸为例。

步骤:

1.新建一张大小为640*1136的画布,然后保存,命名为:5S效果图模板。

2.创建一个新的画布,命名为:渲染。

2.创建一个新的画布,命名为:渲染。

大小是任意的,你可以把它变大,自己看。

3.拖动5S效果图模板。你刚刚保存到画布上的psd。

CtrlT变换到合适的大小,倾斜到合适的透视效果。

4.然后双击层5S效果图模板及。

这就是智能物件的优势。

跟着这张图跳。

拖动到你想做的界面:

然后保存:Command(Ctr)S和关闭:command(ctr)w。

5.返回此演示页面。

注意:这里省略了一个步骤。拖动刚刚保存的图层。学生们都应该明白

复制层:

按住Option(Al)并向下拖动图层,或Command(Ctr)J,选择下面的图层,双击图层进入图层样式,选择斜面和浮雕,并设置参数:

参数可自行调整,其中,45阴影角度可根据有环境光的情况进行调整,阴影模式透明度任意,视情况而定。

6.然后,从第二层开始连续复制多个层。每个复制的图层都在前一个图层的下方,并且每个复制的图层都向下移动一个像素。按住option(Al)的鼠标左键,向下拖动图层。使用键盘上的向下箭头键来控制。

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

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

最后,调整整体环境。

搞定了。

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

如果想展示多个界面的效果,只需要在那个PSD里拖几下,平面排列好后再统一调整透视效果即可。

当然,表现的有很多种,以上只是其中一种。

比如你也可以在大画布上画一个6401136大小的矩形,然后把它变成智能对象,再双击智能对象进入调整。

附@郑的方法原理相同,细节更丰富。

达到一种效果的方法有千万种,这里只提供一种简单的思路,用PSpure制作。

首先扭曲旋转导入界面图,然后编辑扭曲再旋转,实现如下效果:

二、生产厚度

这一步是最关键的。选择接口层,[CtrlAltT],然后单击箭头键[↑]并按Enter键。这会复制一个图层,新图层会在原来的基础上向上移动一个像素。

来,狂按[CtrlAltShiftT]就是重复前面的变换操作,这样会复制很多层,每一层都会在前一层的基础上上移一个像素。以便实现厚度效果。

第三,改变亮度

保留顶层,其他所有界面层合并为一层,命名为[thickness]。

然后选中【厚度】图层,使用矩形选框工具【图像调整亮度对比】,将厚度左右两边的亮度分别降低20和50。

第四,阴影

复制[app]图层,将图层顺序更改为[厚度]以下,然后使用[高斯模糊]颜色叠加成黑色,将不透明度更改为30%。搞定了。

了解更多用ps制作app界面图(ps制作app界面设计教)相关内容请关注东辰网。

本文由东辰网发布,不代表东辰网立场,转载联系作者并注明出处:https://www.ktwxcd.com/psjc/19524.html

留言与评论(共有 0 条评论)
   
验证码:

联系我们

在线咨询:点击这里给我发消息

微信号:vx614326601

工作日:9:30-18:30,节假日休息