Photoshop绘制立体风格的日历APP图标教程(3)

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

uimaker
UI设计师 / 江苏 南京

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

关键词

外发光

Photoshop绘制立体风格的日历APP图标教程

现在的效果如图所示:

Photoshop绘制立体风格的日历APP图标教程

新建一个圆角矩形,填充白色,调整好参数和位置:

Photoshop绘制立体风格的日历APP图标教程

双击图层样式添加投影

Photoshop绘制立体风格的日历APP图标教程

新建一层文字层,打上数字,颜色为黑色,调整好位置和大小。

Photoshop绘制立体风格的日历APP图标教程

Alt+v+e弹出水平线对话框,拉出一条水平为50%,一条垂直为50%的水平线,以便我们调整位置。

Photoshop绘制立体风格的日历APP图标教程

复制下方的圆角矩形到最顶层,Ctrl+t调整大小,填充白色,我加了个灰色是便于大家观看。

Photoshop绘制立体风格的日历APP图标教程

并把透明度调整为12%,然后选中三个图层Ctrl+g组合起来。

Photoshop绘制立体风格的日历APP图标教程

 收藏