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

2016-02-15 22:00 17 1 收藏

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

【 tulaoshi.com - PS 】

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

先看看效果图

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

行星图标

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

雷达

先看看效果图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160215/1564447.html

延伸阅读
标签: PS PS基础
最终效果 准备工作: 打开Photoshop,新建600 * 600的画布,其它参数默认,点确定。 方法1: 鼠标移至左侧工具栏矩形工具上,点击三角箭头切换成多边形工具。鼠标移至选项栏设置边:4,点击设置图标(齿轮),按下展开,勾选平滑拐角。 按住Shift,按住鼠标左键在画布中央绘制就可以了。 放大之后发现它的边缘是虚的像素,为了...
标签: 设计
甭管你是谁,只要你从事商业活动,都必须要有一张名片。要么你可以雇佣个设计师帮你设计名片,要么下载一些名片模版,小修小补之后,设计出自己的名片。本文将讲述利用PS打造简约、充满现代感的名片。 先看看效果图 步骤1尺寸,出血,色彩模式以及分辨率 打开PS,然后需要了解一点名片设计的知识,最重要的毫无疑问是尺寸,可参考本国名片...
标签: 平面设计
本文将传授你多样的扁平化设计风格,绝对时髦教程!读完本文,你将轻松掌握时下最热门的设计手法:) 四种风格包括:常规扁平化、长投影、投影式、渐变式。 一、常规扁平化 步骤 1: 宽度: 500px, 高度: 400px. 背景色#e8d59b. 步骤 2: 参考线设置: 垂直...
本教程主要使用Illustrator绘制扁平化风格的宝石图标,教程算是一个系列的珠宝、宝石系列的图标设计教程,挺不错的,推荐过来和图老师的朋友们一起分享学习了,下面就一起来学习吧。 我们先来看看最终的效果图吧: 使用线段工具画两根垂直交叉的直线,让它们的交点正好在正方形的中心。然后使用路径查找面板中的分割功能把正方形切成四个...
标签: Illustrator
本教程主要使用Illustrator绘制扁平化风格的宝石图标,教程算是一个系列的珠宝、宝石系列的图标设计教程,挺不错的,推荐过来和图老师的朋友们一起分享学习了,下面就一起来学习吧。 我们先来看看最终的效果图吧: 使用线段工具画两根垂直交叉的直线,让(图老师整理)它们的交点正好在正方形的中心。然后使用路径查找面板中的分割功能把正...

经验教程

395

收藏

8
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部