在日常生活中，无论是专业的设计师还是平时大家发朋友圈，修图已经成了一项人人都会的必备技能。而在专业的设计师和大众之间，是爱好者的天地。使用photoshop简单的p图或者是图片合成，也成了一些在网络自媒体方面运营所需要的本领。从这一期视频开始，将会为大家带来一些photoshop教程。这个视频是这个系列的第一个视频，属于UI设计类型。为大家画一个led灯格。
文字稿
首先第一步打开photoshop，新建一个空白的画布。画布大小可以根据自己喜好设置，推荐使用全高清分辨率。背景设置为白色，分辨率为72。
接下来，向画布中添加一个图层。这样一来就有了新建画布的背景和刚刚添加的图层，总共两个图层。在左侧工具栏中选择一个合适的颜色作为背景颜色，并把背景色填充到刚刚添加的那个图层当中。
为了让图片背景有材质感，需要给背景添加一些效果。点击滤镜，找到杂色选项，在杂色选项当中，选择添加杂色。在弹出的窗口当中根据自己的喜好添加一定比例的杂色。在添加杂色的窗口中，记得选择平均分布，勾选单色，然后点击确定。
接下来要对背景的边缘进行降低亮度的处理，也就是压暗角。
首先新建一个图层，并且把图层拖动到刚刚添加的背景图层的下方，原来的背景图层也就是空白的那一张的上方。然后将前景色设置为黑色，将黑色填充到刚刚新建的那一张图层当中。
再点击之前绘制的有杂色的背景图层，在右下角找到像日本国旗一样的小图标，点击一下，给这个图层添加蒙版。点击刚刚添加的模板，在左侧工具栏中找到画笔工具。将画笔笔头缩放到非常大，将画面缩小，然后在四周画上暗暗的效果。
接下来就是绘制图中的五个同心圆。
为了画面的对称以及圆心的准确，按下Ctrl+R调出标尺栏，并且从标尺栏上拖出两个标尺线，确定画面的中心。
选择左边的工具栏中的矩形工具，然后右击它，选择椭圆工具。将鼠标对准两条标示线的主焦点处，也就是画面的中心，点击一下左键，在弹出的创建椭圆窗口中，将宽度和高度设置成你所希望的圆的直径的长度，这里我选择的是700像素。然后勾选从中心，再点击确定。在画面上你就可以看到刚刚绘制的一个圆，它的圆心就是画面的中心。
刚刚画出的圆是一个黑色的纯黑的圆，选中右侧图层列表中椭圆的图层，找到上方不透明度，适当降低。
双击椭圆图层。在弹出的图层样式窗口中，点击内阴影选项。混合模式选择正片叠底，颜色选择黑色，不透明度适当调整，角度选择90度，使用全局光，距离、阻塞和大小根据自己的爱好，适当调整。在内应添加之后，选择投影，再添加一个投影效果，混合模式选择滤色，颜色选择白色，透明度选择自己喜欢的即可，角度不用管它，使用全局光会自动调整，然后选择合适的距离扩展和大小，点击确定。
到现在为止，背景和那一个巨大的圆坑已经绘制完成。
同样的方法，再画一个圆形。这个圆形的直径比前一个圆少少一点即可。在画好这个圆之后，从窗口的菜单栏下方一行中，找到一个正方形按钮，点击它选择，减去顶层形状。如果选择之后画面出现了变化，请记得撤销一步，然后再继续操作。
接下来会是第三个同心圆，画一个比刚刚的圆在小一点的圆。画好之后，以前一个原相减，就会得到一个黑色的圆环。
接下来要处理的是黑色的辐射状的条。在左侧工具箱中选择矩形工具。给刚刚画出的黑色圆环画一条矩形的半径。粗细最好是能够做到和圆环的宽度一样。
为了做出居民的辐射状效果，需要执行以下步骤。选中刚刚绘制的矩形，按下Ctrl+T键。适当的放大画面，然后按住alt键，用鼠标左键拖动矩形的中心点，把他拖到画面的中心。在菜单栏下方的工具属性栏中，找到角度的输入框，选择你希望的角度，建议不要太小。输入角度之后，你可以看到矩形已经旋转了相应的角度，按下回车，然后再按一次回车即可。
为了让矩形边旋转边复制，做出均匀的效果，要按住ctrl+shift+alt+T组合键。每按一次t键，就可以复制出一个经过旋转了的矩形，直到整个画面旋转完成。
接下来画中间发光的部分。再画一个圆，大小和黑色圆环的大小差不多即可。画好圆之后，在图层面板的上方找到形状细节，选择渐变填充，然后点击渐变的色条，选一个你喜欢的颜色，色条的一端选比较亮的颜色，另一端选上比较暗的颜色，选择好渐变颜色之后，点击确定。然后在形状细节那里选择填充的方式为角度，选择一个合适的角度，让明暗交界的地方隐藏在黑色的辐射状的矩形之下。
双击刚刚画好的圆的图层，然后给他加上内阴影，参数根据自己的喜好调节。
同样的方法再次绘制同心圆，要用这个同心圆做压出坑的效果。这次会在同心圆在形状细节中选择不填充颜色，也就是白色矩形带一个红色斜杠的选项。
然后双击刚刚画好的这个圆的图层。给他加上黑色的内阴影以及白色的投影，混合模式选择滤色。各种参数根据自己的喜好进行调节。
最后在画面的中心再换一个小一点的圆形，就是那个按钮的形状。在他的形状细节中选择填充，选择渐变填充，选择一个从一个深灰到浅灰的变渐变。双击这个小圆的图层，选择浮雕和斜面，适当的调节各项参数，拿到一个自己喜欢的立体感的按钮形状即可。然后再选择投影，调节各项参数，给这个按钮周围添加上适当的投影。
最后一个元素是按钮上的文字，这里我选择的是ui英文字母。在左侧工具栏中找到文字工具，添加上字幕之后，适当的把字体选择斜体可能好看一点。选择自己喜欢的字体。将字体大小调整到合适。然后双击字体的图层，给它加上黑色的内阴影，和白色的投影效果。
整个画面到此绘制完成，适当调整，便得到了这次绘制的，led灯格图片。
分享到:
閱讀更多 AC交流電 的文章
