Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own.  Home Vector Graphics Adobe Illustrator How to Create an Abstract Vector Design in Illustrator
Your Ad Here

How to Create an Abstract Vector Design in Illustrator


Start work sketching out a rough plan for the design, taking into consideration the composition and general style of the illustration.

How to Create an Abstract Vector Design in Illustrator image 1

Open up Adobe Illustrator and create a new document. Choose a generic size such as A4, and set the Color Mode to RGB for a choice of nice, vibrant colours.

How to Create an Abstract Vector Design in Illustrator image 2

Draw a 210x297mm rectangle onto the Artboard, align it centrally then add a soft grey to white radial gradient. This subtle addition gives a little depth to the design, rather than a boring flat white background.

How to Create an Abstract Vector Design in Illustrator image 3

Pick out a colour scheme of your choice. Here I've used an ice-cream inspired mix of baby blues, pinks and a couple of complementing greys. Draw a square at 7x7mm, copy (CMD+C) and paste in place (CMD+F). Then, press the ENTER key to Move the square a set distance horizontally, enter 7mm into the options.
Tip: Use CMD+D after pasting a new object to repeat the last transform command.

How to Create an Abstract Vector Design in Illustrator image 4

With all the coloured squares selected, click the New Brush icon in the Brushes palette. Select New Art Brush from the list.

How to Create an Abstract Vector Design in Illustrator image 5

In the options panel, ensure the direction of the brush is correct. Click the small arrow buttons to alter the orientation of the brush flow.

How to Create an Abstract Vector Design in Illustrator image 6

With the Pen Tool, draw a smooth flowing line spanning from the bottom left corner to the upper third of the document.

How to Create an Abstract Vector Design in Illustrator image 7

With the path selected, click the recently created brush in the Brushes Palette to give a cool stripe effect.

How to Create an Abstract Vector Design in Illustrator image 8

Go to Object > Expand Appearance to convert the path to a shape, then right click and Ungroup the objects.

How to Create an Abstract Vector Design in Illustrator image 9

Rather than have all the coloured stripes end abruptly, we want to tweak them to different lengths. Draw a temporary shape that crops off one of the stripes. With the shape and stripe selected choose the Subtract from Shape Area option in the Pathfinder.

How to Create an Abstract Vector Design in Illustrator image 10

Repeat this process with the remaining stripes at different positions, giving varied lengths to the lines.

How to Create an Abstract Vector Design in Illustrator image 11

Add some depth to the stripes by changing the flat colour to a gradient. Add a couple of extra swatches that add lighter and darker tones. It's handy to keep a copy of the original swatches to one side to allow quick and easy colour picking.

How to Create an Abstract Vector Design in Illustrator image 12

Begin to add some secondary elements to the design, such as a bunch of grey circles. Draw each shape at a different size to fill out the empty space.

How to Create an Abstract Vector Design in Illustrator image 13

Overlap this area with another collection of circles, this time choose a different colour from the palette. Add a subtle gradient to give some depth to these new shapes.

How to Create an Abstract Vector Design in Illustrator image 14

Spice up the design with a touch of transparency. Draw a couple of new circles using the pink and blue colours, then change their blending mode to Overlay to react with the colours underneath, giving a vibrant theme to the design.

How to Create an Abstract Vector Design in Illustrator image 15

With circles being a prominent theme in the design, a set of halftone style elements would fit in well. Download a copy of the Vector Halftones from Think Design.

How to Create an Abstract Vector Design in Illustrator image 16

Add a few objects to fill out the space either side of the main flowing lines. Use the Overlay blending mode, or simply reduce the opacity to tone down the elements.

How to Create an Abstract Vector Design in Illustrator image 17

A variation of the circular shapes is a circle with a stroke, giving a ring shape that still fits in with the overall theme. Continue drawing lots of tiny shapes that give plenty of detail to the design.

How to Create an Abstract Vector Design in Illustrator image 18

Draw a separate circle elsewhere on the Artboard. Use the Direct Selection Tool to select two of the points. Hit delete to crop the circle down to a quarter.

How to Create an Abstract Vector Design in Illustrator image 19

Add a thick stroke to the line, the idea is to match the width of the main flowing lines, so a little trial and error is in order to match them exactly.

How to Create an Abstract Vector Design in Illustrator image 20

Position the new curved line accurately on the end of the blue stripe.

How to Create an Abstract Vector Design in Illustrator image 21

Overlap some large circle elements using the Overlay blending mode to break up the flow of the lines slightly.

How to Create an Abstract Vector Design in Illustrator image 22

Continue adding lots of little elements to the design. The key is to place the objects so that they span outwards from the central flowing lines.

How to Create an Abstract Vector Design in Illustrator image 23

Also place objects so that they interact with each other, which helps give variety to the shapes.

How to Create an Abstract Vector Design in Illustrator image 24

Spice up the overall background with some very large, faint circles.

How to Create an Abstract Vector Design in Illustrator image 25

The vector design is just about complete. The clean lines of vector work always looks pretty cool, but I always enjoy roughing up my designs a little in Photoshop to add some interesting texture and detail.

How to Create an Abstract Vector Design in Illustrator image 26

Copy the whole illustration, then open up Adobe Photoshop. Create a new layer in proportion to the design.

How to Create an Abstract Vector Design in Illustrator image 27

Paste in the vector elements and scale to the document boundaries. Being vector graphics they can be scaled to any size until they are rendered as pixels.

How to Create an Abstract Vector Design in Illustrator image 28

Head over to SXC to find a nice canvas texture. Copy the design into Photoshop and desaturate to remove the original colour cast.

How to Create an Abstract Vector Design in Illustrator image 29

Paste and scale the texture into place in the main document. Set the blending mode to Multiply and drop the opacity down to suit.

How to Create an Abstract Vector Design in Illustrator image 30

Duplicate the vector artwork layer then go to Filter > Noise > Add Noise. Choose a low setting that just adds some grainy detail to the colours. Change the blending mode to Multiply and drop the opacity right down.

How to Create an Abstract Vector Design in Illustrator image 31

The illustration now has a nice grainy feel to it that contrasts against the clean and crisp line of the vector graphics.

How to Create an Abstract Vector Design in Illustrator image 32

Make any last tweaks such as a touch of Curves adjustment to bring out the darks and lights for more contrast.

How to Create an Abstract Vector Design in Illustrator Tutorial: Final Result

The abstract vector illustration is now complete. The great thing is this type of work fits right into any type of design for print and web, or could be left as a design showcased on its own.



Author's URL: Blog.SpoonGraphics
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Vector graphics is the creation of digital images through a sequence of commands or mathematical statements that place lines and shapes in a given two-dimensional or three-dimensional space. More Vector Graphics: Most Popular Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

Add comments to "How to Create an Abstract Vector Design in Illustrator"

Only registered users can write comment

No comments yet...