Photoshop绘制蓝色立体效果的QQ旋风图标(2)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:cuacq

关键词

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

Photoshop绘制蓝色立体效果的QQ旋风图标

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

Photoshop绘制蓝色立体效果的QQ旋风图标

画个圆角矩形,增加。

Photoshop绘制蓝色立体效果的QQ旋风图标

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

Photoshop绘制蓝色立体效果的QQ旋风图标

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

Photoshop绘制蓝色立体效果的QQ旋风图标

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

Photoshop绘制蓝色立体效果的QQ旋风图标

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

Photoshop绘制蓝色立体效果的QQ旋风图标

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

Photoshop绘制蓝色立体效果的QQ旋风图标

添加一个投影。

Photoshop绘制蓝色立体效果的QQ旋风图标

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

Photoshop绘制蓝色立体效果的QQ旋风图标

将这个图层的填充更改为0,添加一个斜面和浮雕。

Photoshop绘制蓝色立体效果的QQ旋风图标

勾选等高线。

Photoshop绘制蓝色立体效果的QQ旋风图标

复制这个添加了斜面浮雕的图层,将图层颜色更改为白色,将填充更改为10%。

Photoshop绘制蓝色立体效果的QQ旋风图标

在属性面板中,为这个形状羽化10像素,让其边缘平滑过渡。

Photoshop绘制蓝色立体效果的QQ旋风图标

现在,我们强化一下浮雕的效果,画一个矩形,并将矩形的颜色填充设置为无颜色。

Photoshop绘制蓝色立体效果的QQ旋风图标

 收藏