Everything Photoshop Subscribe

Create a Powerful Mental Wave Explosion Effect

In Effects by Fabio

In this tutorial, I will show you how to create a crazy explosion, like a mix of Magneto's ability with Peter Petrelli's power. We will use images and filters to produce this wave explosion effect. Even though it may look like a difficult tutorial, it's really not that hard.

Final Image Preview

Before we get started, let's take a look at the image we'll be creating. Click the screenshot below to view the full-size image. As always, the full Photoshop file is available via our PSDTUTS Plus membership.

Final Image Preview

Step 1

Open a new document. I used 800x600px. Look for a road photo on the Internet. The one I used can be downloaded here. After downloading, place the photo in your document.

Step 1

Step 2

Now we need a photo of a person. The one I used can be found here. Once you have your photo, it's time to extract the guy from the background. Using the Pen Tool(P) create a path like in the image below. After that go to the Paths Palette and create a selection from that path. Then go to Layer>Layer Mask>Reveal Selection. Lastly, I named this layer "dude."

Step 2

Step 3

Go to Edit>Transform>Scale and reduce the size of the guy. Then go to Edit>Transform>Flip Horizontal. We do that to match the light direction.

Step 3

Step 4

Go to Image>Adjustments>Curves. The idea here is to darken the guy a little bit so he will fit better with the background. Use the image below as a reference.

Step 4

Step 5

Holding Cmd/Ctrl click on the mask thumb of the "dude" layer. That will create a marquee selection of the guy. After that create a new layer. Rename it to "shadow" and fill it with black. Then go to Edit>Transform>Distort and move the vertices to make the shadow in perspective. The last thing here is go to Filter>Blur>Gaussian Blur.

Step 5

Step 6

Grab the Ellipse Tool(U). Select Paths instead of Shape Layer. Create a Circle, like the image below. After that grab the Direct Selection Tool(A) and adjust the bottom of the circle.

Step 6

Step 7

Create a new layer. Rename it to "clouds." Then go to Filter>Render>Clouds. While holding Alt, click on Clouds. After that go to the Path's Palette and create a selection from the path and mask the layer.

Tip: As you will be using the Render>Clouds, you will probably need to apply the filter several times until you got the clouds just right. Keep working with it until the light and dark areas are in a good position.

Step 7

Step 8

Go to Filter>Liquefy. In the Liquefy Dialog Box select the Bloat Tool (B). Then for the settings use: Brush Size 550, Brush Density 100, Brush Pressure 100, Brush Rate 60, and Turbulent Jitter 75.

Then select the Show Backdrop Option. That will allow you to see the clouds and the background. It will be necessary to use the Bloat Tool in the right place. Click a few times and deselect the Show Backdrop. Then you will see the effect and will be able to repeat it more times in the correct place.

Step 8

Step 9

Change the Blend Mode of the cloud layer to Soft Light. Then create another layer and rename it to "Clouds 2" and repeat Steps 7 and 8. We will need another cloud to make it more turbulent. This time, however, use Multiply for the Blend Mode.

After that, create yet another layer. Rename it to "Clouds 3" and repeat Steps 7 and 8. For this layer use Color Dodge for the Blend Mode. The last thing here is with the Eraser Tool (E) delete some parts. This layer is used to give highlights to the clouds.

Step 9

Step 10

Group the "Clouds 3" layer and go to Layer>Layer Mask>Reveal All. After that, select the Brush Tool (B), give it a black color, and mask some parts of the clouds that are close to the ground.

Step 10

Step 11

Select the "Clouds" layer and go to Filter>Sharpen>Sharpen More. Then repeat this Sharpen filter on Clouds 2 and 3 layers.

Step 11

Step 12

Create a new layer. Rename it to "Glow." Fill it with white and go to the Path Palette. Create a selection from the clouds path as we did in Step 9. Then mask the layer.

After that go to Layer>Layer Style>Outer Glow. Use the default settings. Then go to Layer>Layer Style>Create Layer. This command will create another layer from the Outer Glow. You can delete the white layer and leave just the Outer Glow layer.

