Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your 7 Day Free Trial Start Plus Trial Maybe Later
Abstract Vector Background in Illustrator
  • By Design Bundles
  • 4 Mins
  • Illustrator Tutorials

Abstract Vector Background in Illustrator

1 - In Illustrator, create a “New Document”.

2 - Select the “Rectangle Tool” (M), draw a rectangle covering your whole document and fill it with Black.

3 - Lock your “Background” Layer by clicking on the left side of its thumbnail to bring out the small “Padlock” icon. Create a “New Layer” by clicking on the small button at the bottom of the “Layers Panel”.

4 - Select the “Pen Tool” (P) and draw a shape inside the “Canvas”. Fill it with White.

5 - With the shape still selected, go to Object > Create Gradient Mesh… Use 3 “Rows”, 3 “Columns”, “Appearance: Flat” and “Highlight” 100%.

6 - Using the “Direct Selection Tool” (A), click on the 4 Central “Anchor Points” (using the “Shift” key to select all). Change their “Fill” color to Black.

7 - Select the ones in the “Left” side and fill them with a bright color (we used Yellow). Do the same with the ones on the Top and Bottom Center using different colors and finally with the “Right” side.

8 - You can change the shape of the “Mesh” by selecting the “Anchor Points” and moving them or adjusting the “Handles”.

9 - Once you are happy, duplicate the “Shape” by dragging it while holding the “Shift” and “Alt/Option” keys. Rotate it to start creating a “Pattern” and change the “Blending Mode” to “Exclusion” in the “Transparency Panel”. Repeat as many times as needed to cover the entire “Canvas” and experiment with different “Blending Modes” and Shape rotations.

10 - Select the “Ellipse Tool” (L) and draw a circle inside the Canvas. Choose a bright color (we used Green) and use it to fill the circle with a “Radial Gradient” from 100% to 0%. Change the “Blending Mode” to “Screen” in the “Transparency Panel”. Create other circles and fill them with different color gradients.

11 - Using the “Rectangle Tool” (M), draw another rectangle on top of everything. Use “None” as “Fill” and “Stroke” color, select everything (Command/Control + A) and go to Object > Clipping Mask > Make (Command/Control + 7).

12 - Check out your “Background”.

by @lornacane


6 Related Illustrator Tutorials

 1 - In Illustrator, create a “New Document”.2 - Go to View > Rulers > Show Rulers (Command/Control + R).3 - Click and drag down from the Top Ruler to the Center of the document to create a “Guide” roughly in the middle of it to mark the “Horizon”.4 - Select ...

1 - In Illustrator, create a “New Document”.2 - Select the “Rectangle Tool” (M) and draw a rectangle covering the entire document. Choose a “Gradient” as “Fill” and no “Stroke”.3 - In the “Gradient” Panel make your gradient “Linear” at a 90° Angle and fill it with the colors of your choice (...

Have you wanted to create vector images from your drawings but didn’t know how? It’s actually pretty easy to do. In this tutorial, we’ll teach you how to convert a drawing to a vector in Adobe Illustrator.We’ll be using a drawing of a feather from ...

1- Open Ai and create a new art board.2-Click and drag your image into your art board.3- Adjust your image to fit your art board.4- On the left toolbar select the stroke colour to black and turn off the fill colour.5-Select the pen tool (1) and then ...

In this tutorial we will be creating a pastel gradient background in Adobe Illustrator. To select our colors we will be using a pastel color palette. Creating gradients in this way gives you full flexibility to create your preferred color blends. It allows you to add and remove colors to ...

This tutorial will show you how to create a pop art vector image in Illustrator from a photo. Pop art vector images work well on posters, stickers, and sublimation designs as they are very striking with saturated colors and bold outlines.For this tutorial, you will need an image or ...

You may also like

Help Center
ol image