Seriously Cool Photoshop Explosion Effect

Tutorial Details
  • Program: Photoshop
  • Difficulty: Advanced
  • Completion Time: 1-2 hours
Download Source Files

Final Product What You'll Be Creating

Explosions are cool. Seriously cool. So when I received some e-mails asking about how to create a break-apart, explosion effect, I knew it’d be worth making a tutorial on. Read on to find out how to break apart a body, then add some awesome lighting and glow, and nopattern style, to finish the image off.


Step 1

Create a new document, any size. I used 800x600px. Fill the background layer with black. After that, place your photo in the center of the document.


Step 2

Select the Polygonal Lasso Tool (L) and select the girl. When you complete the selection process, go to Select > Refine Edge. A dialog box will open with some settings. Select to preview the image on black, and make some adjustments until you find a nice result. Add a bit of feather, radius, and expand the selection. Then press OK.


Step 3

Invert the selection, Select > Inverse and delete the background of the photo. After that, go to Filter > Sharpen > Sharpen and the Filter > Noise > Add Noise. Set 2% for the noise amount.


Step 4 - Breaking Apart

With the Lasso Tool (L), select the girl’s leg like I did, then go to Layer > Layer Mask > Reveal All. After that, select the Paint Bucket Tool (G) and fill the selection with black. Make sure that you paint the selection.


Step 5

Here we will need some brushes. You can find good brushes at brusheezy.com. I used a set of brushes called Blood-grunge.

Select the Brush Tool (B) and white for the color. Pick one of the brushes. I used the first one of the set and reduce its size to 300 or less. After that, start painting the hidden leg. You will need just a few clicks with the brush tool to get a good result.


Step 6

The previous step broke apart the leg, but the shatters didn’t spread like a real explosion. So in order to do that, we will use the Clone Stamp Tool (S).

Create a new layer above the girl’s layer and select the Clone Stamp Tool. Choose Current & Below in the Sample settings. If you have never used the Clone Tool before, the first thing to do is define a source point. To do that hold the Alt key and select the source point. After that, start cloning some parts of the exploded leg to spread the shatters. The last thing here is go to Filter > Sharpen > Sharpen.


Step 7

Repeat the Steps 4, 5, and 6, but select the arm this time to break apart.


Step 8 — Clouds

Add a new layer on top of the others. Select white for the foreground color and black for the background. Then go to Filters > Render > Clouds. Now select the Lasso Tool. Set the feather to 20px, and select an area around the girl. You will have a selection like the image below. After that, just go to Layer > Layer Mask > Reveal Selection.


Step 9

Double-click on the clouds layer to open the Layer Styles dialog box. The first thing to do here is use Screen for the Blend Mode and use 28% for the Fill Opacity. Then select Gradient Overlay. The Blend Mode will be Color Dodge this time with 55% Opacity. Use the same colors as the image below.


Step 10 — Lighting Effects

I used some brushes to create the light effects. You can find them here: http://r0man.de/kostenlose_brushes_photoshop.htm.

Create a new folder above all the other layers, rename it to “lights” and change the Blend Mode to Color Dodge. Then select white for the color and the Brush Tool. Test some brushes to see the result. Create a layer for each effect.


Step 11

Create a new layer inside the “lights” folder. Select the Rectangular Marquee Tool (M), making sure the Feather is 0px. Create a rectangular selection. Then select the Gradient Tool (G). For the colors, use white for both start and end, but change the end’s opacity to 0. Then just fill the rectangle with the gradient like in the image below.


Step 12

Select the Elliptical Marquee Tool (L) and use 10px for the Feather. Create an elliptical selection like the image below. The just go to Layer > Layer Mask > Reveal Selection.


Step 13

Duplicate the layer and go to Edit > Transform > Flip Vertical. Then go to Edit > Transform > Scale and reduce the height only. After that, just group these two layers. You can create more lights just by duplicating the group, rotating, and scaling it.


Step 14 — Illustrator

In Illustrator select the Pen Tool (P) and create two curved lines To do that, hold the button every time you click to create a curved point. Use 0.5pt for the stroke weight. After that, select the Blend Tool (W) and click over one line and then on the other. To change the blend properties, just double-click on the Blend Icon. Choose Specific Steps for the Spacing and use like 50 steps. Copy the blend.


Step 15

Back to Photoshop, paste the blend over the girl. After that, select the girl’s body. To do that, just click over the girl’s icon on the layer palette holding Cmd (mac) or Ctrl (PC), which will select only the girl’s body. Then go to Layer > Layer Mask > Hide Selection. That will hide the parts of the blend that are in front of the girl.

Open the Layer Style dialog box, change the Fill Opacity to 0 and select Gradient Overlay. Use 20% for the Opacity and use the rainbow colors, like in the image below.


Conclusion

