Photoshop设计扁平化风格的雷达图标

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:shejipai

关键词

今天是天空图标uimaker.com/uimakerhtml/uistudy/">教程系列的后两集,自从上一次我们的小火箭发射后,今天终于来到了外太空,找到了它的小伙伴,行星和雷达,今天的教程是搞定这两个,过程重绘制思路,挑操作重点,简洁明了,适合有基础的同学练手。

先看看效果图

Photoshop设计扁平化风格的雷达图标

行星图标

第1步:首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具,,星球上方绘制很多不同颜色的方框,让它们的颜色和宽度都不尽相同。你可以将这些方框编组并进行旋转,这样会显得更真实。

Photoshop设计扁平化风格的雷达图标

第2步:现在我们来去掉方框不需要的部分选择圆形所在的图层,选择椭圆工具并在图标上右击,在弹出的菜单中选择“创建选区”,然后在弹出的对话框中点击确定,选项都保持默认即可。

Photoshop设计扁平化风格的雷达图标

然后,选择这些矩形所在的组并单击图层面板下方的图层蒙版按钮,将不需要的部分隐藏起来。

Photoshop设计扁平化风格的雷达图标

 收藏