当前位置: 首页 >> 基本常识
人气推荐
photoshop教程|UI图标初级教程|第十九期
  
  来源: www.chengzipu.cn 点击:698

UI图标初始教程

钻石宝箱

| photoshop教程|

(以下界面演示了Photoshop CC2018作为演示工具)

[设计庶ID:tuxdesign]

请注明公共号码和ID

让我们先看看效果

有兴趣的小朋友

可以

开始练习

毕竟,它没有被光看到。

你说捏

第一步:创建一个新文件,用您喜欢的颜色填充背景,如图

所示

第2步:选择圆角矩形,绘制两个圆角矩形,定位位置,移除笔划,设计填充,并调整圆角大小,如图

第二步:选择上面的圆角矩形图层,ctrl + j复制一个新图层,ctrl + t缩小,放置位置,修改填充颜色,如图

第三步:选择矩形工具,绘制两个矩形,旋转它,如图

所示

步骤4:选择前三个形状图层,合并ctrl + e,选择直接选择工具,选择两个矩形图层,并执行路径操作,如图

选择剪切顶部形状,如图

所示

选择另一个矩形图层并选择剪切顶部形状,如图

所示

第5步:修改填充颜色,如图

所示

步骤6:选择椭圆形状工具,绘制椭圆,填充相应的颜色,并将其移动到紫色层下方,如图所示

第7步:选择矩形工具并绘制一个矩形,如图

所示

步骤8:选择椭圆工具,画一个圆,填充相同的颜色,覆盖矩形左侧的角落,如图

PS:您还可以执行路径操作,使用圆形切割删除矩形的角。

选择圆圈,按ctrl + j复制一个,向右调用,覆盖右角,如图

步骤9:选择并复制一个新的并移动到另一侧,如图

所示

步骤10:选择椭圆工具,绘制三个小圆圈,填充深色,如图

所示

选择底部的圆角矩形,移动到三个小圆圈的顶部,调整大小,填充暗,并修改透明度,如图

第十一步:选择圆角矩形,设置圆角参数,修改填充,如图

所示

选择椭圆工具,画一个小圆圈,填充深色,加一个钥匙孔,如图

所示

步骤12:添加投影等,如图

所示

好的,本教程已经结束了,

如果您有兴趣,

你可以练习它。

有些事我不明白。

您可以下载原始PSD文件以供参考。

欢迎添加微信公众信号[设计师舒]

一起学习和讨论

——

友情链接:
金资讯网 版权所有© www.chengzipu.cn 技术支持:金资讯网 | 网站地图