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