当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

图标设计,ps设计雷达主题图标实例(5)

来源:shejipai 作者:设计派小温 学习:5194人次

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

第1步

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

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

第2步

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

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

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

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

第3步

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

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

第4步

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

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

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

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

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

第5步

在红色的图层上右击并选择创建选区,选择“选择——翻转选区”命令。

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

然后选择星环所在图层,创建图层蒙版。

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

第6步

按照上一篇教程的方法创建长投影。

上一篇教程地址:《PS初级教程!手把手教你绘制酷炫有型的火箭图标》

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

最后,加上小星星,搞定。

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

第1步

先绘制一个黑色的圆形。

好啦,其实颜色是什么并不重要,这个圆本身不会被显示出来。在左侧绘制一个红色的矩形,将它的一半遮住。用反复介绍过的方法添加图层蒙版盖住不需要的部分。OK,现在就可以删掉黑色的圆了。

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

用更深的红色来填充半圆的下半部分,使得雷达细节更加真实。

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

第2步

让我们给我们的雷达加上天线吧。首先,使用多边形工具绘制一个三角形,然后用浅灰色填充它,缩放大小,并在顶端添加一个小球。

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

第3步

让我们把天线升起来吧!

选择所有的图层然后将它们做旋转。然后再做基架。现在对于你来说,做这样的图形应该不是难事了吧!

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

第4步

不用我说了吧,长投影和小星星。

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

很好,现在我们有了雷达,火箭和目标行星。下一节,友好的外星朋友们将会登场,请拭目以待。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
白裙妖娆2018-02-22 12:43
可以投稿吗?
雨夜珊瑚2582017-05-28 04:32
谢谢指导~
朱北YL2017-05-28 01:08
有点简单
韩sir55462017-05-28 10:53
可以投稿吗?

关注大神微博加入>>

网友求助,请回答!