图标设计,设计播放按钮图标

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

图标设计,教你用图层样式设计一个时钟图标

主要通过图层样式设计时钟底座,然后用绘制方法画出表盘等组件,教程不难,新手可以跟着练一下。

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

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

第一步:

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

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

第二步:

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

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

接上边的数值。

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

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

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

第三步:

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

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

接上数值:

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

第四步:

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

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

图层样式数值。

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

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

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

第五步:

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

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

渐变数值:

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

第六步:

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

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

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

第七步:

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

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

第八步:

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

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

数值:

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

第九步:

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

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

第十步:

再画一个放在左边。

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

第十一步:

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

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

第十二步:

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

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

最终效果:

图标设计,设计播放按钮图标插图

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

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

第一步:

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

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

第二步:

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

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

接上边的数值。

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

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

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

第三步:

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

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

接上数值:

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

第四步:

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

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

图层样式数值。

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

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

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

第五步:

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

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

渐变数值:

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

第六步:

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

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

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

第七步:

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

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

第八步:

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

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

数值:

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

第九步:

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

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

第十步:

再画一个放在左边。

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

第十一步:

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

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

第十二步:

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

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

最终效果:

图标设计,设计播放按钮图标插图

作者: 791650988

为您推荐