支持支付宝、微信、对公转账等多种支付方式
MBE图标是追波上MBE大神开始设计的图标风格,然后就掀起了一股时尚风潮。闲话少说先看我们要做的案例的最终效果:
在绘制之前,我们先分析并总结一下上面图标的特点:
了解了MBE分风格小图标的特点,那么下面我们就开始讲如何绘制了。
绘制工具
AI,PS SKETCH。这里就用PS来举例。
绘制步骤
1、打开PS-新建画布750*1334px(IOS设计尺寸),命名“APP引导页-web风格”,随时命名是种好习惯哦;
2、运用矩形、椭圆工具画出下图的形状图层,然后调整图层顺序和位置,并填充上颜色,描边5px,矩形圆角6px(见红箭头指示处);
3、合并上方填充颜色为蓝色的圆和圆角矩形,把下边橙色圆用小白工具减去上边部分,最后效果如下图;
4、用钢笔工具画如图的线段,然后当中添加锚点,用小白工具间隔删除点与点之间的线段,形成当中图的效果,然后复制--水平翻转--变换长度--重复刚才步骤,最后得到图三的效果;
5、在大圆顶部画一个6px白色描边的圆,在圆上添加锚点,,与第四步一样,用小白工具删除不要的线段,灯泡的高光就做好了,然后移动到合适的位置,结果参见下图;
6、加上装饰元素和切换小图标如图
7、最后加上关闭按钮和文案,一个简单的mbe风格的APP引导页就完成了
同套APP引导页欣赏
智唯网络小编还为你整理了:
《MBE的食物图标设计欣赏》
《MBE的水果图标设计欣赏》
《一组MBE风格的交通工具图标欣赏》
不仅有MBE风格图标设计欣赏,还有MBE风格图标设计教程。想知道MBE风格图标设计教程,可直接点击:MBE风格图标设计资讯,可直接跳转。本文下载,点击:10分钟绘制MBE风格APP引导页。
看了这篇文章的人还看了

- 全部评论(0)
下一篇:MBE风格图标临摹作品集
- 3359140个美食主题网页设计欣赏
- 26652网站活动Banner如何设计,才能吸引用户眼球?
- 24463优秀的海报作品设计分析总结
- 19794微信编辑器哪个强 秀米vs135测评
- 1850520个中国风网站设计欣赏
- 1743620个漂亮的政府网站设计欣赏
- 1742726款个人网站设计作品欣赏
- 1614815个高端网站设计欣赏
- 1376925个国外科技网站设计欣赏
- 135010企业网站制作中一般常见的栏目有哪些?