Photoshop绘制逼真的下雨图标教程

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:Royavs

关键词

Photoshop绘制逼真的下雨图标教程

1、背景填充渐变如图,再花正圆矩形大小,适当就行。

Photoshop绘制逼真的下雨图标教程

2、图层样式为径向渐变,渐变色如图(自己看着调)。

Photoshop绘制逼真的下雨图标教程

3、绘制阴影,用椭圆工具图标下层绘制一个形状如图的椭圆,在属性面板里进行羽化,效果如图。然后建立图层蒙版擦出多余部分。

Photoshop绘制逼真的下雨图标教程

4、椭圆工具如上图画上第一层云朵的阴影黑色,不透明度为12%。

Photoshop绘制逼真的下雨图标教程

5、Ctrl + J 复制一层云朵上移动,图层样式:斜面和浮雕,渐变叠加上浅下深都是灰度的。下面颜色要深一些是为了让上层云有立体感。

Photoshop绘制逼真的下雨图标教程

6、再复制一层云,Ctrl + J 不要图层样式,颜色填充如图。然后等比例缩小,就把下层的立体边露出来即可。

Photoshop绘制逼真的下雨图标教程

7、同样的方法再做一层小云朵,颜色填充,图层样式如图。然后复制一层放大一点,放在下面做阴影。

Photoshop绘制逼真的下雨图标教程

8、使用多边形画出闪电,两个变形的三角形组成的,当然也可以钢笔工具自己画。底层闪电颜色纯度稍微低一点。再复制一层填充较高饱和度的柠檬色,利用图层蒙版擦除上层部分闪电。

Photoshop绘制逼真的下雨图标教程

9、填充色如图,在闪电层上小云层下画椭圆,,利用属性面板对椭圆进行羽化,模式为叠加,效果如图。

Photoshop绘制逼真的下雨图标教程

 收藏