Create a Powerful Mental Wave Explosion Effect
In Effects by FabioIn 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.
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 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 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 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 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 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 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 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 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 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 11
Select the "Clouds" layer and go to Filter>Sharpen>Sharpen More. Then repeat this Sharpen filter on Clouds 2 and 3 layers.

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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 28
Group the truck and the shadow layer and rename it to "truck." Then organize your folders in the Layers Palette.

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.



Planit Designs
April 15th, 2008
Amazing. Great work again Fabio. Much love.
Jos
April 15th, 2008
great tutorial. loving the outcome!
LAi
April 15th, 2008
wow….i love it..im into it……..
and i love all you work…..such a beautifulllll art….
simon
April 15th, 2008
nice, good work, Fabio!
JPOG
April 15th, 2008
Good stuffs Fabio.
BukYMast3R
April 15th, 2008
Very innovative
Tom Weber
April 15th, 2008
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!
Daniel
April 15th, 2008
Wow!
By the way I love Heroes
Daniel
Colo
April 15th, 2008
WOW!!! That’s an excelent job!!!
zwc101
April 15th, 2008
Nice work Fabio. I’ll be trying this at home
Dranixolf
April 15th, 2008
Awesome! Gratz Fabio! this is a very realistic and cool effect!
Constantin Potorac
April 15th, 2008
Thank you Fabio. Thank you!
Timmy
April 15th, 2008
Freaking incredible! You’re the man Fabio, hands down.
kenneth
April 15th, 2008
totally cool! serious!
godonholiday
April 15th, 2008
WoW! great work.
Wouter
April 15th, 2008
Wow , nice effect nice outcome
Keep up that good working !
David
April 15th, 2008
Seriously…this is awesome!
Roy
April 15th, 2008
Absolutly amazing
Coconut Pete
April 15th, 2008
Amazing stuff, Wish I could make the result my wallpaper
BroOf
April 15th, 2008
thats f***ing amazing thx for sharing this!!!
Salva
April 15th, 2008
AWESOMEEEEEEEEEEEE
giackop
April 15th, 2008
yeahhhhhhhhhhhhhh fabio is a genius!!
Abhijeet
April 15th, 2008
Yeah fabio u r awsomeeeeee thanks
František Navrkal
April 15th, 2008
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.
John
April 15th, 2008
Hey … This is definitely super!
I´m impressed about your work. Great job!
Carlos
April 15th, 2008
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.
Colin Stein
April 15th, 2008
no offense to anyone on here, but this is probably the best or at least the coolest tutorial i’ve seen on psdtuts!
Markus
April 15th, 2008
Is it possible!? That is the most awesome tutorial on this site! Serious! :O!
kremalicious
April 15th, 2008
what a complex, creative and awesome tutorial! thanks for that.
Enes Kaya
April 15th, 2008
WOOOOOOOW, very amazing
Shane
April 15th, 2008
Wow! What a tutorial.
An amazing bit of work, and the final result is stunning.
Thanks for posting!
Daniel
April 15th, 2008
outstanding work here ! thanks for this awesome tutorial.
Zach
April 15th, 2008
very cool. saw the post on ur blog about the tutorial coming out soon. very impressive.
more please :{)
Fynn
April 15th, 2008
Freakin’ awesome!!!
Jin Y
April 15th, 2008
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.
godonholiday
April 15th, 2008
Step 8? is that filter/liquify done with the mask selected or the cloud layer the mask is on? cheers
Adis
April 15th, 2008
Hi,
WOW great effect nice job!
Keep up the good work..
Thanks!
kailoon
April 15th, 2008
Amazing!
Danny
April 15th, 2008
This is an incredible tutorial. I’ve always wanted to make such a cool effect, thanks!
Sean Farrell
April 15th, 2008
THAT IS SWEEEEEEEEEEEEEEEET
Terry
April 15th, 2008
pretty cool… i draw manga and this could be used for a neat cover effect.
eddy was here
April 15th, 2008
woohooo!!!
goldenthunder
April 15th, 2008
Awesome! I was excited for this one! Thank you!
omarterrones
April 15th, 2008
this is absolutely fantastic!!!
james
April 15th, 2008
your just too great fabio…too great
my man
Ben Griffiths
April 15th, 2008
The tutorials here just get better and better, thanks!
Matt Radel
April 15th, 2008
VERY strong. You guys have been rockin’ out some killer stuff. Keep it up!!!
Andrew D
April 15th, 2008
Now this is a PSDTUTS tutorial!!!
Arnaud
April 15th, 2008
Fucking works
sticktacular
April 15th, 2008
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!
David
April 15th, 2008
very very nice!
McLovven
April 15th, 2008
http://www.dstrukt.com/personal/things-fall-apart/
Stanley
April 15th, 2008
seems very long, I’m going to check this out when i get home. I love that effect
Paulo Sales
April 15th, 2008
this is the stuff…!
Grant Friedman
April 15th, 2008
Pretty sweet Fabio!
Lamin Barrow
April 15th, 2008
This is a great piece of digital art work. As always i find works very inspirational Fabio. Thanks for all the effort.
fleox
April 15th, 2008
funny!
skut
April 15th, 2008
amazing
Jarryd B
April 15th, 2008
A really awesome tute. Great. Will definately need to try this one.
Joefrey Mahusay
April 15th, 2008
Perfect Tutorial Fabio. I like this effect. Thanks for sharing
nitos
April 15th, 2008
wow thank you.. I thought It was going to be in your website!
hand
April 15th, 2008
Fantastic tutorial. Thank you for sharing it with us.
Aminur Rahman [aka Tom R]
April 15th, 2008
wow, this is awesome
Flaunt
April 15th, 2008
very inspirational. a true example of what a creative mind paired with this program can do
Erika
April 15th, 2008
Incredible!
Cameron Rad
April 15th, 2008
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!
mahc8a8
April 15th, 2008
It seems that the truck is out of proportion, too small.
LouieP
April 15th, 2008
awesome.
Deezul6
April 15th, 2008
Wow! This is incredible!
Art-TC
April 15th, 2008
w0w! Incredible!
Kim Dolleris
April 15th, 2008
Hehe… Actully pretty nice there Fabio!
Mbithi
April 15th, 2008
EXCELLENT FABIO!!!Had been waiting for this since you said you were doing it!!And you DID NOT dissapoint!!
Saswata
April 15th, 2008
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…
Adel
April 15th, 2008
one word
Amazing
u really r genius
this is exactly the kind of tutorials I need
thank u thank u thank u thank u
D. Carreira
April 15th, 2008
What a tutorial! That’s GREAT!
David Carreira
Px
April 15th, 2008
Is it just me or does the shadow just seem wrong?
Simon
April 15th, 2008
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.
Defectiv
April 15th, 2008
Very nice one! Needs a few touches as stated above but looking at just the effect, very, very nice!
rasesh
April 15th, 2008
Amazing
thank u thank u thank u thank u
Its Realy Help Full
Harry
April 15th, 2008
OUTSTANDING TUT
Akaichi
April 15th, 2008
Greatest job!!!very coooooooooooooooollllllllllllllllllllllllllllllllll!!!!!!!!!!
Spyece
April 15th, 2008
Awesome! i like this. Also i love PSDTuts as it is always up with the best.
Adil
April 15th, 2008
AWSOMEEEEEEEEEE, Great Tut Fabio!!!
Phoenix
April 15th, 2008
Awesome! Tottaly stuned!
lizardboi
April 15th, 2008
Cool! I like Second Sight and Psi Ops, i almost hear the noise of this effect - whoom!
Has.n
April 15th, 2008
Very very gud, its the best tutorial!!! Thank u man!!!! Its very useful for other works!!!!!
Johan
April 15th, 2008
Yep yep cool!
Alessandro Giglio
April 15th, 2008
Great tut, Fabio!
Xavier
April 15th, 2008
Awesome tut!
wildwise
April 15th, 2008
really smart
Nameless
April 15th, 2008
This is awsome! Just like in Dstrukt’s showreel 2007 (Check it out: http://youtube.com/watch?v=_v5_ZmQmkIc)
Constantin Potorac
April 15th, 2008
Yes well I was the one that suggested Fabio to make that amazing effect. And it seems he did an amazing job.
Constantin Potorac
April 15th, 2008
http://youtube.com/watch?v=mFq2uClwxOo&feature=related
Chris Spooner
April 15th, 2008
Great idea with a fantastic outcome!
Chris
Pedro Henrique
April 15th, 2008
totaly crazy brother…
very very very cool….
Fabio Sasso
April 16th, 2008
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…
Harry
April 16th, 2008
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
Ben
April 16th, 2008
Stunnig effect, i think i’ll use it in an upcomming project.
Artsteez
April 16th, 2008
amazing as always.
LOWPOP
April 16th, 2008
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 ).
Gimper
April 16th, 2008
superb effect! thanks fabio
ZaFaR
April 16th, 2008
FABIO! You had done wonderful job, I specially thank u to share tutorials, plz some more get it brother.
del-fuego
April 16th, 2008
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.
vidya
April 16th, 2008
reallyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy GREAT work! n awesome
thanks a lot 4 writing ths tutorial
BenRulz
April 16th, 2008
gret stuff…amazing design…good job..!!
KEV
April 16th, 2008
AMAAAZZZZINNNNNNNNNNNNNNNNNNNNNNNNNNGGG!
I TRIED IT BT..I HAD ISSUES HOW CAN WE GET IN TOUCH!
Cameron Rad
April 16th, 2008
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
ROHIT SAWANT
April 16th, 2008
Greate tuturial
Joshua Michie
April 16th, 2008
…now how did they animate it in after effects? or was that in photoshop as well?
Skeku
April 16th, 2008
Very good tutorial. Like I said in Abduzeedo, same nice effect than “Things Fall Apart” made by “Devoid of Yesterday”
Dan
April 16th, 2008
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.
Milton Pacheco
April 16th, 2008
Really awsome tutorial. I like how it has a movie poster look to it. Nice job!
Ignician Website Design
April 16th, 2008
Fabio stuff you are teaching us is just incredible.
Carolina
April 16th, 2008
Excellent tut.
Mads
April 17th, 2008
GREAT!
Will
April 17th, 2008
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
Codered
April 17th, 2008
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
Batsirai Musuka
April 17th, 2008
Wow!!! mindblowing. l’m new to this site and l would love to say great job to every1.
Fabio U rock!!!
JamesH
April 18th, 2008
Wow,
I never comment on tutes here, but this…
this was incredible, NICE WORK!
THANKYOU!!
Chris
April 18th, 2008
excactly the same effects as in this video:
http://www.dstrukt.com/personal/things-fall-apart/
Evan
April 18th, 2008
great tutorial! Pro effect done like a pro. Maybe crack the street lines or have them bend. Maybe even have the guy elevating!
mirel
April 18th, 2008
on of best tutorials ever..TY
Bert
April 19th, 2008
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!
Katalog Stron
April 19th, 2008
One simple word: AMAZING EFFECT.
Virtualboss91
April 19th, 2008
Great Tuto Thanks ,
This is my picture :
http://img369.imageshack.us/my.php?image=destructionvx0.jpg
