vividesigning.com is an E-learning website. We are making things easier for you to understand and learn in a fast and effective way.

How to create Line Web Background in Adobe Illustrator?


Line Web Background in Adobe Illustrator

In today’s tutorial, you will learn to create a Line Web Background in Adobe Illustrator. Tools which will be used are Rectangle Tool, Pen Tool, Drop Shadow Effect and few other tools.

Line Web Background in Adobe Illustrator

Launch Adobe Illustrator and create a new document with RGB color mode. Now follow the below steps:

Step 1

Select the Rectangle Tool from the Tool Panel and draw a rectangle same as the size of the artboard.
Fill the rectangle with color #e6e9ee and turn off the Stroke color.

Line Web Background in Adobe Illustrator

Press Ctrl + 2 to lock the background.

Step 2

 Now select the Pen Tool from the Tool Panel. Press Shift + X to Swap Fill and Stroke. Change the Stroke Color to #cdd5e0. Now draw random lines on the artboard and increase the stroke size to 20 pt.

Line Web Background in Adobe Illustrator

Step 3

Now select all the strokes and click on Object in the Menu Bar. Then select Expand and a dialogue box will pop on the artboard. In that dialogue box, click OK.

Line Web Background in Adobe Illustrator

Line Web Background in Adobe Illustrator

Step 4

After expanding the strokes, select few lines randomly and go to the Pathfinder Panel. In the Pathfinder Panel, click on Unite to add the select lines with each other forming a compound path.

Line Web Background in Adobe Illustrator

Line Web Background in Adobe Illustrator

Similarly, Unite the remaining lines.

Line Web Background in Adobe Illustrator

With the help of Direct Selection Tool, make the edges of the inner shapes round as shown in the below images.

Line Web Background in Adobe Illustrator

Line Web Background in Adobe Illustrator

Step 5

Now we have two layers of Compound Paths. Select one layer and click on Effect in the Menu Bar. Place the cursor on Stylize and select Drop Shadow.

Line Web Background in Adobe Illustrator

In the Drop Shadow box, set the blend to Normal and then set the positions of X offset and Y offset. Also reduce the Opacity.

Line Web Background in Adobe Illustrator

We will again apply the Drop Shadow Effect on the same layer. When you will select Drop Shadow Effect in the Menu Bar, a dialogue box will appear to confirm whether you want to apply a new effect or you want to edit the applied effect. In that dialogue box, you will click on Apply New Effect.

The color of the shadow is white and the opacity is 100%.

Line Web Background in Adobe Illustrator

Now we will apply the Drop Shadow Effect third time on the same layer.

Line Web Background in Adobe Illustrator

Step 6

Similarly, apply the same effect on another layer of the compound path.

Line Web Background in Adobe Illustrator

Step 7

Select the Rectangle Tool and draw a rectangle on the artboard. Fill the rectangle with a gradient and then open the Transparency Panel and set the Blend to Soft Light.

Line Web Background in Adobe Illustrator

So this is how you can create an abstract background in Adobe Illustrator.

Line Web Background in Adobe Illustrator

Practice this tutorial of Line Web Background in Adobe Illustrator and share your views in the comment section. Also share this tutorial with others.

Share:

No comments:

Post a Comment

Follow by Email

Search This Blog

Translate