优艾设计网

相机图标,用UI制作简单的彩虹相机图标

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:小豪设计集
本篇教程通过UI制作一款简单的彩虹相机图标,制作过程比较简单,新接触UI的同学们一样可以来做一下,期间会用到图层样式来制作,整个制作完成下来会很漂亮,同学们一起来练习一下吧。

相机图标,用UI制作简单的彩虹相机图标

相机图标,用UI制作简单的彩虹相机图标

看过前面课程的同学应该知道,我们做完底部后,要一步步做投影。复制一层,填充黑色,下移20,高斯模糊15,图层不透明度25%。

相机图标,用UI制作简单的彩虹相机图标

在复制一层,高斯模糊为20,不透明度15建立剪切蒙版,因为图标是一个椭圆矩形,阴影也要擦出来图标轮廓。

相机图标,用UI制作简单的彩虹相机图标

相机图标,用UI制作简单的彩虹相机图标

4、建立一个225x225的圆形,颜色渐变

相机图标,用UI制作简单的彩虹相机图标

相机图标,用UI制作简单的彩虹相机图标

相机图标,用UI制作简单的彩虹相机图标

5、在建立一个226x226的大圆在外面我们只是做外面的轮廓,留下边缘部分

相机图标,用UI制作简单的彩虹相机图标

相机图标,用UI制作简单的彩虹相机图标

相机图标,用UI制作简单的彩虹相机图标

6、建立112x112,的中心按钮

相机图标,用UI制作简单的彩虹相机图标

混合模式做图标效果

相机图标,用UI制作简单的彩虹相机图标

相机图标,用UI制作简单的彩虹相机图标

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消