Photoshop绘制立体质感的时钟APP图标

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

uimaker.com/uimakerhtml/uistudy/">教程主要使用Photoshop绘制立体质感的时钟APP图标,今天的教程一个超简单的图标绘制,无任何难度,仅仅是图层样式的应用,适合新手入门临摹练习,源文件已打包,感兴趣的同学来一发。

我们的最终效果:

Photoshop绘制立体质感的时钟APP图标

背景没什么好说的,就是做个渐变,设置前景色为#f8efe0,用圆角矩形工具一个圆角矩形,这是我们的主体。

Photoshop绘制立体质感的时钟APP图标

为圆角矩形添加一个图层样式。友情提示,渐变叠加样式中的图层混合模式是叠加,为什么是叠加,自己想想。

Photoshop绘制立体质感的时钟APP图标

Photoshop绘制立体质感的时钟APP图标

Photoshop绘制立体质感的时钟APP图标

Photoshop绘制立体质感的时钟APP图标

下面,我们强化一下投影效果,复制一层圆角矩形,置于我们主体圆角矩形的下层,更改颜色为黑色,,执行一个角度为90度,距离为50的动感模糊滤镜,将图层混合模式更改为正片叠底,图层不透明度为23%,当然,你需要用蒙版擦除上半部分那些不和谐的部分。

Photoshop绘制立体质感的时钟APP图标

Photoshop绘制立体质感的时钟APP图标

 收藏