Abstract image

1 Star2 Star3 Star4 Star5 Star (79 votes, average: 4.48 out of 5)
Loading ... Loading ...

Create a beautiful and extraordinary effect with some simple steps. Why don’t you try it ?

Flame

Part one:
Open up a new photoshop document and make the size 900 by 900. Then click on view and select view actual pixel from the drop down menu.

Click on the gradient tool gradien and create the gradient below. I used #081d48 on the left and #075f9d on the right.

gradien01

I then drag out the gradient on the work space with the light color on top. With that create a new layer.

newlaye

Now select the brush tool and pick soft air brush as your settings.

bush

With that brush selected, change the setting to the Brush Presets shown below. To get that option, click on the brush and on the upper task bar you will see this icon brush3 click on it and you will see the settings below.

dynamic
Shape Dynamics Settings

scatter
Scattering Settings

Using the bush settings described, and on the new layer create the glowing orbs shown below.

image

Duplicate this layer, so you will have two layers with the orbs. Now using the free transform tool freetra to switch the orbs in the other direction. This can be done by adding a (-) sign to the width of the orbs.

34

Move the orbs to the other side of the work space (right side). Make sure that the orbs have a symmetrical look to it. It should look like a rough example of wings when you are finish.

Merge the two layers with the orbs together (you can press ctrl&E to do this.)

Now duplicate the layers with the orbs again and click on the original layer with the orbs. Move to filter > blur then Gaussian blur. Apply a blur of about 3.9.

12

Merge the two layers with the orb once again. Now duplicate this for the last time (ctrl &J). Click on the original (should be the bottom layer of the orbs) and select the smudge tool smug. Use a soft brush with a size of 40 and strength of 25.

3245

And smudge the upper left and upper right of the orbs. This will give them a pointed look. Use the picture as a reference.

smeffec

Create a new layer, now using this brush Click here to download it. Add it to your workspace. Duplicate the layer and place both of them in a place where you like.

I placed them in the middle of the orbs to make it look like light particles. You can try the same thing if you want, feel free to do what you want though. Click on the original abstract brush you placed on the canvas and use the blur tool again to make it a little smoother. You Just drag it over the abstract to remove any pixilated sections. You should use a soft brush to do this, use 19 as the amount of strength.

erase_s

Merge the two abstract brush layers together. Now use the erase tool erase_t to remove any edges you don’t want.

Use the settings shown in the picture as a reference.

erase_t01
Erase this

Now go to layers and pick new layer adjustments from the drop down menu and finally select color balance. Select violet as your color. You will see mid tones, shadows, and highlights. Just apply the respective setting to each. Use the picture at the bottom as a reference.

shadow
Shadow

midtone
Midtone

highlig
Highlight

Flame
Click on image to see a better picture

After you finish this blend (merge) all the layers together, that includes the background and the abstract.
Duplicate this layer and set the top layer to hard Light for the final step.

hardlig

That is it. You are finished.

