UI设计教程 扁平化UI图标设计常用的技巧和方法(2)

来源:网络   作者:热心网友   发布时间:2016-08-09    浏览次数:188
收藏到:


二、长投影

步骤 1:

矩形工具,前景色#000000, 在三角箭头图层以及圆环图层下方画出形状如下图

Photoshop简单设计四种扁平化设计图标

自由变换,选择45度

Photoshop简单设计四种扁平化设计图标

为矩形形状添加图层蒙版

Photoshop简单设计四种扁平化设计图标

在图层蒙版位置按住CMD+左键单击圆角矩形形状图层,然后选择>反向

Photoshop简单设计四种扁平化设计图标

使用油漆桶工具,前景色设置为#000000,抹去超出圆角矩形的阴影

Photoshop简单设计四种扁平化设计图标

Photoshop简单设计四种扁平化设计图标

如下图使用钢笔工具

Photoshop简单设计四种扁平化设计图标


不透明度设置为 20%

Photoshop简单设计四种扁平化设计图标

Photoshop简单设计四种扁平化设计图标

步骤2:

步骤1是三角箭头的阴影,步骤2是圆环的阴影,类似同上,不再赘述。

Photoshop简单设计四种扁平化设计图标

Photoshop简单设计四种扁平化设计图标

Photoshop简单设计四种扁平化设计图标

教程未完,请看下一页!


123共3页
联盟广告
×

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

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

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通