沈阳卓然设计|沈阳平面设计培训|沈阳室内设计培训|沈阳网页设计培训欢迎您的浏览!
MESSAGE在线留言
热线电话:
15840370008
首页
关于我们
学生作品
平面广告
室内设计
网页设计
卓然动态
卓然师资
卓然教程
加入我们
联系我们
在线留言

卓然教程

当前位置:首页-卓然教程

图标设计,用PS制作一款小清新的拟物时钟 沈阳卓然设计培训学校 

发布时间:2019/01/27

本篇教程通过PS制作一款干净清新的时钟图标教程,做起来也不复杂,但是不管复杂不复杂的东西,都必须动手制作才行,会用到图层样式,图层样式基本上一直是图标或者字体制作的常客,同学们根据教程来学习一下吧,相信可以完成的很好,但是要动起手来噢。

效果图:

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com
www.16xx8.com

先在PS里面新建一个800*800的画布,颜色用#f3fbff(淡蓝色)铺满!

1.新建一个图层画出560*560的圆角矩形(颜色为纯白色),圆角为90!参数如下

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com

2.然后调整图层形状的斜面浮雕参数和投影参数

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com

3.画出时钟的内表盘,新建一个318*318的正圆并调整它的斜面浮雕参数、内阴影参数以及渐变叠加参数,如图:

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com

 

4.调整完内表盘和外表盘的效果图如下:

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com

5.接下里我们画时间刻度;新建一个7*7的正圆(颜色为#595f70),给它加个内阴影,具体参数如下

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com

现在我们要画12个刻度让他平均分配到对应的时间点上,怎么画呢?我们可以用动作来实现它

操作步骤:F9打开动作窗口,新建一个动作,开启录制——选中一个圆点执行ctrl+t,然后按住Alt键拖动中心点至画布的中心,然后松开alt,按住shift,旋转30°,结束动作录制即可——最后再复制多个图层,分别执行动作即可

 图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com

最后我们再把四个点替换成文字,就可以得到如下图象:

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com

 

6.最后我们再来做指针(指针我参考的是DW经典款的指针),指针用形状堆叠而成,再给指针加上投影就好了,最后旋转复制时针、分针、秒针即可;

指针颜色为#69728b,投影看参数

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com

7.指针的轴是用了三层员堆叠而成,大家可以看看细节

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com

 

8.把这些全部整合到一块即可,别忘了每个图层命名,最终效果如图

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com

图标设计,用PS制作一款小清新的拟物时钟_www.16xx8.com
 

本篇要主要的就是图层样式的运用和动作录制的运用,心态也很关键,不要中途觉得难就不做了,练习一下吧。

 

此文章是从网络摘抄的,仅供大家观看奥
卓然小伙伴们,更多精彩平面设计培训课程尽在卓然设计奥,欢迎来电咨询
咨询电话:15904020602  15840370008
微信:15904020602