教你用ps临摹一个icon图标

善用图层样式,你会发现图层样式非常的强大,下面的图片很简单,用图层样式就可以做了出来。

图标制作,用PS绘制一款简约风格的解密游戏图标

本篇教程通过PS绘制一款简约风格的解密游戏图标,制作过程使用到钢笔工具、剪切蒙版以及图层样式,我们先通过案例分析思路,再制作起来就会非常简单,整体的风格以扁平化为设计主题,同学们一起来学习一下吧。

教你用ps临摹一个icon图标插图

善用图层样式,你会发现图层样式非常的强大,下面的图片很简单,用图层样式就可以做了出来。
前几天我把源文件删了,所以现在我边做边截图出来,有什么不同的也可以提问,楼主只是一个业余爱好者,前段时间喜欢上了临摹各种ICON。

教你用ps临摹一个icon图标插图(1)

临摹,我们先排列好画布。

教你用ps临摹一个icon图标插图(2)

然后新建个渐变调整层,仔细观察原图背景,我们不难发现原图的背景不是纯色的。

教你用ps临摹一个icon图标插图(3)

然后渐变的颜色,中心的地方的颜色我们给亮点,四周的颜色我们加点灰色。

教你用ps临摹一个icon图标插图(4)

中间的图标是圆角的,所以我们选择圆角矩形工具。

教你用ps临摹一个icon图标插图(5)

然后修改半径,半径的多少是根据你的画布的大小而定的,多试试,然后对比。

教你用ps临摹一个icon图标插图(6)

教你用ps临摹一个icon图标插图(7)

双击击缩略图右下角的东东,就会弹出个拾色器。

教你用ps临摹一个icon图标插图(8)

我们就选择个淡淡的绿色。

教你用ps临摹一个icon图标插图(9)

然后选择混合选项

教你用ps临摹一个icon图标插图(10)

然后修改参数,你问我参数怎么来,我告诉你是对比原图,然后自己调整的。没有了解图层样式的朋友可以上网查查图层样式的教程哦!!!!

教你用ps临摹一个icon图标插图(11)

然后我们修改下光泽等高线,因为原图的两边是没有明显的凸起的,所以我们修改修改去掉。

教你用ps临摹一个icon图标插图(12)

然后我们点投影,投影的颜色我们改改,因为考虑到环境的影响,我们的投影的颜色应该是墨绿色,最好比我的颜色还要黑,我等等也会修改的。

教你用ps临摹一个icon图标插图(13)

然后投影的其他参数,注意对比原图,我们可以看出,原图的投影是两边收缩凸显中间的。

教你用ps临摹一个icon图标插图(14)

选择椭圆工具

教你用ps临摹一个icon图标插图(15)

然后新建一个空白图层

教你用ps临摹一个icon图标插图(16)

我们在中间按住shift键按比例放大,如果在放大的过程中位置对不上,我们可以同时按住空格键移动位置。

教你用ps临摹一个icon图标插图(17)

主要就是修改这些,不过参数是死的,人是活的,大家灵活变动,不要和我一模一样。

教你用ps临摹一个icon图标插图(18)

然后弄个渐变。

教你用ps临摹一个icon图标插图(19)

同样新建空白图层,用椭圆工具拉出一个圆形。

教你用ps临摹一个icon图标插图(20)

给刚刚的椭圆来个漂亮的渐变。

教你用ps临摹一个icon图标插图(21)

再来个内阴影,注意阴影的颜色哦!

教你用ps临摹一个icon图标插图(22)

再次新建空白图层,拉出个圆,选择颜色。

教你用ps临摹一个icon图标插图(23)

我们来弄弄这个

教你用ps临摹一个icon图标插图(24)

粉色的圆形改下角度就可以了。

教你用ps临摹一个icon图标插图(25)

中间也弄个圆形,图层样式——投影!投影的颜色你们注意下,然后投影也是收缩下两边。

教你用ps临摹一个icon图标插图(26)

