如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:www.ps-xxw.cn

绘制立体QQ旋风下载软件图标的PS教程

当前位置 : PS学习网 > 鼠绘专区 > 正文来源:网络作者:网络时间:2019-04-20人气:

本教程主要使用Photoshop绘制蓝色立体效果的软件下载图标,教程不难,重点是形状工具的运用,已经看到不少同学交作业了,你也来试试吧。有不懂的朋友可以下载PSD文件研究,下面就开始教程的绘制吧。

先看看效果图

绘制立体QQ旋风下载软件图标的PS教程

这个是原图标

绘制立体QQ旋风下载软件图标的PS教程

这个是我们的临摹成果

背景的创建没什么好说的,只是渐变,然后加了个图案而已。文档大小的话,请随意,本人用的1500*1000像素。首先,我画了水平居中和垂直居中两条参考线,方便等会的对齐,选择椭圆工具,画一个圆。

绘制立体QQ旋风下载软件图标的PS教程

为这个圆添加一个渐变叠加。

绘制立体QQ旋风下载软件图标的PS教程

添加一个1像素的描边。

绘制立体QQ旋风下载软件图标的PS教程

添加一个投影。

绘制立体QQ旋风下载软件图标的PS教程

目前效果如下:

绘制立体QQ旋风下载软件图标的PS教程

还是使用椭圆工具画出内部的这个圆。

绘制立体QQ旋风下载软件图标的PS教程

给内部的这个圆添加一个径向渐变。

绘制立体QQ旋风下载软件图标的PS教程

添加一个描边。

绘制立体QQ旋风下载软件图标的PS教程

添加一个内阴影。

绘制立体QQ旋风下载软件图标的PS教程

添加一个外发光,模拟原图标灰色描边外面的白色高光。

绘制立体QQ旋风下载软件图标的PS教程

现在,我们得到如下的效果。

绘制立体QQ旋风下载软件图标的PS教程

 

下面,开始画那个下载的箭头图标,首先,画个圆,再画个椭圆减去。

绘制立体QQ旋风下载软件图标的PS教程

选择矩形工具,画个矩形,旋转一下,减去。

绘制立体QQ旋风下载软件图标的PS教程

画个圆角矩形,增加。

绘制立体QQ旋风下载软件图标的PS教程

复制圆角矩形,并旋转,调整大小。

绘制立体QQ旋风下载软件图标的PS教程

画个三角形,把中间空白的位置补上。

绘制立体QQ旋风下载软件图标的PS教程

合并形状组件,并添加一个图层蒙版,用画笔涂抹,让箭头图标的左边跟原图标一样,有个透明度。

绘制立体QQ旋风下载软件图标的PS教程

为这个箭头添加一个渐变叠加。

绘制立体QQ旋风下载软件图标的PS教程

复制一层这个箭头图层,并将填充更改为0,下移一定的像素,并将其置于箭头图层的下层,添加一个颜色叠加。

绘制立体QQ旋风下载软件图标的PS教程

添加一个投影。

绘制立体QQ旋风下载软件图标的PS教程

再次复制一下箭头图层,修改一个锚点,调整成如下图所示,我们来做那个浮雕效果。

绘制立体QQ旋风下载软件图标的PS教程

回顶部