公众账号

二维码 微信扫描关注

当前位置:首页 > 技术文章 > 前端设计 >

图标设计,Photoshop设计雷达主题图标实例

手把手教你绘制扁平风行星与雷达图标。扁平化设计风格,难度不大,有兴趣的同学跟着一起练习吧。效果:
图标设计,Photoshop设计雷达主题图标实例_www.uibq.com
行星图标

第1步

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

图标设计,Photoshop设计雷达主题图标实例_www.uibq.com

第2步

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

图标设计,Photoshop设计雷达主题图标实例_www.uibq.com

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

图标设计,Photoshop设计雷达主题图标实例_www.uibq.com

教程未完,请看下一页!

第3步

让我们给我们的星球增加一点光照感。将椭圆所在的图层复制一遍并将它向左和向上移动一点儿。同时选中这两个图层并保持矩形工具的选择,在顶部的菜单栏中选择交叉。将混合模式调整为筛选并将不透明度调整为40%,这样星球的左半边就有了光照感。

图标设计,Photoshop设计雷达主题图标实例_www.uibq.com

第4步

让我们开始添加星环。先绘制一个扁平的圆形然后选择减去,在原先的环内部绘制一个小一些的环。

图标设计,Photoshop设计雷达主题图标实例_www.uibq.com

我们需要去掉部分的星环,因为它们本该隐匿在行星后面。

绘制一个椭圆,覆盖住行星的上半部分和星环的一部分,这圈选的部分就是我们要隐藏的部分(在截图中,就是那个红色的圈圈)。同时选择新建立的圆形所在图层和行星轮廓所在的图层,在右键弹出的菜单中选择相交选区,在行星的上部形成一个“盖子”。

关于 商务 项目 联系 友情链接网站地图 Copyright ©-2018 UiBQ版权所有(http://www.uibq.com)