Adobe Illustrator Tutorials abstract background

How to Create an Abstract Background Using Adobe Illustrator

Vector Abstract Background with RingsIn this tutorial we will create an abstract background using very simple techniques. Take a look at the rings; do they look like vector objects? I did not use raster effects or Photoshop in this work. Study the techniques, and you will become the Lord of the Vector Rings!

Step 1

Set the RGB color mode for your document (File > Document Color Mode > RGB color) then take the Rectangle Tool (M) and create a rectangle. Fill the rectangle with black and white radial gradient, which we transform into elliptical one.

Step 2

Vector Abstract Background with RingsCreate another rectangle with the help of the Rectangle Tool (M). The height of the rectangle should be greater than the height of the first rectangle, the width does not matter.

Duplicate the rectangle and distribute the copies over the surface of the background (holding down the Opt / Alt + Shift while dragging).

Step 3

Change the width of the vertical rectangles in any order, and fill them with different shades of gray.

Select and group up all the vertical rectangles (Cmd / Ctrl + G). Now, keeping this group selected, go to and set the angle of -45° in the dialog box.

Step 4

Vector Abstract Background with RingsSet the Overlay Blending Mode and 50% Opacity for this group of rectangles in the Transparency panel.

Select a few central rectangles with the help of the Direct Selection Tool (A) or Lasso Tool (Q) and group them up (Cmd / Ctrl + G).

Take out the created group from the common group of rectangles. Do this in the Layers palette. Fill the upper group with linear black and white gradient at an angle of -135°.

Set the Overlay Blending Mode for this group in the Transparency panel.

Step 5

Vector Abstract Background with RingsCopy the lower rectangle filled with radial gradient, and paste it in front (Cmd / Ctrl + C, Cmd / Ctrl + F). Now place it above all the objects (Shift + Cmd / Ctrl +]).

Select all the objects (Cmd / Ctrl + A) and press the keys Cmd / Ctrl + 7 creating a Clipping Mask.

Step 6

Now let’s create luminous rings. Create a ring with the Dynamic Shapes Tool — one of the tools of the VectorScribe plugin. So, take a Dynamic Shapes Tool and open the panel with the same name . Choose a Dynamic Donut in the panel and create a ring. This shape represents a Compound Path, but it is dynamic. That means that we can control its parameters from the Dynamic Shapes panel or by dragging its corner points.

Vector Abstract Background with Rings Vector Abstract Background with Rings Vector Abstract Background with Rings Vector Abstract Background with Rings


More about Adobe Illustrator Tutorials abstract background

Technique worked pretty well

by annagypsey

I never could find the YouTube
tutorial "Adobe Illustrator Sketch"
that I was looking for, but I
tried out bring a sketch into
AI and using the pen tool to
bring out the outline.
It works pretty well...
Adobe Illustrator CS5 used
effect->photocopy which
turned a black and white
photo into a sketch. Then
I used the pen tool to fill
out the outline.
Used old photo of me when
I was 21.

Adobe Illustrator Tutorial
Adobe Illustrator Tutorial
Adobe Illustrator CS5 Basic Tutorial
Adobe Illustrator CS5 Basic Tutorial


Zane A
Digital Art Question?

Hey what's up guys,

is there a way to make resizeable vector artwork that looks like a bitmap based image (such as the airbrush effect achieved in photoshop) or does this type of artwork need to initially be drawn the size you want it to end up?

I'd really appreciate your help.

There are options in adobe illustrator and corel draw that allow you to blend and use gradient or mesh in vector images,

Anime Studio
Synfig Animation Studio

Professor Quack
I wanna learn to create wave backgrounds like this, where to start?


I'm familiar with XaraXtreme. Tips, tutorials, experience etc etc ?

Many thanks in advance !!!!!

Adobe Illustrator is your best bet.

Related Posts