Close Search Box
Search Box

Search: From:

Close
Newsletter

9Tutorials to your Inbox



Abstract image

Abstract image
Author lv2 (5100/10000)
68,246 views
1 Star2 Star3Star4 Star5 Star (57 votes, average: 4.53 out of 5)

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.

del.icio.us:Abstract image digg:Abstract image spurl:Abstract image newsvine:Abstract image blinklist:Abstract image furl:Abstract image reddit:Abstract image blogmarks:Abstract image Y!:Abstract image magnolia:Abstract image segnalo:Abstract image

Post a Comment »








Safari hates me

Comment Guidelines

  • Hyperlinks are automatically generated.
  • <em>italic</em>
  • <strong>bold</strong>
  1. joe August 15, 2007

    man that is tight waht is this photoshops name

  2. David September 7, 2007

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

  3. Naveen Batra October 18, 2007

    It is very Good Effect

  4. 40 Cool Abstract and Background Photoshop Tutorials | Photoshop Tutorial September 6, 2008

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

  5. Anubhav September 20, 2008

    Thank you
    good tutorial

  6. Bryan September 30, 2008

    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.

  7. printers brisbane September 30, 2008

    Thanks very much this could come in handy

  8. seru October 3, 2008

    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..

  9. Samael88 October 27, 2008

    Lukaskin Gai Trolin Putin 2pame la poronguin jajajaja

  10. julia December 11, 2008

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

  11. Top 45 Photoshop Background Tutorial | Photoshop Transparency December 29, 2008

    [...] Abstract Image [...]

  12. Bookmarks for Enero 12th from 11:56 to 12:58 | FACIL TUTORIALES January 12, 2009

    [...] Abstract image – [...]

  13. Bec January 17, 2009

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

  14. InsaneMama January 19, 2009

    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!

  15. Free4you » Blog Archive » Imagen abstracta January 22, 2009

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

  16. Abstract image in Photoshop « GG Blog January 22, 2009

    [...] Fonte: aqui [...]

  17. 40 Photoshop Tutorials for Amazing Lighting Effects - Part Two | Vandelay Design Blog January 26, 2009

    [...] Abstract Image [...]

  18. 40 Photoshop Tutorials for Amazing Lighting Effects - Part Two | FamousandSpicy February 1, 2009

    [...] Abstract Image [...]

  19. Dylan February 2, 2009

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

  20. Dylan February 2, 2009

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

  21. » Top 45 Photoshop Background Tutorial February 8, 2009

    [...] Abstract Image [...]

  22. danl916 February 10, 2009

    i could unzipped it with 7-zip

  23. Best Photoshop Tutorials For Lighting Effects - Photoshop Website - Tutorials,Brushes & more.. March 6, 2009

    [...] 11. Abstract  Light Effect Photoshop [...]

  24. 40 Photoshop Tutorials for Amazing Lighting Effects – Part Two « Online Free Application Software Tips Tools Wallpapers May 16, 2009

    [...] Abstract Image [...]

  25. amit May 18, 2009

    i am exitting toknow php

  26. Phil May 22, 2009

    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?

  27. Phil May 22, 2009

    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.

  28. CreamKreator May 25, 2009

    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..

  29. 35+ Amazing Lighting Effects – II | Free Tools And Wallpapers May 26, 2009

    [...] Abstract Image [...]

  30. 30 Best Photoshop Abstract Effect Tutorials | Arts Origin Blog May 27, 2009

    [...] Special Purple Lighting Effect Design [...]

  31. 40 Cool Abstract and Background Photoshop Tutorials - Online News & Entertainment June 29, 2009

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

  32. Web Design Company July 9, 2009

    This is really useful

  33. Waltina July 12, 2009

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

  34. 40 Cool Abstract and Background Photoshop Tutorials « Resources For Designers August 27, 2009

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

  35. kelly September 24, 2009

    cant unzip brush using windows any suggestions?

  36. Pat September 27, 2009

    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.

  37. 40 Cool Abstract and Background Photoshop Tutorials | 9Tricks.Com - Tips - Tricks - Tutorials October 2, 2009

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

  38. 40 Photoshop Tutorials for Amazing Lighting Effects | Cosmos Blog -- Internet News,Life,Culture,Polices,Resource,Make Money October 5, 2009

    [...] Abstract Image [...]

  39. NamrouD | Upgrade Your Mind ! » 40 Cool Abstract and Background Photoshop Tutorials October 5, 2009

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

  40. Shane - Neo Flow October 15, 2009

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

  41. Page 3: 101 of the Most Amazing Photoshop Lighting Tutorials October 17, 2009

    [...] Photoshop Abstract Image [...]

  42. 50 High-Quality Photoshop Tutorials For Lighting and Abstract Effects November 11, 2009

    [...] 24. Abstract Effects [...]

  43. Tutoriaux photoshop November 14, 2009

    thanks very cool tuts

  44. ??? ?? 80 ????? ?????? | ????? ???? ??? ?????? | ?? ????? ??? ?????? ??? ????? November 21, 2009

    [...] Abstract Image Effect [...]

  45. 40 Cool Abstract and Background Photoshop Tutorials « AnaConda 4 Photoshop Blog December 9, 2009

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

  46. nadia December 15, 2009

    really nice..plus great effect

  47. playgroundlurve December 15, 2009

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

  48. pradeep December 28, 2009

    nice tutorials

  49. Henry December 28, 2009

    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

  50. tjribi January 4, 2010

    thank u

  51. jls February 3, 2010

    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.