PS图标教程!手把手教你绘制一枚幻彩绚丽的时钟

2016-01-29 15:24 8 1 收藏

PS图标教程!手把手教你绘制一枚幻彩绚丽的时钟,今天这个教程很适合学习临摹,作者DearSalt教同学同学们分解图标,观察组成部分以及分层制作,专业范儿十足,绝对是新手快速上道的最贴身教程 这几天突然对UI很感兴趣,于是就做了这个小时钟,整体效果很 ...

【 tulaoshi.com - PS 】

编者按:今天这个教程很适合学习临摹,作者DearSalt 教同学同学们分解图标,观察组成部分以及分层制作,专业范儿十足,绝对是新手快速上道的最贴身教程


这几天突然对UI很感兴趣,于是就做了这个小时钟,整体效果很绚丽,图层样式中的参数我已经给出,仅供大家参考,邵飞老师说得对“多试参数,没有人可以一步到位,多花时间去调试不同的参数,可以帮助提高设计经验,细节靠折腾,而不是靠大量效果”我现在就是这样做的,虽然有时候会花很多时间,但真的是会积累经验的,期待大家的作品!

一、首先我们来分解这个图标,观察其各个组成部分,然后我们分层制作。

20150309_1626

二、接下来我们先制作“时钟底座”。

这个图层看起来很复杂,实际上整个效果只用了一个图层便能搞定,以下截图的参数仅供参考,因为你新建圆的大小将会影响这些参数数值,具体大家自行测试吧,新建画布,拖入背景素材,使用椭圆工具建立一个椭圆,双击此图层为其添加图层样式。

20150309_1627

20150309_1628

20150309_1629

20150309_1630

20150309_1631

20150309_1632

20150309_1633

20150309_1634

三、时钟底座的效果大家已经看到了吧,下面我们来制作表盘底座。

它同样也是一个图层完成的,新建图层,在画布上建立一个小一点的正圆形并将此层放在时钟底座图层的上方,双击添加图层样式。

20150309_1635

20150309_1636

20150309_1637

20150309_1638

四、表盘的制作。

这一步像表盘上的数字、时针、分针、秒针这些制作起来都很容易,时针分针的颜色数值为#724042,图层模式为叠加,秒针的颜色数值为#f62020,特别注意的是这三个针的阴影方向,光源在左上角在这里我只贴出金属帽的图层样式,以供大家参考

20150309_1639

20150309_1640

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

20150309_1641

20150309_1642

五、最后我们来制作高光,整个高光图层是由两部分组成。

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

高光素材:《14套PS顶级光效笔刷打包下载》

20150309_1643

20150309_1644

最终效果:

20150309_1625

来源:http://www.tulaoshi.com/n/20160129/1495805.html

延伸阅读
PS手把手教你绘制一枚拟物化水晶纽扣   如何绘制逼真的高光?如何创造立体的感觉?今天分享一个简单水晶纽扣的教程,仅仅利用图层样式跟画笔就可以绘制出精美的高光+3D感,最适合UI设计刚入门的同学了,练习的时候要不断去思考高光和阴影的关系,以及实物的状态,这样才能短期内快速进步呦! 或许入门的PS学徒们都曾经试图制作过诸...
标签: PS PS教程
编者按:今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,作者@凉星在 特别说明,数值不是标准,自己折腾才有进步,来感受下 第一步: 新建画布,大小自定,填充一个淡色。 第二步: 画一个圆形,大小自定,填充如下。 接上边的数值。 第三步: 复制底圆,...
标签: PS PS教程
编者按:今天来一个酷炫的圆环教程,教程简单易学,不过里边提到的方法特别使用,无论是绘制图标还是Logo设计都会经常用到,一起跟着Sevenmoly同学来练个手。 注:第3步,得出形状后,形状本身旋转60°即可。
标签: PS PS教程
编者按:今天这个教程适合有基础的同学进阶练习,原作者是追波大神,效果逼真到翻天,这篇临摹教程也特别用心,光截图打字就花了三个多小时,强烈推荐同学们马起来练习 昨天在某个网站看到一位高手临摹国外大师的一张ICON,效果逼真。一整夜我都手痒痒得无法入睡,早上起来也打算来一个,不过这样那样的琐事之后又是午后,估...
标签: PS PS教程
扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格icon的设计思路吧。今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以完成咯。好嘞,教程开始! 先上效果图: 挺干净的,兴趣大增有没有? 那就开始咯。 Part 1 :打好地基 Cttrl + N 创建画布,大小为1024...

经验教程

541

收藏

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