Making of an Abstract Art Piece: “Lonium”

Advertisement

In this Photoshop tutorial we’ll be walking through the process of making an abstract artwork, using abstract 3D renders, textures, and more.

Making of an Abstract Artwork: “Lonium” Photoshop Tutorial

Preface

First of all, I would like to thank roxymanlol from deviantART for writing this tutorial and giving me permission to use it. Also, the resources used in this tutorial can be found below.

Before we start, you should know that if you want to make an abstract art piece like the one being made in this tutorial, normally you would have to make some 3D renders. But for this you won’t have to make your own, because on some websites such as deviantART and design websites/forums they have 3D renders that you can download for free. We’ve also included the render used in this tutorial as a free download.

1. Render(s) + Background

Start by making a new document in Photoshop – something around 768 x 1024 pixels will be fine for this tutorial (learning purposes). But if you were working for print or something, you would want to make it much larger, using 300-600 resolution.

Now we need to get some 3D renders together. For this you can just download the ones we’ve used from above.

Place Abstract Renders Together

(find renders on deviantART)

2. Texture Work

Now comes the important part, called ‘postwork’ of our abstract image. First you have to find some cool textures to add into the image, I downloaded some from Resurgere (resurgere.deviantart.com).

By the way, I chose a wood texture and set the layer mode to Screen, then erased away the ‘ugly’ parts, actually the parts that were on top of the render.

Wood Texture Work

So, now you’ve got something interesting like that going on, add another interesting texture. This time I’ve used a machinery stock photo from resurgere again.

More Texture Work with Machinery Stock Photo

After you’ve got your stock photo in there, change the layer mode to Soft Light and erase away the ‘ugly’ parts again.

Duplicate Renders - Mess with Layer Modes

Now, I placed my render in another position and placed it on top of all the other layers. Change the layer mode for this layer to Lighten and mess with the opacities, etc. You may also want to try different layer modes with this.

You may want to download the PSD file at the end of the tutorial and take a look through all of the layers.

3. Additional Shapes

Use your imagination here and add some details to your work, in this case I used some ‘lightning effect’ brushes and I added a 3D letter “S” in Photoshop, to add to the image:

Additional Effects and Lightning Brushes

4. Highlights & More

With a bright brush I made an illumination effect in the center of the image, to make a focal point of our abstract. After adding the brushing, change the layer mode to Overlay (100%):

Focal Point with Illumination

You don’t have to be exact with this, just make a little bit of nice brushing and make it look nice :)

5. Colourise

Now you can manipulate the colors as you wish. In this case I used a Blue Photo Filter, Blue/Green Gradient in Overlay and 50% opacity and Selective Color. Now I get a result like this, which I’m quite happy with:

Color Adjustments #1

6. Lighting Effects

Using the Pen Tool and the Gradient Tool (radial gradients), with a white color you should make some really nice lighting effects like shown below:

Lighting Effects using Gradient and Pen Tool

After you made your lighting effects, change the layer mode to Overlay, and if necessary, duplicate the layer a few times.

7. Additional Render(s)

I then added in a small abstract render that I downloaded from deviantART. For this I used Screen layer mode with 100%.

Additional Small Render

You can find free abstract renders here on deviantART.

8. Finalizing

In finishing, add some nice brushes or interesting patterns, such as diagonal lines or squares with some space between the pattern. To get a nice effect you should try to place them quite randomly. After placing your brushes or patterns, change the layer mode to Overlay and it will add a very cool finishing effect. If your effects don’t show up very well, duplicate the layer a few times.

Making of an Abstract Artwork: “Lonium” Photoshop Tutorial

Be sure to also experiment with the typography, try some unique fonts. Get some fonts from either of these websites: Urban Fonts, DaFont, Font Space.

Advertisement


  • http://www.envydesigns.org Joe

    Love this tutorial;
    the final outcome is really nice;
    Cant wait to see more tutorials like this :D
    -Joe

  • http://www.stylizedweb.com Dejan Cancarevic

    wow, this is so cool, thanks :D

  • http://www.originmaker.com OriginMaker

    Nice abstract design.

  • ozg

    impressive and coll design. thanks

  • http://www.tutorial9.net/ T9 David

    That’s a really nice way of putting pieces together. Nice creativity on your part mate!

  • roger

    Wow, unbelievable tutorial, i love it !
    Thanks for PHOTOSHOPSTAR !

  • elmalique

    nice design

  • http://Qbrushes.com Qbrushes

    like the outcome, good work mate

  • http://chakran.deviantart.com chakran

    I didnt finish the tutorial, but i used the abstract thingy in my “still figuring out…” peice on deviantart
    check it out and tell me what you think :)
    chakran.deviantart.com

  • http://www.photoshophome.com Raj

    nice tutorial. I really like it. Thanx!

  • http://aliaathirah.blogspot.com zuhaini

    Nice.. simply adores it! :)

  • zolla92

    Great! :)

  • prabhu

    this is good tutorial site to the designers

  • javad

    hi
    its very very great