恒玖 发表于 2015-3-3 00:27:43

教你设计扁平化风格雷达图标

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

       
http://pic.16xx8.com/allimg/150216/2139414a6-0.jpg
提示:教程详细步骤在二楼!想下载该教程的可以到这里下载:点击进入下载页教程编号:136670 作者:设计派小温 出处:shejipai

恒玖 发表于 2015-3-3 00:27:43



        行星图标

        第1步

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

       
http://pic.16xx8.com/allimg/150216/213941FJ-1.jpg

恒玖 发表于 2015-3-3 00:27:43



        第2步

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

       
http://pic.16xx8.com/allimg/150216/2139416104-2.jpg

恒玖 发表于 2015-3-3 00:27:43



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

       
http://pic.16xx8.com/allimg/150216/213941O21-3.jpg

恒玖 发表于 2015-3-3 00:27:43



        第3步

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

       
http://pic.16xx8.com/allimg/150216/2139414440-4.jpg

恒玖 发表于 2015-3-3 00:27:43



        第4步

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

       
http://pic.16xx8.com/allimg/150216/2139413340-5.jpg

恒玖 发表于 2015-3-3 00:27:43



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

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

       
http://pic.16xx8.com/allimg/150216/2139411X8-6.jpg

恒玖 发表于 2015-3-3 00:27:43



        第5步

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

       
http://pic.16xx8.com/allimg/150216/2139415a9-7.jpg

恒玖 发表于 2015-3-3 00:27:43



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

       
http://pic.16xx8.com/allimg/150216/2139412010-8.jpg

恒玖 发表于 2015-3-3 00:27:43



        第6步

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

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

       
http://pic.16xx8.com/allimg/150216/2139415531-9.jpg

恒玖 发表于 2015-3-3 00:27:43



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

       
http://pic.16xx8.com/allimg/150216/213941DD-10.jpg

恒玖 发表于 2015-3-3 00:27:43



        雷达

        第1步

        先绘制一个黑色的圆形。

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

       
http://pic.16xx8.com/allimg/150216/2139413601-11.jpg

恒玖 发表于 2015-3-3 00:27:43



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

       
http://pic.16xx8.com/allimg/150216/2139413512-12.jpg

恒玖 发表于 2015-3-3 00:27:43



        第2步

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

       
http://pic.16xx8.com/allimg/150216/2139412C2-13.jpg

恒玖 发表于 2015-3-3 00:27:43



        第3步

        让我们把天线升起来吧!

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

       
http://pic.16xx8.com/allimg/150216/2139413Q2-14.jpg
页: [1] 2
查看完整版本: 教你设计扁平化风格雷达图标