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

lalalalal爱

lalalalal爱

2016-02-15 22:00

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享Photoshop设计扁平化风格的雷达图标的教程,热爱PS的朋友们快点看过来吧!

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

先看看效果图

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

行星图标

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

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

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

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

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

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

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

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

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

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

第5步:在红色的图层上右击并选择创建选区,选择选择翻转选区命令。

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

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

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

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

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

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

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

雷达

先看看效果图

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

第1步:先绘制一个黑色的圆形。

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

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

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

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

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

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

第3步:让我们把天线升起来吧,选择所有的图层然后将它们做旋转。然后再做基架。现在对于你来说,做这样的图形应该不是难事了吧!

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

第4步:不用我说了吧,长投影和小星星。

Photoshop设计扁平化风格的雷达图标,PS教程,图老师教程网

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

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop设计扁平化风格的火箭图标

PS PS基础
Photoshop设计扁平化风格的火箭图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop设计扁平化风格的铅笔软件图标

PS PS基础
Photoshop设计扁平化风格的铅笔软件图标

Photoshop设计扁平化播放图标

设计
Photoshop设计扁平化播放图标

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop绘制扁平化风格软件图标教程

PS PS基础
Photoshop绘制扁平化风格软件图标教程

Photoshop设计IOS7风格的扁平化图标

PS PS基础
Photoshop设计IOS7风格的扁平化图标

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop详细解析基础形状使用技巧

Photoshop详细解析基础形状使用技巧

Photoshop把数码照片转矢量风格人像效果

Photoshop把数码照片转矢量风格人像效果
下拉加载更多内容 ↓