Step 12

Step 13

Create a folder called "Lights." Move the "Glow" layer to this folder. Next select the "Glow" layer. Then go to Layer>Layer Mask>Reveal All. Then select the Brush Tool, black for the color, and start masking the glow. We need just the outline; however, some bright spots in the middle will give a nice result.

Step 13

Step 14

Create a new layer beneath the clouds group. Using the Elliptical Marquee Tool create a selection like the image below. Fill the layer with black and use 40% Opacity.

Step 14

Step 15

Go to Layer>Layer Mask>Reveal All. After that select the Gradient Tool(G) and use a black and white gradient. Then mask the layer, like in the image below.

Step 15

Step 16

Duplicate the layer and go to Layer>Layer Mask>Apply. Then go to Edit>Transform>Distort. Repeat the same thing we did for the shadow of the guy on this layer. Group these two layers and rename the group to "Shadows."

Step 16

Step 17

Create a new layer right above the road photo. Go to Filter>Render>Clouds. Then go to Filter>Distort>ZigZag. Use 100 for the Amount and 5 for the Ridges. For the Style use Pond Ripples.

Step 17

Step 18

Now go to Edit>Transform>Distort. Distort the layer until you get the right perspective. After that, change the Blend Mode to Overlay. Again, as we are using Render Clouds, the results may vary so you might need to erase some parts to make it more realistic.

Step 18

Step 19

Create an Elliptical Selection like the image below. Then fill it with black. After that, create another Elliptical Selection, but smaller. Then delete that part of the layer. With the Magic Wand Tool(W) select the black part of the layer.

Step 19

Step 20

Duplicate the road's layer and select it. Make sure that you still have the Marquee Selection from the Step 19. Then go to Layer>Layer Mask>Reveal Selection. You can delete the black ellipse layer from the Step 19 or just hide it.

Go to Layer>Layer Styles>Bevel and Emboss. This is another way to create the ripple effect. You could use Displace as well.

Step 20

Step 21

Go to Layer>New Layer Fill>Gradient. Use Radial for the Style. For the colors use #ddc396 and #2f1e00. Change the Blend mode to Color Dodge.

Step 21

Step 22

Here I used another image from Stock.Xchng, image. Just place it on top of all layers and change the Blend Mode to Overlay.

Step 22

Step 23

Now let's make some adjustments. First, lets darken our Magneto dude a bit more. Select the Burn Tool(S) and burn the back of the guy. After that, change the Blend Mode of the "ripples" layer to Soft Light. You can delete some parts of the clouds as well.

Step 23

Step 24

Create a new folder, beneath the "dude" layer. Name the group "power" and change the Blend Mode to Color Dodge. After that, create a new layer inside of this group. Then using the Brush Tool with white color, create some lights coming from the hands of the guy. Tip: use a regular brush with 0% for the hardness.

After that you create another layer. Use some brushes to add more effects. I used some abstract brushes from http://brusheezy.com. Then add a Pink Outer Glow Layer Style.

Step 24

Step 25

Import the truck image, you can download it at image. Then with the Magic Wand Tool(W) select and delete the background of the photo. Leave just the truck. After that go to Edit>Transform>Flip Horizontal. Move the truck to the side of the road.

Step 25

Step 26

Go to Image>Adjustments>Curves and make the truck a bit darker. After that, using the Rectangular Marquee Tool(M), create a rectangular selection a bit bigger than the truck. Then go to Filter>Blur>Radial Blur. For the settings use Amount 2, Method use Spin, and set Best Quality. Next go to Filter>Blur>Motion Blur. Then use -75 degrees for the angle and 3 pixels for the Distance.

Step 26

Step 27

Now we will create the truck's shadow. To do that select the Truck's layer, click with the right button of the mouse and choose Select Pixels. Then create a new layer and fill it with black. Put this layer beneath the truck layer and go to Edit>Transform>Distort. Distort the shadow to make it look more real. Then go to Filter>Blur>Gaussian Blur. Change the Opacity of this layer to 60%.

Step 27

Step 28

