图标设计,设计播放按钮图标(7)

今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,作者@凉星在 特别说明,数值不是标准,自己折腾才有进步,来感受下 效果: 第一步: 新建画布,大小自定,填充一个淡色。 第二步: 画一个圆形,

用photoshop制作一个3D质感按钮

作者:nicon来源 :Enet硅谷动力以前我们制作3D按钮往往需要借助3DMAX,和其他3D软件。对于不熟悉此类软件朋友要想制作3D按钮往往成了一个难题。但是没关系只要你略懂PHOTOSHOP,就能够做出一个不逊于3D软件的质感不错的水晶按钮,在今天的教程中

今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,作者@凉星在 特别说明,数值不是标准,自己折腾才有进步,来感受下

效果:
图标设计,设计播放按钮图标(7)插图

第一步:

新建画布,大小自定,填充一个淡色。

图标设计,设计播放按钮图标(7)插图(1)

第二步:

画一个圆形,大小自定,填充如下。

图标设计,设计播放按钮图标(7)插图(2)

接上边的数值。

图标设计,设计播放按钮图标(7)插图(3)

图标设计,设计播放按钮图标(7)插图(4)

图标设计,设计播放按钮图标(7)插图(5)

第三步:

复制底圆,然后Ctrl+T,调整他的大小,添加图层样式。

图标设计,设计播放按钮图标(7)插图(6)

接上数值:

图标设计,设计播放按钮图标(7)插图(7)
图标设计,设计播放按钮图标(7)插图(8)
图标设计,设计播放按钮图标(7)插图(9)

第四步:

再画一个圆形,调整大小位置。

图标设计,设计播放按钮图标(7)插图(10)

图层样式数值。

图标设计,设计播放按钮图标(7)插图(11)

图标设计,设计播放按钮图标(7)插图(12)

图标设计,设计播放按钮图标(7)插图(13)

第五步:

再画一个圆形,加渐变效果。

图标设计,设计播放按钮图标(7)插图(14)

渐变数值:

图标设计,设计播放按钮图标(7)插图(15)

第六步:

画一个三角形,填充自己喜爱的颜色,添加样式。

图标设计,设计播放按钮图标(7)插图(16)

图标设计,设计播放按钮图标(7)插图(17)

第七步:

画一个这样的圆环。方法可参见:《PS教程!手把手教你绘制一枚锤子浏览器图标》

图标设计,设计播放按钮图标(7)插图(18)

第八步:

处理一下 加上图层样式,让他有点立体的感觉,尾部擦一下。

图标设计,设计播放按钮图标(7)插图(19)

数值:

图标设计,设计播放按钮图标(7)插图(20)

第九步:

右下角画一个这样的,方法参照上面的。

图标设计,设计播放按钮图标(7)插图(21)

第十步:

再画一个放在左边。

图标设计,设计播放按钮图标(7)插图(22)

第十一步:

在两个圆之间添加一个圆环,颜色自己调整,一些细节上自己再调整一下。

图标设计,设计播放按钮图标(7)插图(23)

第十二步:

在黄色圆环上添加文字,在文字上添加图层样式,打造一种立体的感觉。

图标设计,设计播放按钮图标(7)插图(24)

最终效果:

图标设计,设计播放按钮图标(7)插图

第十步:

再画一个放在左边。

图标设计,设计播放按钮图标(7)插图(22)

第十一步:

在两个圆之间添加一个圆环,颜色自己调整,一些细节上自己再调整一下。

图标设计,设计播放按钮图标(7)插图(23)

第十二步:

在黄色圆环上添加文字,在文字上添加图层样式,打造一种立体的感觉。

图标设计,设计播放按钮图标(7)插图(24)

最终效果:

图标设计,设计播放按钮图标(7)插图

今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,作者@凉星在 特别说明,数值不是标准,自己折腾才有进步,来感受下

效果:
图标设计,设计播放按钮图标(7)插图

第一步:

新建画布,大小自定,填充一个淡色。

图标设计,设计播放按钮图标(7)插图(1)

第二步:

画一个圆形,大小自定,填充如下。

图标设计,设计播放按钮图标(7)插图(2)

接上边的数值。

图标设计,设计播放按钮图标(7)插图(3)

图标设计,设计播放按钮图标(7)插图(4)

