Photoshop绘制圆形立体效果的下载图标(3)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S微博

关键词

当然,这个渐变,随便你喜欢什么颜色,无所谓,比如下面。

Photoshop绘制圆形立体效果的下载图标

下面,就该画那个下载图标了。

如果你感觉直接画不好操作,你也可以新建个文档来画,下面,我也用一个新文档来演示。

首先,先画出三个圆。

Photoshop绘制圆形立体效果的下载图标

复制圆的路径,减去。

Photoshop绘制圆形立体效果的下载图标

这里需要注意的是如何保证圆环的宽度是一致的,其实有个很简单的方法,网格。我们可以利用网格来对齐,保证我们所画的各个线条的大小是一致的。从我们下图中网格的显示,可以很清楚的看出,我们的宽度已经保持了一致。

Photoshop绘制圆形立体效果的下载图标

画一个矩形,减去。

Photoshop绘制圆形立体效果的下载图标

画两个圆把两边那断开的圆补上。

Photoshop绘制圆形立体效果的下载图标

画一个矩形,增加。

Photoshop绘制圆形立体效果的下载图标

画两个圆,增补到矩形的两端,让其构成圆角。

Photoshop绘制圆形立体效果的下载图标

再画一个矩形,旋转45度,摆放好位置。

Photoshop绘制圆形立体效果的下载图标

复制这一个矩形,水平翻转,摆放到右边。

Photoshop绘制圆形立体效果的下载图标

最后,再画两个圆,移动到那两个旋转45度的矩形的位置。

Photoshop绘制圆形立体效果的下载图标

到这里,下载图标,我们就画好了,你要再不会画,我也没办法了。P大点S作为一个热爱分享的小团队,免不了在这里我也会将这个形状定义到预设分享给大家,在附件中,你可以找到,那个.CSH的文件就是了,导入到PS中,你可以在自定义形状中找到这个形状。

Photoshop绘制圆形立体效果的下载图标

话扯得有点远了,现在我们回到我们的图标文件,把下载的图标放进去,调整好大小和位置。

Photoshop绘制圆形立体效果的下载图标

 收藏