There are lots of different ways to do the break-apart effect. I chose the one that was, in my opinion the fastest and easiest one. You can see that I spent more time creating the lighting effects than doing the break apart effect.

 

  • neruda

    i think u r d master not rembrand…thank u…..

  • sarah274

    Very nice! The only thing I would suggest doing different is to select the subject using the pen tool instead of the lasso. The pen tool is more precise. =)

  • http://web-gab.com ciprian

    speachless! that’s awesome!

  • Eugenio

    Awesome effect!!! And you made it so simple, too!!!

    Thanks, I’ll be sure to try this one!

  • http://adriancybor.es.tl ADRIANCYBOR

    genial!!!! :D

  • makkles

    Wonderful tut Fabio, thanks.

    Here is my take on it… http://img22.imageshack.us/my.php?image=chipower.jpg

    I used the tut in order to learn the technique and used different brushes etc. to put my own touches to it.

    My advice is not to blindly follow tuts but to use them merely for guidance in creating your own work.

  • Aye Chan Aung

    I Like it “

  • Elena

    It is impossible to me to make step 10 :(
    I tried, but I can’t do it right any way :(

  • fuad

    i just wanna say “good tutorial”

  • http://www.automoblesdir.com autoboss

    Hey this is a nice and great creation. This is helpful and most effective lesson. i have learn more important thing from your lesson. Thanks a lot

  • http://www.automobilesdir.com ablim

    Thanks a lot for your lesson.

  • Vey

    I Like This… good….

  • http://www.glennsorrentino.com Glenn Sorrentino

    Cool trick

  • http://www.carolinacustomdesigns.com Marty

    Thanks for the tutorial! I’m sure I will be able to use the effect on a design. Thanks for putting the time into explaining this for us.

  • anonim

    coul you repost the brushes pleasE?
    error 404..

    ON: great articles… thank you~!

  • Gazza

    Great looking result very good work.

    however this is a very bad tut, confusing with vital steps missing.

  • Eve28

    I’m using cs4, but when I do the refine edge effect and select ok, its not showing up on my image. Should I be working with 2 separate layers or merge them? I’ve tried it both ways and it still isn’t working for me.

  • Pingback: photoshopresources.net » The best photo effects photoshop tutorials on the web

  • uvraj

    realy cool tricks and u have any other tutorial so plz tell us. by which can we learn something new………..thanx

  • http://www.clippingpathcenter.com/ Al Kamal Md. Razib

    I love your work. Thanks.

  • http://www.facebook.com/ayhintrinidad Marwaaa

    WHERE CAN I FIND THE LIGHTNING BRUSH??! PLEASEEEE

  • http://www.clippingpathindia.com Jannatul Ferdous

    Wow what a great tutorial!!! Really its awesome.

  • http://www.clippingpathtindia.com Clipping Path India

    Really this is seriously cool photoshop explosion effect. I like this post. Thanks.

  • Swans Man

    As usual Abduzeedo, another awesome tutorial. To the people moaning about there being steps missing – I don’t think there are, it’s just an advanced tutorial, when it gets to this level you have to know at least a little what you are doing. It would be like learning to play guitar and trying to learn a Jimmy Page song straight off and saying there are notes missing. It’s not that – you just aren’t good enough. Do some more basic tutorials, learn the ropes a bit more and come back to this one. You have to use your own judgement with something like this. Mine didn’t turn out exactly like the one above but it was pretty cool and you learn new stuff. You shouldn’t have a go at the guy who has taken time out to provide a tutorial to help others just because you aren’t good enough to do it. Do I make myself clear? lol.

  • dave

    howw come the hide selection option hid the blends instead…pls explain

  • sacajawea

    im working on this now but i cant figure out how to get the new downloaded paint brushes onto photoshop can someone please help

  • http://www.pianplace.deviantart.com pianplace | panggonepian

    nice nice nice nice nice nicely done … indeed !!! :D ;)

  • http://www.clippingdesign.com Mahmudur Rahman

    Very useful tutorial. Nice to learn. Thanks for share. :)

  • http://www.veocityshow.net Velo

    awesome….Great Tutorial

  • brian

    NEED BRUSHES!!!, i spent like 5 hours on this, and cant finish, please post a new link, or upload them

  • Abdur Rahim

    This is really nice!

  • Pat

    Ok ill Admit i love the turn out, but your TUT not going to say complicated but a little hard to follow if you dont know what your doing, you should go into more detail into witch layers you have selected when you do some things took me a min to figure it out but after skimmy your tut i figured it out and got something similar to your outcome and im very happy with it :D!…

    But in future tuts id go into a little more detail on witch layers you have selected other than that good job i love this one

    -Thanks

  • http://www.apiestudio.co.cc Ifeanyi

    you are just too good… thanks for this man.

  • http://www.deepetch.com Deepetch

    wonderful effect and color combination i loved it, very clear and step by step process, thanks for sharing.

  • Pratik

    I have one request for you……. can you please me the brush files on my mail?
    i would be very glad if u can

    ur tutorial is really awesome…. thanks!

  • DANIEL KYE

    SERIOUS STUFF GUY, HOW DID YOU LEARN TO DO ALL THAT STUFF? AM LEARN DESIGN BUT……CAN YOU SEND ME TUTORIALS THAT I CAN BE BETTER THAN YOU…AAAHHHH?

  • RUHIT

    brilliant work, its difficult to me somewhere follow your tutorial, kindly give me a hints how its going to be easy to follow

  • Adesgun Adebiyi

    Love this tutorial- verysimple n short!

  • https://www.facebook.com/saifcr7 Saif Cr

    wonderful effects … awesome tutorial.. i will try it on Cristiano Ronaldo… :D :D

    THANX FOR THIS TUTORIAL …..

  • Julian

    Where’d the pictures go?

  • Christian

    Hi im allready stuck at stage 2… i can’t delete the background ? .. + i don’t have the bucket thing..

  • Diego

    Thanks for this excelent tutorial, i am learning many effects, thanks.

  • sameer

    cn i get video tutorial

    • Maxim Verbeke

      do you have a video tutorial

  • amit kumar

    woooooooo nice 1 i like it

  • http://wapking.in akshay

    Nice pic……………………

  • Creatifox

    Awesome!!!

  • maxim verbeke

    is there a video tutorial of thit

  • Maxim Verbeke

    is there a video tutorial

  • Alexander

    i mean can you make a picture like that to me? i don’t have pohotoshop