教程主要使用I使用Illustrator绘制2.5D风格创意建筑插画设计教程,主体是蓝色、粉色的建筑主体,以及绿色的底座和蓝紫色渐变的背景色,希望大家可以喜欢.

关于教程

首先我们来分析这张2.5D插图,主体是蓝色、粉色的建筑主体,以及绿色的底座和蓝紫色渐变的背景色,所以绘制时,我们将按照5个步骤来进行,分别是1.新建文档->2.创建参考线->3.绘制底板和背景->4.绘制建筑物主体->5.绘制细节和装饰->6.导出存储,现在来一步步详细说明:

大家在制作过程中切记随手保存,避免软件崩溃丢失进度喔~

教程效果图

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

教程步骤

Step 01 新建文档

打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,1800✖️2400

Step 02 创建参考线

2.1先用钢笔工具画一条竖线

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

2.2选中竖线,按住alt➕shift复制平移出第二条竖线,control➕D复制出一排竖线。选中所有竖线,control➕G编组

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

2.3选中该组,鼠标右键变化-旋转。旋转60度,复制

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

2.4control➕D再复制一组。

如果出现没有交叉的现象,如下图:

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

则回到第2步,在第一组竖线中删去最边上一根竖线(保证为单数),再继续3,4步操作

正确的:

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

2.5选中所有的参考线

上方菜单栏-视图-参考线-建立参考线

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

2.6如若需要改变参考线颜色:illustrator-首选项-参考线和网格

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

2.7视图-关闭-对齐网格&对齐像素&对齐点

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

2.8参考线完成,图层命名:参考线,锁住

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

Step 03 绘制底板和背景

所有绘制的时候,随时用小白调整锚点和路径,与参考线对齐

3.1新建图层,钢笔工具沿着参考线绘制出矩形,颜色如图,命名为底板面

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

3.2继续用钢笔绘制出左右两个厚度,分别命名为厚度左,厚度右,颜色分别如图

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

3.3做出底板凹陷效果

用钢笔延参考线绘制两个矩形,颜色如下图

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

用钢笔绘制如下矩形,选中该矩形和“厚度左”,减去顶层,命名为“厚度左”。“厚度右”同理。

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

用钢笔绘制如下矩形,填充与底板面相同的颜色(吸管工具点一下底板面)

I使用Illustrator绘制2.5D风格创意建筑插画设计教程

凹陷效果完成