1. 主页 > 设计资讯

PS制作雷达图标教程

大致看了一下,这个photoshop图标制作教程写的很详细,怎么操作都显示的很清楚。希望大家都能好好学习。 在本教程中,我们将展示一种以苹果水晶风格制作雷达图标的方法 最终结果如下:(原教程中有些步骤比较模糊,与最终源文件不一致,所以我在翻译的时候做了适当的调整。)步骤1:在Photoshop中创建新的空大小为1024×1024的白色文档 添加一个纹理背景(原作者使用了前一个教程中制作的类似布料的纹理),只要它符合整体风格 第二步:用椭圆选择工具在画布中央拖动一个500×500左右的圆 然后用黑色填充 命名圈 第三步:为了创建图标的边框,我们复制刚刚填充的圆,然后将其缩小到合适的大小以形成一个内圆,命名为inner circle 然后,在图层面板上,右键单击内圆的缩略图,并在弹出菜单上选择选择像素,以建立要立即使用的选择区域 第四步:隐藏此图层后,点击圆形图层激活,然后执行图层>:图层蒙版>:隐藏选择 这样,我们得到一个面具形式的戒指,这是我们想要制作的图标的边框 第五步:通过调整圆形图层的图层样式获得金属边框 风格应适用于投影、内部阴影、坡度和起伏以及颜色叠加 具体设置如下:A:设置软投影B:设置内阴影,注意轮廓线的调整 c:调整坡度和浮雕,达到立体金属效果,其中阴影设置下的角度、高度、光泽轮廓是关键 d:最后加上色彩叠加,达到整体色彩度 颜色是#525252 第六步:最后,得到以下结果 步骤7:此时取消隐藏内圈层 然后复制,新图层命名为小圆 在新图层上执行图层>:图层样式>:渐变叠加 用鼠标拖动渐变,使高亮区域稍微变低。具体设置和颜色值如下:第八步:在小圆上新建空白色图层,然后按ctrl键,在图层面板上点击小圆的缩略图,即可得到所选区域。接下来,使用笔刷工具在选定区域刷出按钮的高亮效果。 刷子硬度调至0%,颜色为#7a5511。流量可以尽可能小,这样可以刷几次才能得到最好的效果 该层被命名为顶层光 第九步:接下来,在边框上添加颜色,以产生反射效果 添加一个新层,并将其命名为边框灯 按住ctrl键,点击圆形图层的缩略图,得到所选区域,这是边框光图层的图层蒙版 然后按住ctrl键,点击内圆图层的缩略图,得到选择区域,用黑色填充边框光图层蒙版,最后得到一个环形蒙版 这样,我们使用笔刷在图层上制作光照效果,这样就不会超出边界区域 笔刷设置与上一步基本相同,可以根据想要的效果进行修改 第十步:接下来,我们开始在雷达盘上制作元素 首先,在图层面板上创建一个名为elements的新组,并将该组的混合模式更改为颜色细化 为了确保所有绘制的元素都在盘面,我们在这个图层映射中添加了一个图层蒙版,选择区域可以是小圆 然后开始添加雷达的坐标轴 在“元素”组中,创建一个新层并将其命名为x线 使用矩形选择工具,画一条细线并用白色填充 然后执行滤镜>:模糊>:高斯模糊,模糊值为0.5px 最后,x线图层的不透明度更改为70% 呈现轻微发光的效果 最后将x线图层复制成y线,旋转到垂直位置,这样就完成了完整的坐标轴 第11步:选择椭圆工具(U),在盘面中心拖动一个圆,将填充调整到0% 添加一个图层样式,具体设置如下:A:外部光照B:内部光照C:笔画,大小可以根据自己的喜好设置在1到3之间 第十二步:因为是矢量形状图层,所以在做了第一个圆之后,直接复制另一个圆,放大尺寸,最后得到这个效果:第十三步:坐标经纬度做好之后,我们在雷达上添加目标点。 这一步非常简单 新建一个图层,命名为spot,直接使用硬度为0%的白色笔刷,调整大小,在你喜欢的位置绘制目标点(当不透明度和流量都是100%时,你只需要用鼠标点击即可) 第14步:添加一些比例来增加图标的真实感(也可以添加其他元素,如果你熟悉雷达的话:-D) 制作方法同上坐标轴 步骤15:添加扫描线 用矩形工具(U)拉出细长的矩形条,用直接选择工具将长方体调整成扇形 然后旋转45°,放在原点。记住不要添加任何图层样式,只是一个简单的白色背景 第16步:制作拍摄的区域效果 没有什么困难,主要是控制钢笔工具绘制的形状的平滑度,以及拟合圆弧 命名为扫描区域,需要注意的是,如果图层仍然在元素图层组中,我们需要将它移出图层组,放在元素的上面,混合模式会改为颜色过滤 第17步:将填充调整到0%,然后设置图层样式,其中只有渐变填充效果。注意这里设置的不寻常的颜色细化(添加)模式。样式为角度,并检查图层对齐。如果渐变与坐标原点不匹配,请用鼠标拖动它,直到它匹配为止。 第18步:依次处理雷达盘外的黑色区域 或者用椭圆工具(U)在中心拖出一个圆,保持大小小于黑色区域 对于后面的颜色效果,首先将形状层的颜色设置为绿色,值为#24FA38 然后用小圆的选区给它加一个图层蒙版。图层命名为内边框后,设置图层样式。制作时需要根据图标大小调整选项值,否则效果会不一致 第十九步:具体风格如下:最终获得这种效果。如果不喜欢黑色边框,可以在坡度和浮雕上做调整 第20步:创建一个新的空白色图层,命名为over light,主要用于添加高光效果 用前面的方法得到小圆的选择区域,稍微上移几个像素,将选择区域放如下:步骤21:在选择区域填充白色后,将图层的填充调整为0% 然后给图层添加图层蒙版 使用图层蒙版上的图形工具(正方形+椭圆形)将选定区域与以下形状组合,然后用黑色填充它们 第22步:最后,添加一个图层样式到这个过亮图层,在渐变叠加中使用白色到透明。其他设置如图所示 您可以拖动渐变来实现最终的灯光和透明效果 第23步:合并除背景以外的所有层,得到一个名为辉光的新层。这一层的主要任务是创造一个明亮的氛围 执行滤镜>:模糊>:高斯模糊,模糊值介于12和15之间 最后,将图层的不透明度调整到50% 给小圆的选区加一个图层蒙版,这样发光区域就限定在雷达盘上了 第24步:创建一个图层组,把发光图层放进去,然后给这个图层组添加一个蒙版 使用笔刷制作几个不同大小的不可见区域,这样可以对比和增强发光效果 最后效果如下(缩小后):雷达图标源文件

本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://ffjianzhan.cn/xingyezixun/87.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息