Photoshop绘制圆形质感的播放器界面教程

2016-02-15 21:34 34 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐Photoshop绘制圆形质感的播放器界面教程,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - PS 】

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

先看看效果图

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

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

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

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

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

接上边的数值。

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

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

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

接上数值:

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

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

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

图层样式数值。

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

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

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

渐变数值:

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

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

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

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

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

数值:

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

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

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

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

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

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

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

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

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

最终效果:

Photoshop绘制圆形质感的播放器界面教程,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1564209.html

延伸阅读
标签: PS PS基础
在PremiumPixels上看到N多可供下载的网页设计PSD文件,都非常精美。但它只提供了现成的文件,并没有提供教程,那么我就通过源文件自己摸索,向Orman Clark学习一下如何做出如此漂亮的作品。 先看看效果图 下面是教程开始 二、新建一个图层,选择圆角矩形工具(U),在工具属性栏中填入宽度360像素、高度30像素,半径为2个像素,画一个圆...
PTulaoshi.ComS鼠绘圆形质感按钮教程 PS鼠绘圆形质感按钮教程 以上,如若有错别字,还请海涵。 photoshop教程最终效果:
效果图:   纽扣式按钮设计效果图 设计制作方法: 1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色) 2.一层层的画。从底部最下面一层开始。 3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走势一开始可能已经有人想好了,或者没有想好,就是随手一画的那样的也可以,未知的...
标签: PS PS基础
本教程主要使用Photoshop制作立体质感的播放器按钮,教程主要通过钢笔工具勾画形状,然后使用图层样式和渐变来完成立体效果和光感效果完成效果图,喜欢的朋友一起来学习吧,如果有什么不懂的地方可以下载PSD文件查看。 教程源文件: 立体质感的播放器按钮PSD源文件 先看看效果图 1.渐变背景 文件新建,尺寸为800X600像素,72分辨率的...
标签: PS PS基础
最终效果 具体的制作步骤如下: Ctrl+N新建画布,大小为3000×2380像素,分辨率300dpi,点击确定。 新建组,命名为"background",在组内新建图层,在工具栏选择渐变工具,模式为径向渐变,单击渐变条,在背景图层上由上往下拉动光标填充背景,如图。 单击形状工具,选择圆角矩形工具,将半径设置为25,在画布中央绘...

经验教程

25

收藏

29
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部