来个渐变,

教你用ps临摹一个icon图标插图(27)

再在中间弄个圆形,拉个渐变!!!

教你用ps临摹一个icon图标插图(28)

ok啦!!!业余爱好者,大神绕道!!!!

教你用ps临摹一个icon图标插图

善用图层样式,你会发现图层样式非常的强大,下面的图片很简单,用图层样式就可以做了出来。
前几天我把源文件删了,所以现在我边做边截图出来,有什么不同的也可以提问,楼主只是一个业余爱好者,前段时间喜欢上了临摹各种ICON。

教你用ps临摹一个icon图标插图(1)

临摹,我们先排列好画布。

教你用ps临摹一个icon图标插图(2)

然后新建个渐变调整层,仔细观察原图背景,我们不难发现原图的背景不是纯色的。

教你用ps临摹一个icon图标插图(3)

然后渐变的颜色,中心的地方的颜色我们给亮点,四周的颜色我们加点灰色。

教你用ps临摹一个icon图标插图(4)

中间的图标是圆角的,所以我们选择圆角矩形工具。

教你用ps临摹一个icon图标插图(5)

然后修改半径,半径的多少是根据你的画布的大小而定的,多试试,然后对比。

教你用ps临摹一个icon图标插图(6)

教你用ps临摹一个icon图标插图(7)

双击击缩略图右下角的东东,就会弹出个拾色器。

教你用ps临摹一个icon图标插图(8)

我们就选择个淡淡的绿色。

教你用ps临摹一个icon图标插图(9)

然后选择混合选项

教你用ps临摹一个icon图标插图(10)

然后修改参数,你问我参数怎么来,我告诉你是对比原图,然后自己调整的。没有了解图层样式的朋友可以上网查查图层样式的教程哦!!!!

教你用ps临摹一个icon图标插图(11)

然后我们修改下光泽等高线,因为原图的两边是没有明显的凸起的,所以我们修改修改去掉。

教你用ps临摹一个icon图标插图(12)

然后我们点投影,投影的颜色我们改改,因为考虑到环境的影响,我们的投影的颜色应该是墨绿色,最好比我的颜色还要黑,我等等也会修改的。

教你用ps临摹一个icon图标插图(13)

然后投影的其他参数,注意对比原图,我们可以看出,原图的投影是两边收缩凸显中间的。

教你用ps临摹一个icon图标插图(14)

选择椭圆工具

教你用ps临摹一个icon图标插图(15)

然后新建一个空白图层

教你用ps临摹一个icon图标插图(16)

我们在中间按住shift键按比例放大,如果在放大的过程中位置对不上,我们可以同时按住空格键移动位置。

教你用ps临摹一个icon图标插图(17)

主要就是修改这些,不过参数是死的,人是活的,大家灵活变动,不要和我一模一样。

教你用ps临摹一个icon图标插图(18)

然后弄个渐变。

教你用ps临摹一个icon图标插图(19)

同样新建空白图层,用椭圆工具拉出一个圆形。

教你用ps临摹一个icon图标插图(20)

给刚刚的椭圆来个漂亮的渐变。

教你用ps临摹一个icon图标插图(21)

再来个内阴影,注意阴影的颜色哦!

教你用ps临摹一个icon图标插图(22)

再次新建空白图层,拉出个圆,选择颜色。

教你用ps临摹一个icon图标插图(23)

我们来弄弄这个

教你用ps临摹一个icon图标插图(24)

粉色的圆形改下角度就可以了。

教你用ps临摹一个icon图标插图(25)

中间也弄个圆形,图层样式——投影!投影的颜色你们注意下,然后投影也是收缩下两边。

教你用ps临摹一个icon图标插图(26)

来个渐变,

教你用ps临摹一个icon图标插图(27)

再在中间弄个圆形,拉个渐变!!!

教你用ps临摹一个icon图标插图(28)

ok啦!!!业余爱好者,大神绕道!!!!

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部