Illustrator Flat Poster Design A Course of Making Linear Style Illustrated Posters with AI

Posted on 2022年12月2日2022年12月10日 by liangxianfu

Flat style illustration can be represented by lines, which is similar to most linearIconThe production method of is similar, but the difference is that the scale of icons is obviously smaller, and the graphics to be considered are much less. Line is a graphic representation worthy of our exploration. Whether we paint it or not, we can be drawn into the figure itself by the lines, which gives me the ability toDesignproductposterSome inspiration. Today we will work with you to make this graphic poster with lines as the main elements.

inspiration source

1. The reference of the pattern is the line illustration from the pinterest, which basically continues the style, but changes the line representation. We will focus on the prompt later in the process.

2. The concept of the whole poster originated from the association of “building blocks” generated by the product of pagepan. At this time, Lego building blocks were selected as the main focus of creation.

Learning suggestions

This article is suitable for those who already have softwareBasicsA little partner who wants to advance flat line illustration~

tool

Adobe Illustrator CC (2019)

I have been used to drawing line patterns with AI, and other software is not familiar with it or have a deep understanding of it.

Sketch Process

Sketch is a very, very important process, and even it is the basis of all subsequent work. In view of the fact that most of us, including myself, have not been treated properly, this time we will make up for this link. I drew the sketch three times, and each time made partial optimization. The final product is as follows.

It is no exaggeration that only by taking the creation process of sketches seriously can we truly enjoy the fun of design.

After drawing a sketch, you’d better enter the analysis of pattern realization from the sketch. We roughly divide the whole pattern into three parts:

① Three dimensional building blocks

② Equipment

③ Background decoration

Next, we will complete these different figures step by step, and know how to make them.

Generate Cube

The most important performance of building blocks here is: three-dimensional, and it is the most common isometric three-dimensional style. The isometric stereoscopic style. We once talked about the drawing method and the preparation before drawing in the process of using AI to draw 3D isometric illusion style illustrators. In this article, we will omit the step-by-step explanation.

STEP 01

Open AI, create a 1200px * 850px document, and then create a reference line for isometric stereo style in the new document. Someone asked if the reference line is of great use? To be honest, there is a default isometric 3D conversion setting in AI, so it is almost the same, mainly used when adjusting details.

The prepared reference line is shown below:

You can operate according to the following prompts. For more details, you can enter the 3D isometric 3D illusion style illustration with AI.

Use [Rectangular Grid Tool] to set the width/height to 1000 and the horizontal/vertical setting to 50

选中网格，鼠标右键，进入【变换>缩放】，不等比的参数设置为，水平：100%，垂直：86.602%

【变换>倾斜】，倾斜角度参数：30

【变换>旋转】，旋转角度参数：-30

【视图>参考线>建立参考线】

STEP 02

To draw a line pattern, you should first draw the shape. The shape is non line, which is convenient for shaping. Once the outer contour of the shape is determined, you can make a line pattern by filling into lines.

After the above ideas are determined, we will start to draw the cube. The first step is to draw a rectangle with the size of 160 * 68. The rectangle is filled in gray, and stroke is turned off.

For this size, I suggest that you should be the same as my settings, and make a record. I will tell you why you should do this later.

然后选中这个矩形，进入到【效果>3D>凸出与斜角】，将其转为立方体。你需要改变这两个参数设置：

Position: Equal angle – right

Bulge thickness: 68 (this value is consistent with the height of your rectangle)

The options starting with “Equal Angle” in the drop-down box in the Position column are applicable to the isometric stereo style.

STEP 03

Next, copy the cube made in the previous step. Although we now call this object a cube, its essence is still a plane rectangle (because the object has not been expanded yet). So we continue to change the size of this plane rectangle, change its width, and change its width from 160 to 228.

This is why you need to remember the size of the first rectangle, because 228 is obtained from 160+68. Since we will draw three rectangles of equal height but not equal length here, we want them to increase step by step and equidistant, so we need a parameter. Someone asked if this calculation is not needed here, OK? Is it OK to look good without mathematical calculation? My answer is of course, but numbers are really a convenient tool to control the shape.

When you change the size, the whole cube is extended. Using the same method, copy the third rectangle, which is also increased by 68 on the basis of 228, and the width of the third rectangle is increased to 296. So we get the three cubes we want as follows: