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 Abstract Vector Art

Abstract Vector Art


Understanding The Tools (Warp and Twirl)

Run Illustrator and create a new document, 8 x 10 inches, CMYK color mode. Double click on the Warp tool icon (on the toolbar) to activate the option panel. The setting I have is: width 1.4", height 1.4", and intensity 50%.

image 1

We will be using the Warp tool a lot, so tear off the tool set for quick access. Click and hold on the Warp tool icon until you see a dropdown panel, click on the Tearoff icon.

image 2

Warp Tool

Draw a box with the Rectangle tool. Select the Warp tool and the box. Drag your cursor above the object. Notice how the object warped based on your mouse movement.

image 3

Create another box. Now, go crazy and keep on spinning your mouse around the shape.

image 4

Remember: your result will look different than mine due to your settings and mouse movement.

Twirl Tool

Draw a rectangle box. Select the Twirl tool. With the box selected, press and hold your cursor above the box. It will twirl the object continously.

image 5

Create another box. This time, quickly drag the mouse in zig zag movement.

image 6

Let's Begin

Delete all the test objects. Create a big rectangle shape to cover the document canvas. Fill it with blue gradient. Lock this layer.

image 7

Create a new layer. Draw two long rectangle shapes. Fill one with black color and another with magenta gradient. With both rectangle objects selected, use the Twirl tool and quickly spin the mouse across.

image 8

Rotate the object in 45 degree and place it in the upper right corner.

image 9

Draw a red circle. Select the Twirl tool. Press and hold on the object until you get a sun-looking circle. Place the circle in the back.

image 10

image 11

Draw another circle and fill it with red-orange gradient. Select the Twirl tool and quickly drag on its edge and place it above the sun shape.

image 12

image 13

Glowing Effect

Create a circle and fill it with radial gradient. In the gradient slider, select yellow for one end and black for another end (make sure the black is C=100, Y=100, M=100, K=100). Set the blending mode to Screen.

image 14

Duplicate the glowing circle. Shrink it a bit and shift it up. Change the yellow color to white.

image 15

Smoke-Like Shape

Create a rectangle shape. With the Twirl tool, randomly drag and spin the mouse back and forth to create a smoke-like shape. Fill it with white color.

image 16

Fire-Ball-Like Shape

Randomly draw 4 circles in different sizes. With the Twirl tool, drag the mouse in spiral movement.

image 17

Create another set of twirling shapes with the Twirl tool. Then fill it with orange-red gradient.

image 18

Electric-Like Strokes

Create a thin long rectangle shape. Use the Twirl tool, quickly drag the mouse across the shape in zig zag movement.

image 19

Then fill them with various color.

image 20

Overlay Circles

Draw various size of circles and send them to the back. Fill them with gradient and set the blending mode to Multiply.

image 21

Dark Glowing Circles

Create two circles and fill them with blue-white radial gradient. Send them to the back. Set the blending mode to Multiply.

image 22

Touch-Up

Look around the artwork, find the un-smooth shapes, smudge it with the Warp tool. Make them look rounded and liquified.

image 23

abstract art

Final Remarks

I have only used the Warp and Twirl tool in this tutorial. Don't forget to try out the Scallop, Crystallize, and Wrinkle tool. Play around with the tool options and shapes. You don't have to start off with the rectangle shape, try the star or irregular shapes. They can also be used for creating texturized patterns.

image 25



Author's URL: Web Designer Wall
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own. More Adobe Illustrator Tutorials: Featured Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

Reader's comments
comments shabaz December 17, 2010 says:
vrey goooooooooooood
Reply
comments Tommmyy June 30, 2010 says:
Tnanks for tutorial!
Reply
Add comments to "Abstract Vector Art"

Captcha