图标设计,设计播放按钮图标(7)插图(5)

第三步:

复制底圆,然后Ctrl+T,调整他的大小,添加图层样式。

图标设计,设计播放按钮图标(7)插图(6)

接上数值:

图标设计,设计播放按钮图标(7)插图(7)
图标设计,设计播放按钮图标(7)插图(8)
图标设计,设计播放按钮图标(7)插图(9)

第四步:

再画一个圆形,调整大小位置。

图标设计,设计播放按钮图标(7)插图(10)

图层样式数值。

图标设计,设计播放按钮图标(7)插图(11)

图标设计,设计播放按钮图标(7)插图(12)

图标设计,设计播放按钮图标(7)插图(13)

第五步:

再画一个圆形,加渐变效果。

图标设计,设计播放按钮图标(7)插图(14)

渐变数值:

图标设计,设计播放按钮图标(7)插图(15)

第六步:

画一个三角形,填充自己喜爱的颜色,添加样式。

图标设计,设计播放按钮图标(7)插图(16)

图标设计,设计播放按钮图标(7)插图(17)

第七步:

画一个这样的圆环。方法可参见:《PS教程!手把手教你绘制一枚锤子浏览器图标》

图标设计,设计播放按钮图标(7)插图(18)

第八步:

处理一下 加上图层样式,让他有点立体的感觉,尾部擦一下。

图标设计,设计播放按钮图标(7)插图(19)

数值:

图标设计,设计播放按钮图标(7)插图(20)

第九步:

右下角画一个这样的,方法参照上面的。

图标设计,设计播放按钮图标(7)插图(21)

今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,作者@凉星在 特别说明,数值不是标准,自己折腾才有进步,来感受下

效果:
图标设计,设计播放按钮图标(7)插图

第一步:

新建画布,大小自定,填充一个淡色。

图标设计,设计播放按钮图标(7)插图(1)

第二步:

画一个圆形,大小自定,填充如下。

图标设计,设计播放按钮图标(7)插图(2)

接上边的数值。

图标设计,设计播放按钮图标(7)插图(3)

图标设计,设计播放按钮图标(7)插图(4)

图标设计,设计播放按钮图标(7)插图(5)

第三步:

复制底圆,然后Ctrl+T,调整他的大小,添加图层样式。

图标设计,设计播放按钮图标(7)插图(6)

接上数值:

图标设计,设计播放按钮图标(7)插图(7)
图标设计,设计播放按钮图标(7)插图(8)
图标设计,设计播放按钮图标(7)插图(9)

第四步:

再画一个圆形,调整大小位置。

图标设计,设计播放按钮图标(7)插图(10)

图层样式数值。

图标设计,设计播放按钮图标(7)插图(11)

图标设计,设计播放按钮图标(7)插图(12)

图标设计,设计播放按钮图标(7)插图(13)

第五步:

再画一个圆形,加渐变效果。

图标设计,设计播放按钮图标(7)插图(14)

渐变数值:

图标设计,设计播放按钮图标(7)插图(15)

第六步:

画一个三角形,填充自己喜爱的颜色,添加样式。

图标设计,设计播放按钮图标(7)插图(16)

图标设计,设计播放按钮图标(7)插图(17)

第七步:

画一个这样的圆环。方法可参见:《PS教程!手把手教你绘制一枚锤子浏览器图标》

图标设计,设计播放按钮图标(7)插图(18)

第八步:

处理一下 加上图层样式,让他有点立体的感觉,尾部擦一下。

图标设计,设计播放按钮图标(7)插图(19)

数值:

图标设计,设计播放按钮图标(7)插图(20)

第九步:

右下角画一个这样的,方法参照上面的。

图标设计,设计播放按钮图标(7)插图(21)

第十步:

再画一个放在左边。

图标设计,设计播放按钮图标(7)插图(22)

第十一步:

在两个圆之间添加一个圆环,颜色自己调整,一些细节上自己再调整一下。

图标设计,设计播放按钮图标(7)插图(23)

第十二步:

在黄色圆环上添加文字,在文字上添加图层样式,打造一种立体的感觉。

图标设计,设计播放按钮图标(7)插图(24)

最终效果:

图标设计,设计播放按钮图标(7)插图

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部