教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666

说到插画,你会想起什么样的?

.

.

.

扁平吗?

.

.

教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第1张图片

或者是这样立体的

.

.

.

教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第2张图片

或者是GIF

.

.

那么我们今天做的是哪种呢?

先来看一张图片:

教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第3张图片
(左边是照片,右边是插画。)

这种风格有个简单的名字“色块”

下面我们来操作一下

-----------+-----------

建立画布

「尺寸一定是手机屏幕的大小!!」

教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第4张图片

然后把事先选好的图拖进去

教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第5张图片

画出矩形轮廓

「大块布局对应放好位置」

用矩形工具画个矩形

填充不同的颜色

变换成不同的形状

教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第6张图片
教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第7张图片

添加细节装饰

「窗户、扶梯、阴影都得有!!!」

然后再黄褐色墙的顶部

用矩形工具画上窗户

教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第8张图片

在底部黄色色块上

加上白色斜线和扶梯

教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第9张图片

插画完成

「放在手机里看一下效果」

来看一下我们画好的插画有多少层

教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第10张图片

放一张最终效果

教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第11张图片

再来一张手机效果

教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第12张图片

.

.

over

你,学会了吗?

思路总结:其实画插画并不难,难的是没有正确的方法,这个方法叫做“比葫芦画瓢法”,意思是先找到一张参照图片(图虫、500px等),根据照片中的场景加上自己的灵感,在ps里画出来,运用图层间的关系,形状、渐变间的搭配,一张插画就出来了。


关注下方微信公众号,学习更多插画教程。


教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666_第13张图片

你可能感兴趣的:(教程:如何设计一张插画风格的手机屏保壁纸!这个方法简直666)