PS进阶教程!手把手教你绘制扁平风行星与雷达图标 - 优设网 - UISDC

PS进阶教程!手把手教你绘制扁平风行星与雷达图标

2015/02/15 16981评论区

photoshop-planet-radar-icon-1

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

行星图标

第1步

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

17-space-flat-icons-photoshop-saturn

第2步

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

18-space-flat-icons-photoshop-saturn

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

19-space-flat-icons-photoshop-saturn

第3步

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

20-space-flat-icons-photoshop-saturn

第4步

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

21-space-flat-icons-photoshop-saturn

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

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

22-space-flat-icons-photoshop-saturn

第5步

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

23-space-flat-icons-photoshop-saturn

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

24-space-flat-icons-photoshop-saturn

第6步

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

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

25-space-flat-icons-photoshop-saturn

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

25a-space-flat-icons-photoshop-saturn

雷达

第1步

先绘制一个黑色的圆形。

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

26-space-flat-icons-photoshop-antenna

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

27-space-flat-icons-photoshop-antenna

第2步

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

28-space-flat-icons-photoshop-antenna

第3步

让我们把天线升起来吧!

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

29-space-flat-icons-photoshop-antenna

第4步

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

30-space-flat-icons-photoshop-antenna

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

【能搞定的同学给你送点福利】

千万千万低调收藏马克:
《强烈推荐:90%的人都不知道的电影资源下载站》

边放松边提高审美的电影大片:
《看电影涨姿势!有哪些电影适合推荐给学艺术的人看?》
《看电影涨姿势!哪些电影适合推荐给学艺术的人看?(二)》

原文地址:tutplus
译文地址:shejipai
译者:设计派小温

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网www.ag88.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量90万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.www.jrqcfn630.cn
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗?添加优设哥微信号:youshege

chat-yinliu-pic

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.jrqcfn630.cn/photoshop-planet-radar-icon

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师 版式设计 扁平化设计 交互设计师 界面设计 排版布局 优设专访 职场 优设大课堂 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里