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

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

UI知识,UI设计师技能加点

设计是有目的的策划,平面设计是这些策划将要采取的形式之一,在平面设计中你需要用视觉元素来传播你的设想和计划,用文字和图形把信息传达给受众,让人们通过这些视觉元素了解你的设想和计划。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

然后选择混合选项

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

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

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

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

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

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

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

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

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

选择椭圆工具

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

然后新建一个空白图层

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

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

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

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

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

然后弄个渐变。

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

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

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

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

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

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

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

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

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

我们来弄弄这个

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

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

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

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

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

来个渐变,

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

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

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

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

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

我们来弄弄这个

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

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

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

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

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

来个渐变,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

然后选择混合选项

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

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

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

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

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

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

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

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

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

选择椭圆工具

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

然后新建一个空白图层

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

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

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

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

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

然后弄个渐变。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

然后选择混合选项

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

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

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

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

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

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

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

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

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

选择椭圆工具

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

然后新建一个空白图层

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

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

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

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

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

然后弄个渐变。

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

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

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

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

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

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

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

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

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

我们来弄弄这个

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

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

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

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

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

来个渐变,

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

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

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

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

作者: 791650988

为您推荐