优界网

首页 > 教程经验 > PS教程!手把手教你绘制炫彩立体圆环图标(二)

PS教程!手把手教你绘制炫彩立体圆环图标(二)

292

1

2

2015-04-23 15:07:43

破茧~~

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

photoshop-colorful-circle-icon-1

上次分享了@网秦UEC?同学的圆环教程上集,很多同学询问下集的上色教程,今天咱们书接上回,来为圆环上色和制作质感,上次还没练习完的同学,练手机会到咯!

第一集教程:《PS教程!手把手教你绘制炫彩立体圆环图标(一)》

简单起见我们使用图层样式完成这部分工作,首先是绿色图层g的样式:

image001

得到这样的效果:

image003

再接再厉,为剩下三个圆套用下面的样式:

蓝色

image005

红色

image007

黄色

image009

样式加好后得到这样的效果:

image011

之后我们为圆环添加一个顶部高光。在圆环图层之上新建一个空白图层(快捷键ctrl+alt+shift+N)。

之后选中渐变工具,首先调整为模式。选择顶部菜单栏下方工具栏中的渐变模式,点击进入到编辑模式,选择预设中第二个前景色到透明渐变模式这样以来我们便可以制作由前景色到透明的渐变图形了!

接下来选择顶部菜单工具栏中的径向渐变,在刚才新建的空白图层,拽一个尺寸合适的高光出来,通过变形工具(菜单-自由变换,快捷键Ctrl+T)稍微调整一下,并把不透明度设为70%?,效果下图:

image023

同样的方法在底部拽一个渐变,模式改为柔光不透明度70%

image027

这样一来,圆环的基本色,渐变,高光底光都有了。我们需要把他们视作一个整体,继续强化质感。选中所有圆弧以及高光,底光在内的六个图层,把它们放到同一个分组里(快捷键Ctrl+G)。

wquec20141207

image029

用遮罩把多余的底光和顶光遮挡起来,点击大圆a得到大圆的选区,选中文件夹“环”,点击底部遮罩图标,建立遮罩,如下

image029

接下来给文件夹“环”添加样式,和给图层添加样式一样的,双击文件夹层,添加样式

image031

得到如下效果:

image033

最后一步了,添加背景。首先把刚才创建的这个文件夹整个复制一个(快捷键Ctrl+J)

把得到的这个新文件夹命名为“背景”。在文件夹图层上点右键,选择转换为智能对象

image035

接下来把它变成一个模糊的背景,保持背景智能对象选中的状态下,选择顶部菜单中的滤镜-模糊-高斯模糊,半径设为80.

image037

图层不透明度改为80%,就大功告成了:

image039

如果制作过程中有疑问,可以加网秦同学的QQ:297721382,找管理员索取这个图标的PSD原文件呦。

好的设计作品需要锤炼,对,就是用大锤子锤自己!

已有2人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

全部评论(1)

  • ^◎-JOY迪 2015-05-27 09:44:51
    牛逼的设计师才敢评论hhh
    1F
  • 刚刚
  • 登录优界网 ×