PS设计教程网欢迎你!

Photoshop绘制逼真的计时器UI图标教程(2)

文章来源于 百度贴吧,感谢作者 P大点S 给我们带来经精彩的文章!
设计教程/PS教程/鼠绘教程2015-07-23
下面,我们开始制作图标的整体,用圆角矩形工具,画一个圆角矩形。 为这个框添加一个渐变叠加。 添加一个外描边。 添加一个内阴影。 现在,我们得到如下效果: 选择框图层,复制一层在下层,调整圆角矩形大小,宽度

下面,我们开始制作图标的整体,用圆角矩形工具,画一个圆角矩形。

Photoshop绘制逼真的计时器UI图标教程

为这个框添加一个渐变叠加。

Photoshop绘制逼真的计时器UI图标教程

添加一个外描边。

Photoshop绘制逼真的计时器UI图标教程

添加一个内阴影。

Photoshop绘制逼真的计时器UI图标教程

现在,我们得到如下效果:

Photoshop绘制逼真的计时器UI图标教程

选择框图层,复制一层在下层,调整圆角矩形大小,宽度缩小4像素,高度不变,向下移动4像素。

Photoshop绘制逼真的计时器UI图标教程

选择框拷贝图层,再次复制一层在下层,同样的宽度还是缩小4像素,高度不变,向下移动4像素。

Photoshop绘制逼真的计时器UI图标教程

为这个最底层的框,也就是框拷贝2图层增加一个外发光。

Photoshop绘制逼真的计时器UI图标教程

增加一个投影。

Photoshop绘制逼真的计时器UI图标教程

现在,我们的效果如下:

Photoshop绘制逼真的计时器UI图标教程

接下来,打上字。

Photoshop绘制逼真的计时器UI图标教程

为这个数字设置一个渐变。

Photoshop绘制逼真的计时器UI图标教程

添加一个投影。

Photoshop绘制逼真的计时器UI图标教程

设置前景色为#172026,画一个矩形。

Photoshop绘制逼真的计时器UI图标教程

为这个线,设置一个投影。

Photoshop绘制逼真的计时器UI图标教程

用圆角矩形工具,画一个圆角矩形。

Photoshop绘制逼真的计时器UI图标教程

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa