This Adobe Illustrator tutorial will show you how to create an abstract art that can be used for wallpaper, website header or background images. It is fun and easy. You will learn how to use the Warp and Twirl tool to create abstract vector art in minutes. Users with basic skills should be able to handle this tutorial. To continue on this tutorial, you need Adobe Illustrator CS or above.
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%.

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.

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.

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

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.

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

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.

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.

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

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.


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.


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.

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

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.

Fire-Ball-Like Shape
Randomly draw 4 circles in different sizes. With the Twirl tool, drag the mouse in spiral movement.

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

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

Then fill them with various color.

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

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.

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

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.

Nice post. Important to learn more about the program. Thanks for the sharing.
This looks fantastic! Thanks for a great tutorial.
That’s awesome, another place to find abstract illustrations over here http://www.designious.com/illustrations/abstract
Thanks a lot Nick – certainly acts as great instruction + inspiration! ;-)
Great idea.
I have always written off tools like this as a bit gimmicky, but that works really well.
Great job (as always)
I used to love using the warp tools with vector graphics. I haven’t used them in so long, I forgot how fun they can be. Thanks for the reminder, I need to get back to my roots and implement these techniques in my work again. Great post!
Thank you :-)
Nice work Nick. Cheers.
Fun tutorial with a great result- thanks
that is really amazing, great post !!!
Awesome tutorial, I’ll definitely be trying it out!
This is just what I have been looking for. I love the illustrations you do. Cheers
well done tutorial, thanks!
No matter how good your tutorials are on Illustrator, I still can’t get it down.
really great post, thanks :)
thnx nick :)
http://minnix.tumblr.com/post/171457197/abstract-vector-art
Wow, Great work… it looks real effective!
Fantastic tut. :)
Hauu~ really cool!~
I’m a high-school student in New Zealand and this website was recommended to us.
I love it! Keep it up!~
Sarah. :3.
Love it everything in this website is spectacular!!!