Group the truck and the shadow layer and rename it to "truck." Then organize your folders in the Layers Palette.

Step 28

Conclusion

You can add more elements to the image, like a traffic cone or more cars. But always change the curves in order to make the objects have the same lighting. That will make the image more realistic. For some effects, there will be many other ways to achieve a similar result. Experiment with different methods of achieving an effect, like we did with the ripples. Finally, stick with the ones you think are the best for that image.

Conclusion
If you enjoyed this post, your vote is always highly appreciated!! Delicious StumbleUpon Float Reddit Bump This!

Comments

Leave a Comment
  1. Gravatar

    Planit Designs

    Amazing. Great work again Fabio. Much love.

  2. great tutorial. loving the outcome!

  3. wow….i love it..im into it……..

    and i love all you work…..such a beautifulllll art….

  4. nice, good work, Fabio!

  5. Good stuffs Fabio.

  6. Gravatar

    BukYMast3R

    Very innovative :D

  7. Wonderful effect! I didn’t think something like this could be done in such a simple way. I really like how you used the free stock from stock.xchng! Thanks for this!

  8. Wow!

    By the way I love Heroes :-)

    Daniel

  9. WOW!!! That’s an excelent job!!!

  10. Nice work Fabio. I’ll be trying this at home :D

  11. Awesome! Gratz Fabio! this is a very realistic and cool effect!

  12. Thank you Fabio. Thank you! :D

  13. Freaking incredible! You’re the man Fabio, hands down.

  14. totally cool! serious!

  15. Gravatar

    godonholiday

    WoW! great work.

  16. Wow , nice effect nice outcome :)

    Keep up that good working !

  17. Seriously…this is awesome!

  18. Absolutly amazing :D

  19. Gravatar

    Coconut Pete

    Amazing stuff, Wish I could make the result my wallpaper

  20. thats f***ing amazing thx for sharing this!!!

  21. AWESOMEEEEEEEEEEEE

  22. yeahhhhhhhhhhhhhh fabio is a genius!!

  23. Yeah fabio u r awsomeeeeee thanks

  24. Gravatar

    František Navrkal

    I am always eager to see your tutorials, mate. Great ideas, maybe a bit uneffective ways to achieve those effects, but the outcome still rocks.

  25. Hey … This is definitely super! :) I´m impressed about your work. Great job!

  26. Good tutorial, but I hope you respect constructive criticism. I feel that the final outcome doesn’t feel finished. There are two routes that could be gone down, but when creating images like these there needs to be a ’semantic field’ in picture terms so to speak.

    I think that you should have either gone down the dark route and made the guy seem evil and given the image a dark ’semantic field’ or gone the good route, and made it more fantastical with sparkles and glows and such.

    Very good tutorial, I just feel it needs to be finished.

  27. Gravatar

    Colin Stein

    no offense to anyone on here, but this is probably the best or at least the coolest tutorial i’ve seen on psdtuts!

  28. Is it possible!? That is the most awesome tutorial on this site! Serious! :O!

  29. what a complex, creative and awesome tutorial! thanks for that.

  30. WOOOOOOOW, very amazing

  31. Wow! What a tutorial.

    An amazing bit of work, and the final result is stunning.

    Thanks for posting!

  32. outstanding work here ! thanks for this awesome tutorial.

  33. very cool. saw the post on ur blog about the tutorial coming out soon. very impressive.

    more please :{)

  34. Freakin’ awesome!!!

  35. nice effect. 2 things:

    1) if you’re creating a shockwave/bubble effect, then the objects behind the bubble should bend like if it were behind a glass, though as not much

    2) also to create more realism to the final finish, you should’ve motion blurred the person(hair, shirt, etc), or nearby objects a bit, to make the shockwave(ripple) more believable.

  36. Gravatar

    godonholiday

    Step 8? is that filter/liquify done with the mask selected or the cloud layer the mask is on? cheers

  37. Hi,

    WOW great effect nice job! ;)

    Keep up the good work..

    Thanks!

  38. Amazing!

  39. This is an incredible tutorial. I’ve always wanted to make such a cool effect, thanks! :)

  40. THAT IS SWEEEEEEEEEEEEEEEET

  41. pretty cool… i draw manga and this could be used for a neat cover effect.

  42. woohooo!!!

  43. Awesome! I was excited for this one! Thank you!

  44. Gravatar

    omarterrones

    this is absolutely fantastic!!!

  45. your just too great fabio…too great
    my man

  46. The tutorials here just get better and better, thanks! :)

  47. VERY strong. You guys have been rockin’ out some killer stuff. Keep it up!!!

  48. Now this is a PSDTUTS tutorial!!! :D

  49. Fucking works

  50. this is really cool! awesome effect

    There is one thing i noticed, and that is when you are looking through the bubble, everything seems distorted, right? Well, shouldnt the guy look distorted too if I, the viewer, is looking at the person through the bubble?

    great tutorial though!

  51. very very nice!

  52. seems very long, I’m going to check this out when i get home. I love that effect

  53. Gravatar

    Paulo Sales

    this is the stuff…!

  54. Pretty sweet Fabio!

  55. This is a great piece of digital art work. As always i find works very inspirational Fabio. Thanks for all the effort. :)

  56. funny!

  57. amazing :D

  58. A really awesome tute. Great. Will definately need to try this one.

  59. Perfect Tutorial Fabio. I like this effect. Thanks for sharing :)

  60. wow thank you.. I thought It was going to be in your website! :D

  61. Fantastic tutorial. Thank you for sharing it with us.

  62. wow, this is awesome

  63. very inspirational. a true example of what a creative mind paired with this program can do

  64. Incredible!

  65. Gravatar

    Cameron Rad

    Hey Fabio. Did you try filter-distort-spherize instead of the bloat tool? I was just wondering if that is easier or if it just didn’t work.

    O and Great Job!

  66. It seems that the truck is out of proportion, too small.

  67. awesome.

  68. Wow! This is incredible!

  69. w0w! Incredible!

  70. Gravatar

    Kim Dolleris

    Hehe… Actully pretty nice there Fabio!

  71. EXCELLENT FABIO!!!Had been waiting for this since you said you were doing it!!And you DID NOT dissapoint!!

  72. tis is a cool tutorial but i still think the lighting bit needs more than just a bit of curve manipulation! if you look close enough, shades are nt consistent. maybe i look a bit too close…

  73. one word

    Amazing

    u really r genius

    this is exactly the kind of tutorials I need

    thank u thank u thank u thank u

  74. What a tutorial! That’s GREAT!

    David Carreira

  75. Is it just me or does the shadow just seem wrong?

  76. Check out

    http://uk.youtube.com/watch?v=DS4wG904xBw

    this is a collective piece by The Ronin and Chris Hewitt. Watch to the end to see a very similar explosion….but in motion.
    In my eyes this is one of the best short pieces in recent times…..very very well done.

    Enjoy.

  77. Very nice one! Needs a few touches as stated above but looking at just the effect, very, very nice!

  78. Amazing

    thank u thank u thank u thank u

    Its Realy Help Full

  79. OUTSTANDING TUT

  80. Greatest job!!!very coooooooooooooooollllllllllllllllllllllllllllllllll!!!!!!!!!!

  81. Awesome! i like this. Also i love PSDTuts as it is always up with the best.

  82. AWSOMEEEEEEEEEE, Great Tut Fabio!!!

  83. Awesome! Tottaly stuned!

  84. Cool! I like Second Sight and Psi Ops, i almost hear the noise of this effect - whoom!

  85. Very very gud, its the best tutorial!!! Thank u man!!!! Its very useful for other works!!!!!

  86. Yep yep cool!

  87. Great tut, Fabio! ;)

  88. Awesome tut!

  89. really smart

  90. This is awsome! Just like in Dstrukt’s showreel 2007 (Check it out: http://youtube.com/watch?v=_v5_ZmQmkIc)

  91. Yes well I was the one that suggested Fabio to make that amazing effect. And it seems he did an amazing job. ;)

  92. Great idea with a fantastic outcome!

    Chris

  93. Gravatar

    Pedro Henrique

    totaly crazy brother…
    very very very cool….

  94. First thank you all for the comments, I’m really happy you liked the tut.

    Now, I agree that the image needs more adjustments I have done some from the original to this one for the tutorial… however the idea for this tut was to show how to create that explosion bubble as Constantin had requested me ;)

    @Cameron Rad: I tried that filter but for me liquify was the easiest one to adjust the size of the bubble…

  95. Awesome tut still Fabio check my outcome at

    http://nibblett.deviantart.com/art/Transformers-on-a-road-82904708

    The bubble didnt work with the idea but still awesome :D

  96. Stunnig effect, i think i’ll use it in an upcomming project. :)

  97. amazing as always.

  98. If someone curious, or in love with design, any way it goes, check out the DSTRUKT showreel, this idea comes from this guy , on an incredible motion design scene. Awesome tutorial by the way, didn’t thought i could understand the mechanisms of such an effect. The problem is : now everyone will use it. haha. Anyway, if you want to see this picture in motion : dstrukt motionreel 2007 ( one of the best ).

  99. superb effect! thanks fabio

  100. FABIO! You had done wonderful job, I specially thank u to share tutorials, plz some more get it brother.

  101. Great tutorial.

    As PX mentioned earlier though, the shadows are going the wrong way. The figure is lit from above and to his right slightly, therefore his shadow should extend out in front of him, not behind, as it does.

    Don’t get me wrong, I’m not complaining…. I’m very impressed with the tutorials I’ve seen on here and this one is fantastic.

  102. reallyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy GREAT work! n awesome :) thanks a lot 4 writing ths tutorial

  103. gret stuff…amazing design…good job..!!

  104. AMAAAZZZZINNNNNNNNNNNNNNNNNNNNNNNNNNGGG!

    I TRIED IT BT..I HAD ISSUES HOW CAN WE GET IN TOUCH!

  105. Gravatar

    Cameron Rad

    Thanks Fabio. I tried the spherize filter and i didn’t like the look it gave it. I also tried liquifing the road a bit and it turned it turned out pretty good. Thanks again.

    Cameron

  106. Greate tuturial

  107. Gravatar

    Joshua Michie

    …now how did they animate it in after effects? or was that in photoshop as well?

  108. Very good tutorial. Like I said in Abduzeedo, same nice effect than “Things Fall Apart” made by “Devoid of Yesterday” ;)

  109. WOW - BLOWN AWAY. I never post comments on websites BUT this is by far one of the best i’ve seen on PsdTuts. Great job Fabio - Keep up the good work.

  110. Really awsome tutorial. I like how it has a movie poster look to it. Nice job!

  111. Fabio stuff you are teaching us is just incredible.

  112. Excellent tut.

  113. GREAT! :-)

  114. Awesome effect, nice to move away from the glowing neon effects. They are cool, but perhaps alternate them :p

    Will
    Engage Interactive - Web Design Harrogate

  115. Thanks for the tut, but what can i do if i want to use a high resolution image , because when i use the Liquify Filter , the max size of brush is 600, it doesnt fit my clouds

  116. Gravatar

    Batsirai Musuka

    Wow!!! mindblowing. l’m new to this site and l would love to say great job to every1.

    Fabio U rock!!!

  117. Wow,

    I never comment on tutes here, but this…

    this was incredible, NICE WORK!

    THANKYOU!!

  118. excactly the same effects as in this video:
    http://www.dstrukt.com/personal/things-fall-apart/

  119. great tutorial! Pro effect done like a pro. Maybe crack the street lines or have them bend. Maybe even have the guy elevating!

  120. on of best tutorials ever..TY

  121. Very great tutorial thx man!
    Only I think on the final outcome it looks a bit pixely, and a bit too blurey, would be cool if it was HQ and some objects a lil sharper.

    Grtz, great effect!

  122. One simple word: AMAZING EFFECT.

  123. Gravatar

    Virtualboss91

    Great Tuto Thanks ,
    This is my picture :

    http://img369.imageshack.us/my.php?image=destructionvx0.jpg
    :)