70 Comments »

  1. joe Says:

    man that is tight waht is this photoshops name

    comment-bottom
  2. David Says:

    Not as easy as it looks.
    Mine looks rather different, but cool nonetheless :-)

    comment-bottom
  3. Naveen Batra Says:

    It is very Good Effect

    comment-bottom
  4. [...] Abstract image tutorial Create a beautiful and extraordinary effect with some simple steps. [...]

    comment-bottom
  5. Anubhav Says:

    Thank you
    good tutorial

    comment-bottom
  6. Bryan Says:

    After you get to the abstract brush it becomes a little confusing. Great tutorial, but needs a little work to clear up confusion.

    I tried the blur tool, and the options look nothing like what is shown.

    comment-bottom
  7. Thanks very much this could come in handy

    comment-bottom
  8. seru Says:

    Nice, but I’m stuck so I’ll have to figure out things on my own. You may want to put more clarity in your steps and let people know that the screenshots they’re viewing are just part of the document, b/c you don’t explain how long the brush stroke should be for the orbs and such..

    comment-bottom
  9. Samael88 Says:

    Lukaskin Gai Trolin Putin 2pame la poronguin jajajaja

    comment-bottom
  10. julia Says:

    couldn’t finish b/c i couldn’t download the brush

    comment-bottom
  11. Bec Says:

    hey thanks (: cool tutorial :D :D i think i did a great job

    comment-bottom
  12. InsaneMama Says:

    Uhmmm I cant find some of the tool stuff you talk about in the abstract image tutorial, and I’m using adobe photoshop from the bundle called CS3, a real beginner here, but want so much to learn to make beautiful graphics like you do.
    ANY suggestions are welcome, I bought the book for the software as well, so I’ve even looked there;( HAYELP!

    comment-bottom
  13. [...] a crear imagenes abstractas gracias al nuevo tutorial que 9tutorials.com ha [...]

    comment-bottom
  14. [...] Fonte: aqui [...]

    comment-bottom
  15. Dylan Says:

    The link for the brush didn’t work for me. Said the link was broken.

    comment-bottom
  16. Dylan Says:

    maybe ill try a different browser. Julia, you should try that too.

    comment-bottom
  17. [...] Abstract Image [...]

    comment-bottom
  18. danl916 Says:

    i could unzipped it with 7-zip

    comment-bottom
  19. amit Says:

    i am exitting toknow php

    comment-bottom
  20. Phil Says:

    I must say I was disappointed to see that you have to download a brush to do this. It feels like cheating. None-the-less I downloaded it anyway. Then I couldn’t figure out what to do with it. Add a brush to your workspace?

    comment-bottom
  21. Phil Says:

    OK I figured out what the wording for that brush means, but I am still disappointed about the brush file download, I came into this tutorial to learn how to make these cool streaks, but you don’t say how to make them.

    comment-bottom
  22. CreamKreator Says:

    Good tutorial until the half way the instructions become very hazy. Example: “Create a new layer, now using this brush Click here to download it. Add it to your workspace. Duplicate the layer and place both of them in a place where you like.” What should i do with the brush? Duplicate what layer? I did get it at the end but a little bit confused..

    comment-bottom
  23. [...] Special Purple Lighting Effect Design [...]

    comment-bottom
  24. [...] Abstract image tutorial Create a beautiful and extraordinary effect with some simple steps. [...]

    comment-bottom
  25. This is really useful

    comment-bottom
  26. Waltina Says:

    Oh, cool! ^^ Not that easy though. xD
    Thanks for the tutorial! ^^

    comment-bottom
  27. [...] Abstract image tutorial Create a beautiful and extraordinary effect with some simple steps. [...]

    comment-bottom
  28. kelly Says:

    cant unzip brush using windows any suggestions?

    comment-bottom
  29. Pat Says:

    Not a good tutorial, too difficult to understand and requires a brush download.

    You need to invest a bit more time explaining your steps, a lot of them don’t make sense.

    comment-bottom
  30. [...] Abstract image tutorial Create a beautiful and extraordinary effect with some simple steps. [...]

    comment-bottom
  31. [...] Abstract image tutorial Create a beautiful and extraordinary effect with some simple steps. [...]

    comment-bottom
  32. Certainly different! I am looking for abstract designs like this one for inspiration for the new Neo Flow website. Should be fun!

    comment-bottom
  33. [...] Photoshop Abstract Image [...]

    comment-bottom
  34. thanks very cool tuts

    comment-bottom
  35. [...] Abstract image tutorial Create a beautiful and extraordinary effect with some simple steps. [...]

    comment-bottom
  36. nadia Says:

    really nice..plus great effect

    comment-bottom
  37. Awesome tutorial to learn. Very easy and well defined . thanks for sharing this nice post.

    comment-bottom
  38. pradeep Says:

    nice tutorials

    comment-bottom
  39. Henry Says:

    Very nice colors and quite a simple tutorial compared to all other tutorials I found about this subject.
    These days you see a lot of pictures with neon glow effects like this, like car headlight pictures where the shutter stayd open for quite some time. Is there a Photoshop filter for this ? Anyone please, let me know … htusco-at-gmail.com?

    Cheers,
    Henry

    comment-bottom
  40. tjribi Says:

    thank u

    comment-bottom
  41. jls Says:

    cool tutorial. the walkthrough got a little cluttered and confusing after downloading the brush though.

    to clear up some things
    1. if you are on mac, open the brush zip with stuffit or another archive tool. the mac Archive Utility will get confused and unzips it to a cpgz, if you try to unzip the cpgz it will extract the original zip again.
    2. to load the brush, open your brush options and click the little brush menu (it’s in the top right above the brush previews in CS3). click load brushes and navigate to wherever you unzipped the brush file to, select the paintbrush file and load – you should be able to use it now.

    comment-bottom
  42. Toni Oumide Says:

    This is a good one! Thanks for sharing your knowledge. The more you give, the more you will receive.

    comment-bottom
  43. ricelle Says:

    i think you forgot to mention a step or two, i manage todo everything but i could not get it to look like yours, maybe re-look this tutorial

    comment-bottom
  44. asdf Says:

    Thanks Jls, wondered why the brush wasn’t downloading.

    Nice tutorial :D

    comment-bottom
  45. Richard Says:

    I have done everything you have done and not got the same results

    comment-bottom
  46. [...] Abstract image tutorial Create a beautiful and extraordinary effect with some simple steps. [...]

    comment-bottom
  47. [...] Abstract image tutorial Create a beautiful and extraordinary effect with some simple steps. [...]

    comment-bottom
  48. LG21 Says:

    This tutorial is vague and quite frankly a piece of shit. I’m no beginner but this is confusing and just lazy. Try harder next time.

    comment-bottom
  49. britney Says:

    this tutorial doesnt make any sense at all.WASTE of time.

    comment-bottom
  50. [...] Abstract image tutorialCreate a beautiful and extraordinary effect with some simple steps. [...]

    comment-bottom
  51. Nicoline Says:

    Well, I downloaded the brush, but I’m not sure which one it is..
    does it have a number?

    comment-bottom
  52. Zeke Says:

    not sure when did you post the brush, but as soon as I tried I laughed.

    to create this abstract, you just do the scatter and single click with the brush, fix the color and YOU”RE DONE!!!

    thanks XD

    comment-bottom
  53. Axel Says:

    Guys, it won’t look exactly like how it is shown on this picture. What you need to do is mess with the color balance to get the colors the author got. As for the canvas, he just wants you to create a new layer, click once on the layer with the downloaded brush and duplicate that layer so you have 2 layers of the same brush. Use a soft eraser with 47 opacity for the best results :P and like I said, for the last steps just mess with the color balance until it looks close to his.

    comment-bottom
  54. I followed everything in the tutorial. Can’t get something really look like yours. But thanks for sharing anyways.

    comment-bottom
  55. Mandy Says:

    Thanks for this tutorial, it looks just amazing!!! Love the colors! For these abstract images I found a great software Flame Painter, it’s really easy. Ever tried?

    comment-bottom
  56. You are not allowed to publish the brushset like you do (untitled zip). Please refer to the origin: http://r0man.de/photoshop-cs5-brushes.html

    Thank you,

    r0man.de

    comment-bottom
  57. VIctoria Says:

    im stuck!!!!!!!!!!!

    comment-bottom
  58. Hyman Says:

    I think this is among the most vital info for me. And i am glad reading your article. But wanna remark on some general things, The web site style is perfect, the articles is really great : D. Good job, cheers

    comment-bottom
  59. Bill Says:

    Way harder than it looks! Mine Looks terrible

    comment-bottom
  60. Brook Adams Visser Says:

    the brush for download was a dead link.

    comment-bottom

RSS feed for comments on this post. TrackBack URL

Leave a comment

Si prega di attivare i Javascript! / Please turn on Javascript!

Javaskripta ko calu karem! / Bitte schalten Sie Javascript!

S'il vous plaît activer Javascript! / Por favor, active Javascript!

Qing dakai JavaScript! / Qing dakai JavaScript!

Пожалуйста включите JavaScript! / Silakan aktifkan Javascript!Better Stop Adblock