photoshop教程｜UI教程｜UI设计小素材

小素材专区上

UI设计小素材

｜photoshop教程｜

（以下界面演示以Photoshop CC2018为演示工具）

【设计庶  ID：tuxdesign】

转载请注明公众号与ID

先看看效果

有兴趣的小盆友

可以

着手练习练习

毕竟光看是看不会的

你说捏

第一步：新建文件，给背景填充你喜欢的颜色，如图

第二步：选择圆角形状工具，拖拉出一个圆角矩形，调整圆角参数，去掉描边，设置填充，如图

第三步：选择椭圆形状工具，画一个没有描边的椭圆形，填充颜色，放在圆角矩形形状图层的上面，如图

第四步：选择底下的圆角矩形形状图层，ctrl+j复制一个新图层，如图

第五步：同时选中上面的两个形状图层，CTRL+E合并两全形状图层，选择直接选择工具，选中椭圆形状，进行路径操作，选择与形状路径相交，然后选择合并形状组件，如图

第六步：选择上面做好的形状图层，ctrl+j 复制一个新图层，选择下面的形状图层，ctrl+t变形，鼠标右键选择垂直翻转，再与红包封底图层底对齐，如图

第七步：修改填充颜色，选择最上面的形状图层，添加图层样式——身影，如图

第八步：选择中间形状图层，添加图层样式——斜面和浮雕，如图

第九步：选择椭圆形状工具，添加金币，如图

ctrl+j 复制一个新图层，向下压小一点，修改填充颜色，添加图层样式——斜面和浮雕，如图

第十步：选择椭圆形状工具，再拖拉一个正圆，去描边，设置填充深色，如图

添加图层样式——内阴影，投影，如图

第十一步：添加"￥"，如图

第十二步：添加相应的投影，如图

<完>

好了，本次教程到这里就结束了，

如果有兴趣的朋友，

可以练习一下

有不明白的地方

可以下载PSD原文件参考

欢迎添加公众号【设计庶】

一起学习、一起探讨

   素材与PSD文件下载地址   

本期PSD文件下载地址

https://pan.baidu.com/s/1oAqUZ38

提取密码

微信公众号中回复下面字母

【2018SC】

编号小+红+包