1. 首页 > ps教程 > ui手机app设计素材(手机ui设计软件下载)

ui手机app设计素材(手机ui设计软件下载)

ui手机app设计素材(手机ui设计软件下载)

本文主要介绍ui手机app设计素材(手机ui设计软件),下面跟着东辰网详细了解一下吧。

本文就是教你做一个有厚重感和立体感的UI展示模板。虽然这种效果一般用3D软件会更好,但并不是所有的设计爱好者都会用,有些显示效果可能没有那么高,所以今天我们就简单用PS来制作这种效果。

之前搜了一下,发现网上没有这个教程,所以今天简单分享一下我的制作过程。

对于初学者参考,请大神自觉漂移!!!

首先,让我们s看一下最后的效果,忽略像素只说步骤(图片因为缩小不太清)

首先我们打开PS,因为我们站的宽度是900px,所以我新建了一个宽900高700的画布,然后随便设置一个背景色就行了,这里设置为#e0e0e0。

然后我们根据自己想要的效果在画布上画几帧,方便我们后期排版设计页面,注意近大远小,用钢笔工具画出形状,方便后续调整。我画的框架如下:

(这里当然也可以选择从网上下载素材或者直接po一张别人做的效果图作为底子,因为我们只需要这个形状)

接下来你可以导入你做好的一个界面效果图,ctrlt会把它缩小并旋转一个角度,让它和我们画的形状的一边对齐。

让sctrlt然后右键选择斜切,拖动锚点与另一边重叠。

然后拖动另一个点,使上边缘重叠,然后我们继续调整这两个点,使我们的图片与绘制的形状完全重叠。

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

剪切后,按enter键得到我们的图片,然后复制图层,将复制的图层下移一个像素。

按照同样的步骤,我们复制新图层,然后将新图层下移一个像素。我们在这里复制了四层,这样画面看起来就厚了。

接下来,我们将添加阴影,以创建一个三维空间的感觉。

选择开始层,即顶部界面层,双击打开图层样式,添加一个距离为20,不透明度为50%的投影。

效果如下,你是不是已经有立体感了?

然后我们右键点击图层复制图层样式,粘贴到底部界面图层。

这里这就是我们我有。It太神奇了。

然后我们就可以按照上面的方法一次导入制作图片,做好之后隐藏形状图层,调整界面位置。

获得最终效果

就喜欢!

你的每一次肯定都是对我的鼓励!

本文就是教大家如何制作一个有厚重感和立体感的UI展示模板。虽然这个效果一般用3D软件会更好,但不是所有的设计爱好者都会用,有些显示效果可能没那么高,所以今天我们就简化一下。单独用PS来制造这种效果。

之前搜了一下,发现网上没有这个教程,所以今天简单分享一下我的制作过程。

对于初学者参考,请大神自觉漂移!!!

首先,让我们s看一下最后的效果,忽略像素只说步骤(图片因为缩小不太清)

首先我们打开PS,因为我们站的宽度是900px,所以我新建了一个宽900高700的画布,然后随便设置一个背景色就行了,这里设置为#e0e0e0。

然后我们根据自己想要的效果在画布上画几帧,方便我们后期排版设计页面,注意近大远小,用钢笔工具画出形状,方便后续调整。我画的框架如下:

(这里当然也可以选择从网上下载素材或者直接po一张别人做的效果图作为底子,因为我们只需要这个形状)

接下来你可以导入你做好的一个界面效果图,ctrlt会把它缩小并旋转一个角度,让它和我们画的形状的一边对齐。

让sctrlt然后右键选择斜切,拖动锚点与另一边重叠。

然后拖动另一个点,使上边缘重叠,然后我们继续调整这两个点,使我们的图片与绘制的形状完全重叠。

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

剪切后,按enter键得到我们的图片,然后复制图层,将复制的图层下移一个像素。

按照同样的步骤,我们复制新图层,然后将新图层下移一个像素。我们在这里复制了四层,这样画面看起来就厚了。

接下来,我们将添加阴影,以创建一个三维空间的感觉。

选择开始层,即顶部界面层,双击打开图层样式,添加一个距离为20,不透明度为50%的投影。

效果如下,你是不是已经有立体感了?

然后我们右键点击图层复制图层样式,粘贴到底部界面图层。

这里这就是我们我有。It太神奇了。

然后我们就可以按照上面的方法一次导入制作图片,做好之后隐藏形状图层,调整界面位置。

获得最终效果

就喜欢!

你的每一次肯定都是对我的鼓励!

了解更多ui手机app设计素材(手机ui设计软件下)相关内容请关注东辰网。

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

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

联系我们

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

微信号:vx614326601

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