Close Search Box
Search Box

Search: From:

Close
Newsletter

9Tutorials to your Inbox



Colorful Tornado

Colorful Tornado
Author lv2 (5100/10000)
51,777 views
1 Star2 Star3Star4 Star5 Star (67 votes, average: 4.42 out of 5)

I will show you how to create a beautiful colorful tornado in Photoshop. You will like the final result in this tutorial.

Create a new file, which has the size is 400 x 400 pixel.
Then, use Gradient Tool (G) to make a background like below
0010428
Next step, go to the menu Filter >Distort>Wave. Select “Square” box
001042801
Then go to the menu Filter>Distort>Polar Coordinates. Use the default settings.
001042802
Press Ctrl + J to duplicate layer.
001042803
And then, apply the mode “Overlay” for Blending Mode.

Still on the copied layer, then go to the menu Filter>Distort>Twirl with the settings below:
001042804

Here is the result:

001042805

Then,we should merge all the layers and create a new layer. Next step, you fill any color which you like on the new layer. Or you could adjust the Hue/Saturation (Press Ctrl + U ). Please remember that to apply “Overlay” in Blending Mode. Here is the final result.

final-color

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

48 Comments

Jump to comment form | comments rss [?] | trackback uri [?]

Post a Comment »








Safari hates me

Comment Guidelines

  • Hyperlinks are automatically generated.
  • <em>italic</em>
  • <strong>bold</strong>
  1. Kairi October 6, 2007

    Hi.. Can I know how to make black and white gradient? Cause all my present gradients are colored ones..

  2. Camilla October 8, 2007

    You just make black as your foreground color and white as the background color. Easy!

  3. gabriel October 8, 2007

    i didnt understand this: And then, apply the mode “Overlay” for Blending Mode.

  4. Prabharajkumar October 8, 2007

    i am not getting the colors?

  5. alx October 9, 2007

    already know

  6. jakster October 12, 2007

    Awesome

  7. eric October 16, 2007

    remember to set your blend mode to overlay otherwise the colors wont work right

  8. kannan October 17, 2007

    i am not getting the colors?

  9. Bob October 19, 2007

    Don’t forget to check “Colorize” in Hue/Saturation…

  10. Md. Mizanur Rahman Howlader October 23, 2007

    Very nice. Thank you.

  11. United October 23, 2007

    How do you get all the different colours? I can get one colour using hue/saturation but i can’t figure out how to put another colour on :S

  12. Jonathan October 25, 2007

    I am having the same trouble he is. I cannot get all the colors on the page altogether

  13. ben dover November 15, 2007

    you guys are so dumb. this is like THA EASIEST tutorial EVA.

  14. srishti November 16, 2007

    wow……i dint get to fill many colours together i was able to fill any one colour only

  15. Christopher November 20, 2007

    Amazing, easy to follow.
    Thank you.

  16. Ashish Malhotra December 5, 2007

    that was great bt tell me how i make 3d face texture in photoshop and also 3d gaming texture plz rep me soon thanx….

  17. primordial December 15, 2007

    Hey everybody, what the tutorial means is:
    1) add a new layer (Ctrl+Shift+N)
    2) make a two-coloured gradient on it, choosing like blue as a background colour and green as foreground. Drag the gradient across the whole layer (you should see the two colours blending into each other now – nothing beneath).
    3)now, go for the cool thing! In the window where all your layers are displayed, you’ll find a dropbox, reading “Normal”. Click it and choose “Overlay”.
    Off you go, with this cute little graphic!

    Btw, thanks for the tut!
    Greets!

  18. Nykel!!! January 9, 2008

    Woohoo thnx for the tutorial! and the tips from the comments! it really helps! thnx and God Bless!!

  19. Devon January 18, 2008

    mad easy, but still kinda kool

  20. Blackthorne January 19, 2008

    Awesome tut thanks xD

  21. Priyanka February 11, 2008

    awesome…..I really like this one…..very useful tut for me……thanks a lot

  22. shubb April 3, 2008

    Amazing tutorial! =D

  23. Lauren April 13, 2008

    You get the different colors by doing another gradient (with the colors of your choice) when you make the final color overlay.

  24. HareesH April 18, 2008

    WoWWWWW…….!!!!

  25. Dominik June 4, 2008

    Nice one sir i like that one.

  26. Michelle July 21, 2008

    great! But looks more like a hurricane

  27. JKoj July 26, 2008

    Great Work ……..

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

    [...] Colorful Tornado [...]

  29. AllTuts October 2, 2008

    Create Colorful Tornado…

    This Photoshop tutorial will show you how to create a beautiful colorful tornado effect.
    ……

  30. yog November 1, 2008

    what a beatifull creativity!!!!!!!!!!!!!!!!!!!!!!

  31. sivas March 19, 2009

    very good, thanks

  32. Chunkz April 22, 2009

    Nice Job. Make it a 1024 by 768. I’ve been trying to find the perfect tornado for my screen.

  33. YoRo June 1, 2009

    I figured out the color problem, after you made the merged layer, all you have to do is:

    Select the layer with right mouse button > Blending Options…> Gradient Overlay: (Blend Mode: Overlay) and (Gradient: Chose any colorful one or make one yourself)

    Note: I did not use “Ctrl+U (Hue/Saturation)” at all, and by the above method, you get identically the same result.

  34. samantha odegard June 8, 2009

    help only a little twirls Y?????

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

    [...] Colorful Tornado [...]

  36. Tilly July 18, 2009

    What’s with you tutorial guys? You’re always leaving a step out or giving us some magical end result without explaining the key elements to get to that step. How did you get the colors? This is lame without those detailed instructions.

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

    [...] Colorful Tornado [...]

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

    [...] Colorful Tornado [...]

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

    [...] Colorful Tornado [...]

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

    [...] Photoshop Colorful Tornado [...]

  41. hotsalesshop November 6, 2009

    Very nice list, thank you.farouk chi flat iron

  42. ugggoods November 6, 2009

    This is what I look for a long time information, are very grateful.
    UGG Handbags

  43. abhishek November 7, 2009

    spicial thanx for this tutorial
    & in future provide us these types of of tutes in singla page

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

    [...] Colorful Tornado [...]

  45. Hunter's Girl Only December 15, 2009

    this is so kewl add me on myspace its http://www.myspace.com/kylaburgess you will need this email sexxy66602000@yahoo.com

  46. ponraj December 22, 2009

    realy good. thanks

  47. duong January 7, 2010

    Niiiiiiiiceeeeeeeeeeeeeeee!

  48. dude January 17, 2010

    pretty cool!