欢迎光临
我们一直在努力

在photoshop中绘制扁平化手机图标

扁平化是一种设计风格,常用Photoshop、Illustrator或Coreldraw软件来制作。今天来分享一个简单易学的案例:

在photoshop中绘制扁平化手机图标

 

这个案例主要运用的是选框工具组、图层和形状工具等技术。具体操作步骤为:

1、新建一个正方形文件,并填充背景色#575656:

在photoshop中绘制扁平化手机图标

 

在photoshop中绘制扁平化手机图标

 

2、新建图层,命名为"圆形背景"。添加参考线,位置分别在水平和垂直方向的中间。然后切换为椭圆工具,按住Alt+Shift键的同时,从参考线交汇的中点位置绘制正圆形,并填颜色#e94347,如下图所示,完成后按Ctrl+D取消选区。

在photoshop中绘制扁平化手机图标

 

3、新建图层,命名为"手机外壳",按住Alt+Shift键的同时,从参考线交汇的中点位置绘制正方形,并填充#2a16a6,如下图,完成后按Ctrl+D取消选区。

在photoshop中绘制扁平化手机图标

 

4、切换为矩形选框工具,并将选区运算方式选为"从选区交叉"

在photoshop中绘制扁平化手机图标

 

在垂直参考线的左侧绘制一个大于当前选区的矩形,得到下图所示区域,填充为#24148a,完成后按Ctrl+D取消选区。

在photoshop中绘制扁平化手机图标

 

5、新建图层,命名为"屏幕",用第4步相同的方法绘制屏幕,分别填充为白色和#e3e2e2:

在photoshop中绘制扁平化手机图标

 

6、新建图层,命名为"听筒口",使用圆角矩形工具,将其圆角值设为10,在手机壳上方绘制如图所示形状,绘制前注意将左上角的路径创建方式改为"路径":

在photoshop中绘制扁平化手机图标

 

7、使用Ctrl+回车,将路径转换为选区:

在photoshop中绘制扁平化手机图标

 

8、按照之前所述的方法,将选区分别填充为#e94347(浅红)和#b53235(深红),如下图:

在photoshop中绘制扁平化手机图标

 

9、用相同的方法绘制Home键,如图所示:

在photoshop中绘制扁平化手机图标

 

10、新建图层,命名为"影子",使用多边形套索工具绘制如下图所示区域,并填充#79797b:

在photoshop中绘制扁平化手机图标

 

保持影子图层的选择状态,按住Ctrl键的同时单击圆背景图层的缩略图,载中圆形选区:

在photoshop中绘制扁平化手机图标

 

使用"选择"菜单里的"反向"

在photoshop中绘制扁平化手机图标

 

此时选区框选的区域就是多余的影子部分,按下Delete键,取消选区,适当调整影子图层的透明度,得到最终效果。

在photoshop中绘制扁平化手机图标

 

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:英协网 » 在photoshop中绘制扁平化手机图标

分享到: 生成海报
avatar

热门文章

  • 评论 抢沙发

    • QQ号
    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址

    登录

    忘记密码 ?

    切换登录

    注册

    我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活