ui设计教程 金属质感APPui图标教程(3)

来源:网络   作者:热心网友   发布时间:2016-08-11    浏览次数:221

第5步:

双击云图层,为其添加内阴影样式。

Photoshop设计金属立体效果的APP图标,PS教程,16xx8.com教程网

继续添加描边样式,这里依然选择渐变描边,将默认的黑白渐变反向即可。

Photoshop设计金属立体效果的APP图标,PS教程,16xx8.com教程网

第6步:

将云图层Ctrl+J复制一层,清除其图层样式,并将颜色改变为浅灰色。Ctrl+T将其缩小,缩小时按住Alt键可以进行中心缩放。缩小完毕,你可以利用直接选择工具微调锚点,使边缘看上去均匀即可。

Photoshop设计金属立体效果的APP图标,PS教程,16xx8.com教程网

第7步:

复制圆角矩形的图层样式,粘贴到内部的云形图层。(小技巧:按住Alt键拖动图层样式的fx图标到另外图层上,可以快速复制图层样式。)

将描边大小修改为2像素,我们就完成了非常简单的icloud图标的制作。

Photoshop设计金属立体效果的APP图标,PS教程,16xx8.com教程网

来看看最终效果图吧:

Photoshop设计金属立体效果的APP图标,PS教程,16xx8.com教程网

本教程完!

123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4579.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通