优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:Samice
最终效果: 提示:本教程所用PS版本为2014年6月下旬发布的最新 Photoshop CC 2014 ,老版本可能部分步骤无法实现,学习本教程前,务必下载最新版本

16,凸出设为200

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

17,选择盖子图标,宽度设为6,等高线选择半圆

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

18,对红布做相同操作,凸出为400,宽度3,等高线半圆

19,头条:凸出为50,宽度3,等高线保持默认

20,文字纹理:和头条一致

21,双击墙前面的图标,在坐标下,将x的旋转设为90

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

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

22,选中哪个图层,哪个图层就会有三轴杆,可以移动,旋转和缩放

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

23,通过三轴控件,调整各个图层的位置,并且缩放调整大小,必要时通过调整当前视图来判断位置,最后调整成你想要的视图,如下

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

24,双击当前视图前的图标,在视图下,选择储存,命名为 预渲染视图

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

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

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