欢迎光临
我们一直在努力

在photoshop中绘制扁平化图标星辰+卫星的方法步骤

现在扁平化图标是非常流行的设计元素,已逐渐成为了一种设计风格。今天我仿照了一个常见的图案做了下图所示图标,现将制作方法跟大家分享。主要用到的技术有:选区及选区的运算、填充和图层技术。

在photoshop中绘制扁平化图标

 


一、 星辰背景制作

在photoshop中绘制扁平化图标

 

1、创建500像素x 500像素、分辨率72、背景为白色的文件,如下图。

在photoshop中绘制扁平化图标

 

2、勾选【视图】菜单中的【标尺】和【对齐】选项,如下图,使软件界面出现标尺。提示:打开标尺的快捷键是Ctrl+R。使用【移动工具】分别从水平标尺和垂直标尺中拖出两条参考线,使之分别对齐在水平中点处和垂直中点处,即下图中青蓝色的线条。

在photoshop中绘制扁平化图标

 

3、新建图层1,重命名为"背景"。使用【椭圆选框工具】。

在photoshop中绘制扁平化图标

 

4、从参考线相交点开始绘制椭圆,绘制的同时按下键盘上的【ALT】键和【Shift】键,效果如下图。提示:按下【Shift】键可帮助我们绘制正圆形;按下【ALT】键可帮助我们以起始点为圆心向外画圆。

在photoshop中绘制扁平化图标

 

5、将【前景色】设为#274b5b,使用快捷组合键【ALT+Backspace】为椭圆选区填充颜色,如下图。

在photoshop中绘制扁平化图标

 

6、新建图层,重命名为"星辰"。绘制星辰的方法有多种,这里列举两种。方法一: 使用【椭圆选区】工具,并采用【添加到选区】运算方式,在"星辰"图层上绘制大小不一的圆形,并填充为白色,如下图。

在photoshop中绘制扁平化图标

 

方法二: 将前景色设置为白色,使用【画笔】工具,通过画笔缩小快捷键【[】和放大快捷键【]】在"星辰"图层上绘制大小不一的圆点。

二、雷达图标绘制

1、为了方便管理,我们在【图层】面板创建文件夹,命名为"雷达",并在其中创建新图层,命名为"雷达主体"。

在photoshop中绘制扁平化图标

 

2、使用【椭圆工具】在画布上从中心向外创建一个大小适中的正圆形选取,切换为【矩形选区】,采用【从选区中减去】的方式,沿中线向右创建一个略大于圆形直径的正方形选区,得到一个半圆形选区。

在photoshop中绘制扁平化图标

 

3、为这个半圆形选区填充【前景色】#e60b11,如下图。

在photoshop中绘制扁平化图标

 

4、保持选区状态,再利用【矩形选框工具】和【从选区中减去】方式,将上半部分半圆去掉,得到四分之一圆形选区,将其填充颜色#9b1014,如下图。填充完毕后按【Ctrl+D】取消选区。

在photoshop中绘制扁平化图标

 

5、新建图层,命名为"中心阴影",此时图层被默认建立在"雷达"文件夹内部。在画布中心绘制大小适中的椭圆,填充#6a6965,如下图。

在photoshop中绘制扁平化图标

 

6、新建图层,命名为"中心图形",分别运用【多边形套索】和【椭圆选区】,创建下图所示图形,颜色填充为#dddddd,如下图。

在photoshop中绘制扁平化图标

 

7、在图层面板上单击"雷达"文件夹,使用【Ctrl+T】打开自由变换,调整图案的角度,如下图。提示:单击图层文件夹,可同时选择文件夹内的所有图层,达到统一修改的目的。

在photoshop中绘制扁平化图标

 

8、新建图层,命名为"底座",运用【多边形套索】工具,绘制底座,填充为#6a6965。内部的小三角形与其制作方法相同,颜色为#367594。调整它们的图层顺序,得到下图所示效果。

在photoshop中绘制扁平化图标

 

9、在"星辰"图层上方新建图层,命名为"阴影"。使用【多边形套索】工具,绘制下图所示多边形选区。提示:如果此时已不需要参考线的辅助了,可以使用组合快捷键【Ctrl+H】将参考线隐藏。再次使用该快捷键,参考线将恢复显示。

在photoshop中绘制扁平化图标

 

10、填充颜色#334048,得到下图效果。

在photoshop中绘制扁平化图标

 

11、下面我们将多余的阴影去掉。按住【Ctrl】键单击"背景"层的缩略图(如下图),可载入背景层的选区范围。

在photoshop中绘制扁平化图标

 

提示:请注意上图中"阴影"图层仍然是被选中的状态。单击"背景"层缩略图,是载入该图层选区,不影响"阴影"图层的选择状态,这对后面的操作很有用。

在photoshop中绘制扁平化图标

 

12、使用【选择】菜单中的【反向】,保持"阴影"图层的选择状态,按下键盘上的【Delete】键,就将多余的阴影删除掉了,得到最终效果。


以上就是在photoshop中绘制“星辰+雷达”图标的方法,希望对大家学习ps技术有所帮助^_^

 收藏 (0) 打赏

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

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:英协网 » 在photoshop中绘制扁平化图标星辰+卫星的方法步骤

分享到: 生成海报
avatar

热门文章

  • 评论 抢沙发

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

    登录

    忘记密码 ?

    切换登录

    注册

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