添加icon_送你一个教学视频和N个图标,1小时学会画icon

不知道有没有小伙伴对UI设计感兴趣,肯定很多小伙伴觉得UI很高大上。今天,老师就手把手教你制作一个icon,轻松入门UI设计。赶快跟紧老师的步伐

683f1ec960e11dd3e3b2b9d625e9829f.png

1、打开PS,新建一个背景图层,双击图层解锁。调一个合适的前景色,按住Alt+Delete,为图层填充一下前景色。

0e3e9551ff82bd1fce9553144e7f0c4e.png

2、使用椭圆工具(U)绘制一个圆形,直接选择工具(A)分别横排和竖排的点,右键—自由变换点,宽、高分别缩小到80%,就会出现下图中的图形啦。

e31fcda6953b9220e0926bff4dd85d65.png
22aa81df2f2f77155ad984455d327b47.png
fc67678d523bbc7282109d26db31ce90.png
63b4f5907b9a53539f46a4091fe077ce.png

3、画好形状之后,我们就要为给圆角矩形添加一些效果,如斜面浮雕、内阴影、光泽、渐变叠加、投影图层样式,让它看上去更立体,更有质感。

4c96c4a41497bc67d0954143caf7293d.png
74ca01fabc932baa2099aeba6af8e91c.png

参数如图,老师都帮你截图下来了哦:

ca4069488726f06175a87bd393e12f49.png
e43f96c01c6e7e93bdcadb510d6875a4.png
bee6d5b195dfee8589d2c0840b9517aa.png
d9013ce9895f08b2ce412f79af31d757.png
d9013ce9895f08b2ce412f79af31d757.png
f3d6aa3a3a8e424021cfca18dd386ff7.png

4、椭圆工具(U)+Shift绘制正圆,为圆形添加斜面浮雕、渐变叠加图层样式,图形会更有立体感和层次感。

fc72784951490defd7daddc6bdeb80e3.png
d1fbd16d1d5c30ced5fa1136343c513a.png

参数如图:

ce2e981a68388a01607ba278c10ff04e.png
eb672ab6ff0330b3ee6d109626b82c72.png

5、复制图层(Ctrl+J),Ctrl+T等比例缩小一些(Shift+Alt+鼠标拖拽),将图层不透明度调为20%。

86bca2163d7d80c892b0ac4f1a59365e.png

6、复制图层(Ctrl+J),Ctrl+T再缩小一些(Shift+Alt+鼠标拖拽)。

af00ff2c4d2ec8b7a3ec5cb9a033570f.png

7、再次复制图层(Ctrl+J),Ctrl+T缩小一些(Shift+Alt+鼠标拖拽),添加内阴影、渐变叠加图层样式。

86a6f11a0a20ff9a01d713a8597fde7b.png
ba3a2b8bf7ad470c2fde7c7eadd5f2b2.png

参数如下:

4b0a89df8a1f590a118d65df3cdde8fd.png
2aac09836885fd6e2f7915a6f48b0a19.png
6060615234ef062b75b53294a74da8ad.png

8、再次复制图层(Ctrl+J),Ctrl+T缩小(Shift+Alt+鼠标拖拽),添加投影图层样式。

4f94a17c290b42d94049387f1f375fa9.png
463a80f9e6271089107b46c13c24c040.png

参数如下:

4da3b4abfc1282a3e1e536495bc404ff.png

9、再次复制图层(Ctrl+J),Ctrl+T缩小一些(Shift+Alt+鼠标拖拽),添加描边、颜色叠加图层样式。

cf5a3ddc29022a7e9d6b37896779704b.png
cf2753bfa91433d21e980bcf0c07fe22.png

参数如下:

7071a94675d913c88be3c9627531490f.png
4867eebbbb1ee4d16615e13974915be2.png

10、文字工具(T)输入文字,随意输入一个数字。整个icon就制作完成啦,是不是没有想象的这么难呢。

dbd0898309cb8efa22fe27c54d2f31f2.png

教程看完了,你学会了吗?没有学会也没关系。阿米为你准备了一份视频教学课程+课堂素材+N个图标素材,手把手教你学会画icon。不止有有教程,还有干货哦↓↓↓

b48075537f2e630fae15b8b1b21a4310.png
3d3935bac94fa3013b5a23a7be28e991.png

​想要教学视频和素材的同学S我哦,或在下方评论区留言。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值