ps怎样设计一个简洁大方的时钟图标?

  发布时间:2017-11-07 15:23:41   作者:佚名   我要评论
ps怎样设计一个简洁大方的时钟图标?运用PHOTOSHOP软件,可以很简单的制作大家想要的照片,下面和小编一起来看看具体步骤吧

ps怎样设计一个简洁大方的时钟图标?运用PHOTOSHOP软件,可以很简单的制作大家想要的照片,下面和小编一起来看看具体步骤吧。

最终效果:

ps设计一个简洁大方的时钟图标教程

具体步骤:

1.新建一个画板

ps设计一个简洁大方的时钟图标教程

2.背景填充为#aab6bb

ps设计一个简洁大方的时钟图标教程

用蒙版工具做一个亮光,得到下面效果。

ps设计一个简洁大方的时钟图标教程

3.建立一个512x512pi的圆角矩形,半径为120pi,颜色填充#2c2e30。

ps设计一个简洁大方的时钟图标教程

ps设计一个简洁大方的时钟图标教程

复制一层,不透明度10%,建立图层蒙版,可以得到上面的亮光,这样我们就是把光源设置为顶光

ps设计一个简洁大方的时钟图标教程

之前讲了一个物体有暗面就会有亮面,当然有亮面,也会有暗面。所以我们复制一个,不透明度为80%,建立一个图层蒙版,得到

ps设计一个简洁大方的时钟图标教程

最后效果就是下面。

ps设计一个简洁大方的时钟图标教程

4.做完上半部分,我们需要给图标一个阴影,让图标立起来

ps设计一个简洁大方的时钟图标教程

我把阴影拉开给大家看一下,同学可以观察一下阴影用了高斯模糊和降低透明度。做过很多练习的同学应该都很清楚,高斯模糊在制图时广泛被运用,包括你在做不锈钢物体时候可以用高斯模糊在加颗粒感,最后风化,就可以得到不锈钢拉丝的效果。

高斯模糊的数值希望大家可以多练习,感受过渡。-2的部分是图标上面的部分,不透明度为40%。

ps设计一个简洁大方的时钟图标教程

-1的部门是下面一层,不透明度要低一点,为10%。前后叠加得到

ps设计一个简洁大方的时钟图标教程

阴影的部分相对来说比较麻烦。大家要仔细观察,做到自然舒服。

5.接下来就是做闹钟的表盘,

ps设计一个简洁大方的时钟图标教程

这个闹钟的刻度,一个个画上去比较浪费时间和头疼,画出来效果也很差,

ps设计一个简洁大方的时钟图标教程

先画一条线,宽为1,颜色为b5b5b5

先复制一个,按住ctrl+t,变换工具,倾斜角度为6,得到一个第二根线,

ps设计一个简洁大方的时钟图标教程

在复制一根,倾斜角度为6

ps设计一个简洁大方的时钟图标教程

接下来按住ctrl+shift+alt不松,在一直点T,连续复制,得到

ps设计一个简洁大方的时钟图标教程

删掉其余线段

ps设计一个简洁大方的时钟图标教程

ps设计一个简洁大方的时钟图标教程

ctrl+E布尔运算减去顶上图层

ps设计一个简洁大方的时钟图标教程

ps设计一个简洁大方的时钟图标教程

在建立一个外面的大圆,合并图层,利用布尔运算,与重复区域结合,就是留下相切的部分。

ps设计一个简洁大方的时钟图标教程

最后我们得到了闹钟的刻度

ps设计一个简洁大方的时钟图标教程

写下闹钟的数字

ps设计一个简洁大方的时钟图标教程

建立闹钟的中间部分,建立一个180×180的正圆,颜色填充为#343636。

ps设计一个简洁大方的时钟图标教程

复制一层得到一个,颜色填充为#26282c。建立图层蒙版

ps设计一个简洁大方的时钟图标教程

最后效果:

ps设计一个简洁大方的时钟图标教程

指针部分

ps设计一个简洁大方的时钟图标教程

画出指针的造型,接下来做指针的阴影

ps设计一个简洁大方的时钟图标教程

指针的阴影做完是这个效果,用高斯模糊或着形状填充为零做阴影,用混合模式做阴影,要

ps设计一个简洁大方的时钟图标教程

把对号去掉,自己调节角度。

最后效果

ps设计一个简洁大方的时钟图标教程

教程到此结束,小伙伴是不是有所启发,何不自己动手尝试一下呢。

以上就是ps怎样设计一个简洁大方的时钟图标的介绍。相信看完之后对大家一定有所帮助。更多PS教程请继续关注脚本之家!

相关推荐:

PS制作红色拟物化时钟icon图标教程

ps怎么设计一款红色的UI时钟元素图标?

ps怎么设计一款粉绿色舒适主题风格的时钟图标?

相关文章

  • ps怎样制作iphone苹果手机app store应用商店图标?

    ps怎样制作iphone苹果手机app store应用商店图标?运用PHOTOSHOP软件,可以很简单的制作大家想要的照片,下面和小编一起来看看具体步骤吧
    2017-11-06
  • ps怎么设计两个折纸效果的心形图标?

    ps怎么设计两个折纸效果的心形图标?想要设计亮给心形,样式类似于折纸的效果,该怎么设计这个图标呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-11-06
  • ps中怎么绘制一个老鹰头像图标?

    ps中怎么绘制一个老鹰头像图标?想要画一个凶狠的的老鹰头,该怎么画呢?今天我们就来看看ps绘制老鹰头的方法,很简单,需要的朋友可以参考下
    2017-11-05
  • ps怎样快速制作一个旋转空调按钮图标?

    ps怎样快速制作一个旋转空调按钮图标?运用PHOTOSHOP软件,可以很简单的制作大家想要的照片,下面和小编一起来看看具体步骤吧
    2017-11-04
  • ps怎样设计一个简单的麦克风图标?

    ps怎样设计一个简单的麦克风图标?运用PHOTOSHOP软件,可以很简单的制作大家想要的照片,下面和小编一起来看看具体步骤吧
    2017-11-03
  • ps怎么设计苏宁的狮子图标?

    ps怎么设计苏宁的狮子图标?我们知道苏宁的图标是一个狮子图标,该怎么制作这个图标呢?下面我们就来看看使用ps设计的过程,需要的朋友可以参考下
    2017-11-03
  • ps怎样设计简单的计算机应用图标?

    ps怎样设计简单的计算机应用图标?运用PHOTOSHOP软件,可以很简单的制作大家想要的照片,下面和小编一起来看看具体步骤吧
    2017-11-02
  • ps怎么设计一款红色的战鼓图标?

    ps怎么设计一款红色的战鼓图标?ps中想要设计一个战鼓的图标,该怎么设计才漂亮呢?下面我们就来看看ps战鼓的设计方法,需要的朋友可以参考下
    2017-11-02
  • ps怎么绘制带心跳的耳机图标?

    ps怎么绘制带心跳的耳机图标?ps中想要制作一个带有音乐心跳的耳机作为图标,该怎么设计恩?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-10-31
  • ps怎么设计一个卡通效果的icon图标?

    ps怎么设计一个卡通效果的icon图标?ps中想要设计一个卡通的图标,看上去很可爱,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-10-31

最新评论