扁平化是一种设计风格,常用Photoshop、Illustrator或Coreldraw软件来制作。今天来分享一个简单易学的案例:
这个案例主要运用的是选框工具组、图层和形状工具等技术。具体操作步骤为:
1、新建一个正方形文件,并填充背景色#575656:
2、新建图层,命名为"圆形背景"。添加参考线,位置分别在水平和垂直方向的中间。然后切换为椭圆工具,按住Alt+Shift键的同时,从参考线交汇的中点位置绘制正圆形,并填颜色#e94347,如下图所示,完成后按Ctrl+D取消选区。
3、新建图层,命名为"手机外壳",按住Alt+Shift键的同时,从参考线交汇的中点位置绘制正方形,并填充#2a16a6,如下图,完成后按Ctrl+D取消选区。
4、切换为矩形选框工具,并将选区运算方式选为"从选区交叉"
在垂直参考线的左侧绘制一个大于当前选区的矩形,得到下图所示区域,填充为#24148a,完成后按Ctrl+D取消选区。
5、新建图层,命名为"屏幕",用第4步相同的方法绘制屏幕,分别填充为白色和#e3e2e2:
6、新建图层,命名为"听筒口",使用圆角矩形工具,将其圆角值设为10,在手机壳上方绘制如图所示形状,绘制前注意将左上角的路径创建方式改为"路径":
7、使用Ctrl+回车,将路径转换为选区:
8、按照之前所述的方法,将选区分别填充为#e94347(浅红)和#b53235(深红),如下图:
9、用相同的方法绘制Home键,如图所示:
10、新建图层,命名为"影子",使用多边形套索工具绘制如下图所示区域,并填充#79797b:
保持影子图层的选择状态,按住Ctrl键的同时单击圆背景图层的缩略图,载中圆形选区:
使用"选择"菜单里的"反向"
此时选区框选的区域就是多余的影子部分,按下Delete键,取消选区,适当调整影子图层的透明度,得到最终效果。