图标制作,用PS打造清新小巧的时钟主题图标(4)插图

图标制作,用PS打造清新小巧的时钟主题图标(4)

本篇教程主要利用图层样式来制作一个绿色清新的时钟图案,步骤详细易懂,操作起来又不失趣味,想动手试试的的同学还等什么,一起来练习下吧。 最终效果: 老规矩,先来分析一下。这里我们主要分为三个部分:底座、

图标制作,用PS打造清新小巧的时钟主题图标(2)插图

图标制作,用PS打造清新小巧的时钟主题图标(2)

步骤四: 继续选择椭圆工具,绘制一个132px*132px的正圆吧,并为它添加一下图层样式。 步骤五: 现在我们来绘制三角位置,选择多边形工具边数设置为3,绘制一个颜色白色三角形,并将混合模式设置为叠加,命名为下侧

广告位
图标制作,用PS打造清新小巧的时钟主题图标(3)插图

图标制作,用PS打造清新小巧的时钟主题图标(3)

步骤九: 现在我们绘制秒针吧,选择矩形工具,绘制一个颜色为#ff5758长宽2px*24px的矩形,并添加图层样式。 步骤十: 指针完成之后我们选择椭圆工具绘制一个20px*20px的正圆吧,并为它添加一下图层样式。 步骤十一

图标教程,设计钟表UI图标教程(4)插图

图标教程,设计钟表UI图标教程(4)

本篇UI图标教程教大家如何设计一枚时钟主要的UI图标,教程难度中等,主要是绘画部分,质感制作主要由图层样式来处理,该部分主要是数值的设置,难度不算大,分享给新手学习吧。 最终效果: 老规矩先

图标教程,设计钟表UI图标教程(2)插图

图标教程,设计钟表UI图标教程(2)

步骤五: 同样使用椭圆工具、绘制一个403px*403px的圆吧,并为它添加图层样式。 步骤六: 我们继续绘制一个295px*295px的圆,并为它添加图层样式。 步骤七: 继续使用椭圆工具、绘制一个117px*117px的圆,并为它添

图标教程,设计钟表UI图标教程(3)插图

图标教程,设计钟表UI图标教程(3)

步骤十: 现在来绘制刻度,使用矩形工具、绘制一个5px*35px的矩形,重复复制旋转并为它添加图层样式。 步骤十一: 重复上次操作、绘制一个3px*20px的矩形,重复复制旋转并为它添加相同图层样式。 步骤十二: 现在添

UI教程,设计锤子时钟图标教程(5)插图

UI教程,设计锤子时钟图标教程(5)

大家一起来制作一个时钟主题的UI图标,其实UI大部分的样式效果,其实就是对于我们在学习ps的时候,图层样式里面的混合选项样式的不断重复运用。菜鸟级别,不对的地方请大家多多见谅,也请留言提出,非常感谢! 效果

UI教程,设计锤子时钟图标教程(2)插图

UI教程,设计锤子时钟图标教程(2)

第三步,底板做好了之后,我们开始要表盘里面的凹下去的效果,我们这一块分为两大块做,选中椭圆工具,按住Shift键,新建一个420px X 420px的正圆,命名为表盘1,并添加相应的图层样式。 接着复制一层,命名为表盘2

UI教程,设计锤子时钟图标教程(4)插图

UI教程,设计锤子时钟图标教程(4)

第6步,做完以上之后,快,快,快接近尾声了,我们一鼓作气,做出秒针,创建矩形椭圆工具,设置参数为: 放到合适的位置,并设置图层样式参数 接着调整一下图层样式顺序,成果图如下: 结语:非常感谢您能看完这个

UI教程,设计锤子时钟图标教程(3)插图

UI教程,设计锤子时钟图标教程(3)

设置指针2的图层样式为: 第五步,新建一个40px X 40px的正圆,居中对齐,颜色根据自己喜欢添加,命名为圆盘中心,并添加图层样式。 复制一层,清除图层样式,重新添加图层样式!

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部