ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4693|回复: 16
收起左侧

[按钮图标] 教你设计扁平化风格雷达图标

[复制链接]
发表于 2015-3-3 00:27:43 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

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

       

提示:教程详细步骤在二楼!
想下载该教程的可以到这里下载:点击进入下载页
教程编号:136670 作者:设计派小温 出处:shejipai
 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


        行星图标

        第1步

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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


        第2步

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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


        第3步

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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


        第4步

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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


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

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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


        第5步

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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


        第6步

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

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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


        雷达

        第1步

        先绘制一个黑色的圆形。

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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


        第2步

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

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-3 00:27:43 | 显示全部楼层


        第3步

        让我们把天线升起来吧!

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

       

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-5-12 16:09 , Processed in 0.046689 second(s), 9 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表