当前位置: 移动技术网 > IT编程>UI设计>PhotoShop > Photoshop绘制绚丽凉爽发光的球体图标

Photoshop绘制绚丽凉爽发光的球体图标

2018年11月06日  | 移动技术网IT编程  | 我要评论

余额宝转出到银行卡手续费,抗战阅兵今预演,动物世界全集狮狼大战

先看看效果图
photoshop绘制绚丽凉爽发光的球体图标
  1.新建文件大小540×400 72dpi,#1a1a1c到#040404的径向渐变背景。
  新建一个图层,创建一个大小390×390大小的圆形填充#2f343a。对齐使用居中对齐。
photoshop绘制绚丽凉爽发光的球体图标
  2.创建图层样式具体参数请看下图。
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
  3.如果你按照上边的做了,应该如下图所示。
photoshop绘制绚丽凉爽发光的球体图标
  4.创建一个新的图层,在该层中创建332×332的圆,填充你想要的任何颜色(设置填充为0%,这样颜色就不重要了),然后选择>修改>收缩,10个象素,delete删除,取消选区。然后是用对齐工具对齐中心点 。
photoshop绘制绚丽凉爽发光的球体图标
  5.对该层创建如下图层样式。
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
  6.创建一个400×14的圆角矩形,填充#808080。
photoshop绘制绚丽凉爽发光的球体图标
  7.创建一个408×25的椭圆选区,椭圆下方顶点,对齐中心点,delete删除圆角矩形上半部分。
photoshop绘制绚丽凉爽发光的球体图标
  8.重复上一步,以椭圆上方顶点对齐中心点,delete删除圆角矩形下半部分。
photoshop绘制绚丽凉爽发光的球体图标
  9.ctrl+j复制图层,然后ctrl+t旋转图层30度,重复3次。
photoshop绘制绚丽凉爽发光的球体图标
  10.选择4个图层合并,创建如下图层样式。
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
   11.调整不透明度80%。
photoshop绘制绚丽凉爽发光的球体图标
  12.创建3像素高的矩形选区,调整角度为7.5度或-7.5度,使用前边的方法扑满一周。
photoshop绘制绚丽凉爽发光的球体图标
  13.创建剪贴蒙板(alt+ctrl+g)。
photoshop绘制绚丽凉爽发光的球体图标
  14.调整该图层的填充不透明度为0,添加图层样式。
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
  15.创建一个285×285大小的圆,填充#fb9f0e,对齐中心点。
photoshop绘制绚丽凉爽发光的球体图标
  16.对黄色圆形使用如下图层样式。
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
  17.如果你完全正确,你的球应该是这个样子。
photoshop绘制绚丽凉爽发光的球体图标
  18.使用一些画笔工具,这里我增加了两个层,修改一层的不透明度为50%二层为55%,然后使用创建剪贴蒙板(alt+ctrl+g),这样看起来使我们的球产生了一些变化。
photoshop绘制绚丽凉爽发光的球体图标
  19.创建一个灯光层,使用白色软边花笔100像素,不透明度20%。图层模式该为叠加。
photoshop绘制绚丽凉爽发光的球体图标
  20.选择黄色球体,ctrl+鼠标左建,创建一个选取,新建图层,使用描边5个像素,填充#5a5756颜色。
photoshop绘制绚丽凉爽发光的球体图标
  21.降低填充不透明度到40%,添加如下图层样式。
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
photoshop绘制绚丽凉爽发光的球体图标
  22.效果就是这样。
photoshop绘制绚丽凉爽发光的球体图标
  23.最后我增加了文字效果,和金属面板,使用了一些简单的渐变和发光。
photoshop绘制绚丽凉爽发光的球体图标

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网