平面设计 
首页 > 平面设计 > 浏览文章

Photoshop绘制时尚质感的圆形播放器UI图标教程

(编辑:jimmy 日期: 2024/10/12 浏览:3 次 )

本教程主要使用Photoshop绘制时尚质感的圆形播放器UI图标方法,今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,喜欢的朋友跟着教程一起来学习吧。

先看看效果图

Photoshop绘制时尚质感的圆形播放器UI图标教程

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

Photoshop绘制时尚质感的圆形播放器UI图标教程

第二步:画一个圆形,大小自定,填充如下。

Photoshop绘制时尚质感的圆形播放器UI图标教程

接上边的数值。

Photoshop绘制时尚质感的圆形播放器UI图标教程

Photoshop绘制时尚质感的圆形播放器UI图标教程

Photoshop绘制时尚质感的圆形播放器UI图标教程

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

Photoshop绘制时尚质感的圆形播放器UI图标教程

接上数值:

Photoshop绘制时尚质感的圆形播放器UI图标教程

Photoshop绘制时尚质感的圆形播放器UI图标教程

Photoshop绘制时尚质感的圆形播放器UI图标教程

第四步:再画一个圆形,调整大小位置。

Photoshop绘制时尚质感的圆形播放器UI图标教程

图层样式数值。

Photoshop绘制时尚质感的圆形播放器UI图标教程

Photoshop绘制时尚质感的圆形播放器UI图标教程

Photoshop绘制时尚质感的圆形播放器UI图标教程

第五步:再画一个圆形,加渐变效果。

Photoshop绘制时尚质感的圆形播放器UI图标教程

渐变数值:

Photoshop绘制时尚质感的圆形播放器UI图标教程

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

Photoshop绘制时尚质感的圆形播放器UI图标教程

Photoshop绘制时尚质感的圆形播放器UI图标教程

第七步:画一个这样的圆环。

Photoshop绘制时尚质感的圆形播放器UI图标教程

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

Photoshop绘制时尚质感的圆形播放器UI图标教程

数值:

Photoshop绘制时尚质感的圆形播放器UI图标教程

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

Photoshop绘制时尚质感的圆形播放器UI图标教程

第十步:再画一个放在左边。

Photoshop绘制时尚质感的圆形播放器UI图标教程

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

Photoshop绘制时尚质感的圆形播放器UI图标教程

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

Photoshop绘制时尚质感的圆形播放器UI图标教程

最终效果:

Photoshop绘制时尚质感的圆形播放器UI图标教程

以上就是Photoshop绘制时尚质感的圆形播放器UI图标教程,希望大家喜欢!

上一篇:PS快速绘制超漂亮的风扇图标
下一篇:PS 三大步骤鼠绘逼真电池
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。