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

2022-12-26 18:38:57 来源/作者: / 己有:48人学习过

最终效果:

Photoshop制作3D效果教程:今日头条3D版

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

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

1,新建画布,参数如下

Photoshop制作3D效果教程:今日头条3D版

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

Photoshop制作3D效果教程:今日头条3D版

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

Photoshop制作3D效果教程:今日头条3D版

Photoshop制作3D效果教程:今日头条3D版

Photoshop制作3D效果教程:今日头条3D版

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

Photoshop制作3D效果教程:今日头条3D版

Photoshop制作3D效果教程:今日头条3D版

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

Photoshop制作3D效果教程:今日头条3D版

Photoshop制作3D效果教程:今日头条3D版