当前位置:主页 > 图片处理 >

图标设计,设计播放按钮图标[多图]

  • 图片处理
  • 2022-11-05 12:02
  • 凉星在,图标设计,ps网页设计,新手,教程,手把手,教你,绘

修图匠“图标设计,设计播放按钮图标[多图]”Photoshop图文教程内容:

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

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

第一步:

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

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

第二步:

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

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

接上边的数值。

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

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

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

第三步:

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

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

接上数值:

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

第四步:

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

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

图层样式数值。

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

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

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

第五步:

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

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

渐变数值:

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

第六步:

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

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

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

第七步:

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

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

第八步:

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

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

数值:

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

第九步:

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

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

第十步:

再画一个放在左边。

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

第十一步:

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

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

第十二步:

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

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

最终效果:

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

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

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

第一步:

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

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

第二步:

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

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

接上边的数值。

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

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

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

第三步:

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

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

接上数值:

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

第四步:

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

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

图层样式数值。

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

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

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

第五步:

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

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

渐变数值:

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

第六步:

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

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

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

第七步:

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

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

第八步:

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

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

数值:

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

第九步:

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

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

第十步:

再画一个放在左边。

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

第十一步:

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

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

第十二步:

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

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

最终效果:

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

温馨提示:以上“图标设计,设计播放按钮图标[多图]”相关内容(含文字、图片、视频)来源于网络,版权归内容原作者所有,如有侵权,请告知删除。

猜你喜欢

联系站长