photoshop教程|UI教程|白银小图标

photoshop教程|UI教程|白银小图标

第六期 UI图标初期教程 白银小图标 |photoshop教程| (以下界面演示以Photoshop CC2018为演示工具) 【设计庶  ID:tuxdesign】 转载请注明公众号与ID 先看看效果 有兴趣的小盆友 可以 着手练习练习 毕竟光看是看不会的 你说捏 第一步:新建文件,给背景填...

第六期

UI图标初期教程

白银小图标

|photoshop教程|

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

【设计庶  ID:tuxdesign】

转载请注明公众号与ID

先看看效果

有兴趣的小盆友

可以

着手练习练习

毕竟光看是看不会的

你说捏

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

第二步:选择椭圆形状工具,拉出一个正圆,添加图层样式——渐变叠加,如图

第三步:选择多边形工具,建立如图形状图层,注意图中箭头部份设置就好了,如图

第四步:添加图层样式——渐变叠加,如图

选中多边形图层,按CTRL+J复制一个新图层,把下面的多边形图层样式去掉,向下移动,填充深色,做出带点立体感觉,如图

第五步:选择椭圆形状工具,拉一个白银正圆,添加图层样式——渐变叠加,如图

选中白色正圆图层,按CTRL+J复制一个新图层,等比例缩小,填充深色,如图

选中深色正圆图层,按CTRL+J复制一个新图层,等比例缩小,添加图层样式——渐变叠加,如图

第六步:选择钢笔工具,勾勒小图标形状,如图

添加图层样式——斜面和浮雕、身影,如图

第七步:选择圆角矩形工具,做出挂扣,如图

就是几个不同大小,不同颜色的圆角矩形组成,

上色,使用图层样式——渐变叠加,来做,方便后期换色,如果觉得颜色不好看,可以整体调整一下,做到看起来协调就行了,如图

第八步:最后添加长投影,如图

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

如果有兴趣的朋友,

可以练习一下

有不明白的地方

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

可以下载PSD原文件参考

一起学习、一起探讨

素材与PSD文件下载地址   

本期PSD文件下载地址

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

提取密码

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

【UI】

编号93

文章来源于互联网:photoshop教程|UI教程|白银小图标

0

评论0

鱼翔浅底,鹰击长空,驼走大漠
没有账号? 注册  忘记密码?