优艾设计网

Photoshop cc教程:做一个立体的UI图标

最终效果:

Photoshop cc教程:做一个立体的UI图标

提示:本教程所用PS版本为2014年6月下旬发布的最新 Photoshop CC 2014 ,老版本可能部分步骤无法实现,学习本教程前,务必下载最新版本

本教程平台为 Mac 系统,Windows下也可以看,步骤是一样的

1,新建画布,参数如下

Photoshop cc教程:做一个立体的UI图标

2,新建两图层,填充颜色 #dcdcdc,分别命名为墙,地板

Photoshop cc教程:做一个立体的UI图标

3, 选择圆角矩形工具,设置为形状,半径为52,然后画一个300x300的圆角矩形,设置矩形颜色为纯白,并放在画布中央,将该图层命名为 白板背景

Photoshop cc教程:做一个立体的UI图标

Photoshop cc教程:做一个立体的UI图标

Photoshop cc教程:做一个立体的UI图标

4,选择钢笔工具,选择形状,画出红布,颜色为: #ff0000 ,将该图层命名为 红布

Photoshop cc教程:做一个立体的UI图标

Photoshop cc教程:做一个立体的UI图标

5,继续用钢笔工具画出头条和灰色横线,头条设置为纯白,灰色横线为 #dcdcdc,图层分别命名为头条,文字纹理

Photoshop cc教程:做一个立体的UI图标

Photoshop cc教程:做一个立体的UI图标

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