How to Create An Abstract Background Design

Tags for this post: , , ,

For this edition of Photoshop tutorials for the blog, we are going to create an abstract background design in a few simple steps, starting from scratch. We are going to use mainly the Gradient Tool, so the basic knowledge of setting up gradients is required for successfully following this tutorial.

result

The design that we’ll be creating can be used for various purposes, such as web design, business card design, poster design, ads design and so on. And our image will look like this:

First, we need to create a new Photoshop document with the appropriate dimensions. In this case, a canvas of 1000x1000px will suffice. Then you need to apply White to Black vertical gradient on your image as shown below.

(click for full-size view)

With the gradient finished, go to Filter > Distort > Wave and set the following values before clicking OK.

Then go to Filter > Distort > Polar Coordinates. Choose Rectangular to Polar and hit OK! You should have something similar to this:

Next, duplicate the existing layer and change the blending mode of the new layer to Overlay. Go to Edit > Transform > Rotate 90 CW and then apply the Twirl filter (Filter > Distort > Twirl) set the angle to 138.

Having done this, merge the two layers (Shift+Ctrl+E).

And finally, we should add some color to the image. Create a new blank layer and name it Color. Set the blending mode of the new layer to Overlay. Use the gradient tool on the new layer to apply color. Here are some gradients that I used for the images below:

You don’t need to stop at merely applying gradients. You can experiment with the Opacity values of the gradient layer until you are happy with the colors.

A tutorial by Bonifacio Cruz

3 Responses

  1. Shay said on

    Quality write, good blog theme, stick to the great work

  2. Linda Cochrane said on

    Thanks for taking this opportunity to mention this, I’m strongly about it and I benefit from garden greenhouse structures this subject. When possible, when you gain data, please update this website with new information. I have found it extremely useful.
    My website is [url=http://educationaltoysfortoddlers.blogspot.com/]educational toys for toddlers[/url].

  3. Cristi Bramasco said on

    Unquestionably believe that that you said. Your favourite reason seemed to be at the internet the simplest thing to keep in mind of. I say to you, I definitely get annoyed whilst other people consider worries that they just don’t recognise about. You managed to hit the nail upon the top and also outlined out the entire thing without having side-effects , other people can take a signal. Will likely be again to get more. Thank you!