Illustrator绘制磨砂噪点风格的海边插画

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

本次教程内容临摹追波上 Febin-Raj的作品,出色的光影和色彩的搭配,构造出一个和谐统一的画面。作品实际的绘制过程涉及布尔运算、路径查找器、钢笔工具等很多知识点,还有ps里的杂色、蒙版等。这副插画的渐变比较多也是重点所在。下面我们就开始吧。

先看看效果图:

Illustrator绘制磨砂噪点风格的海边插画,PS教程,思缘教程网

绘制思路分析

—、由于画面的结构较多,所以我们首先把画面分为几个部分

步骤 01

先把画面分成背景和主体两部分

Illustrator绘制磨砂噪点风格的海边插画,PS教程,思缘教程网

Illustrator绘制磨砂噪点风格的海边插画,PS教程,思缘教程网

其次再把主体拆分成几部分:房子、塔、树、草丛、地面几部分。

Illustrator绘制磨砂噪点风格的海边插画,PS教程,思缘教程网

绘制背景

步骤 02

新建画板大小为800x600px

Illustrator绘制磨砂噪点风格的海边插画,PS教程,思缘教程网

由于背景比较繁琐我们先制作大块面,然后在添加细节。

先用矩形工具一个与画板大小一样的矩形并填充渐变,色值 #4bb8e4 ~ #d2ebf0

(注意:这副插画所有的渐变都是线性)

Illustrator绘制磨砂噪点风格的海边插画,PS教程,思缘教程网

然后在用矩形工具画一个 800px*392px 的矩形放在上一个矩形的下方,

填充渐变颜色从左至右分别为:#d2cfc5,#c7dbd7,#d2e0de,#dde5e6,位置 22%,42%,62%

Illustrator绘制磨砂噪点风格的海边插画,PS教程,思缘教程网

 收藏