Create an Abstract Wallpaper in Adobe Illustrator CS5

You must have seen and used abstract wallpapers on your desktop. Windows Vista comes with such cool abstract background too. I thought of creating one myself. This was my first attempt and I am quite impressed with it (though certainly not my best) You can use your own creativity and art to create such interesting wallpapers using the method given in this tutorial. This is what I created.

image38[8]

image43

In this tutorial, I have used Specified Steps Blending option.

Follow these steps:

1. Draw a rectangle and fill it with a gradient. I have used the Color Harmonies Color Swatch from the Gradient library. The gradient name is ‘Analogous 2’.

image5

2. In the Layers Palette, create new layer. To do that, either click on the New Layer icon in the palette or Alt + click the icon to open the Layer Options dialog box. Enter a name for the layer like ‘Lines’.

3. Now with the new layer highlighted, choose the Pen Tool (P) from the toolbox. Set the ‘Fill’ to ‘none’ and a ‘Stroke’ of ‘white’. White would look nice on our dark gradient. Start drawing curved line, as shown below:

image8

The lines you draw need not be exactly like shown here, use your creativity. To release the line, press Ctrl + click on the other part of the art board.

4. Draw another curved line, like this;

image11

TIP: Use the above image and trace the lines.

5. Our next step is to blend both these paths together. Use the Select Tool (V) and select both the paths. Click on one path, hold the Shift key and select the other path. Then go to Object > Blend > Blend Options… or double-click the Blend Tool (W) from the Toolbox. In the Blend Options dialog box, choose ‘Specified Steps’ under ‘Spacing’ and enter ‘50’ as the number of steps. This would add as much as 50 lines that connect these, giving a great effect. Click OK to close the dialog.

image20

6. Once you set the blending options, go to Object > Blend > Make or Alt + Ctrl + B (Win) or Option + Command + B (MAC).

image34

7. These lines are still editable. By using the ‘Direct Selection Tool’, you can choose any anchor point and move it, to restructure these curves and lines. I feel the lines on the left have lot of distance in them, so I am going to edit the paths a bit.

image2

8. And now comes the best part; transparency. Select one of the paths, choose the ‘Transparency’ palette and change the opacity to ‘0’. This is what we get.

image37

If you make the other path transparent, this is how it will look.

image43[4]

Hope you liked it!

Filed Under: Adobe IllustratorFeatured

Tags:

About the Author: Minal is a freelance web and graphics designer. She specializes in designing Logos, Stationery, Graphics and Icons as well as website templates using graphical tools like Photoshop, Illustrator and Expression Web. Twitter @saffronstroke

RSSComments (0)

Trackback URL

Leave a Reply