Abstract Techno Circles

This tutorial will teach you how to design abstract techno circles as seen in the trendy abstracts in many digital artworks, using Adobe Photoshop!

1. Create a new document (400x400).  Fill the background with white.

2. Before we begin with the actual circles, we are going to set up a gradient.  Select your gradient tool from the tool bar.  In the top left of Adobe Photoshop, click on the Gradient Fill to bring up Photoshop's Gradient Editor:

Once Clicked, a box should pop up.  This is Adobe Photoshop's Gradient Editor Box.

3. We can use Adobe Photoshop's Gradient Editor box to create countless numbers of gradient fills.  In this tutorial, I will show you how to design a fill for an abstract techno circle.  First, make sure that the gradient type is set to Solid.  Smoothness should be set to 100% (As shown above).  Now, click directly below the gradient fill in the gradient editor box to create a new point:

Once you click in this area, a new point will pop up:

4. As you can see, there are quite a few new options that have been made available.  We will take use of these options in Photoshop to create a gradient to fill our circles with.  While your new point is selected (you can tell which is selected by the color of the arrows tip.  Black is selected, grey is unselected), click color.  Select Black as the points color.  For the location, type in 25%:

5. Continue creating the rest of the points and setting them up like shown in the pictures below:

6. Luckily, that is the hardest part of the tutorial!  Now that you get how to set up a gradient, lets apply it to some objects.  Before we start be sure to type in a name for your gradient so that you can use it again in the future (Type a name into the Name field, and then click New):

7. Click ok, and now make a new shape layer with the ellipse tool.  Be sure that you are holding the shift key while you draw your circle to keep it perfect:

Drag a circle on the document:

8. Go into this shape layers blending options (Right click layer in layers palette, Blending options).  In the gradient overlay settings, set it up as shown below:

9. Click ok!  You are now complete with designing your own abstract circles in Adobe Photoshop.  Duplicate the layer, resize it a few times, and continue working with it for unique results!

Good Luck!  Be sure to check out our other Graphics Design Tutorials, Adobe Photoshop Tutorials, and other Free Tutorials!