Seriously Cool Photoshop Explosion Effect

DiggThis
Download Source Files
  • Source files for this tutorial are available to Premium members.
    Get a Premium Membership

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.

What We’re Making

You can download the original image I used on this project at www.sxc.hu.

Step 1

Create a new document, any size. I used 800×600px. 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.

 

Related Posts

Add Comment

Discussion 184 Comments

Comment Page 5 of 5 1 ... 3 4 5
  1. frenchi says:

    this was too complicated to do… i think you should give more details on the differents steps…. thank you

  2. saman says:

    hai iam irani veri veri goooood

  3. Tobia says:

    I clicked on this tutorial hoping to learn how to make the light effect, rather than be told to go use the brush. So I am a little bit disappointed, but I’m sure I can figure it out on my own given enough time. It is, however, a very good tutorial for beginners. I remember looking at all the shiny glowy wallpapers and hoping I could do that someday. Sure, it’s a bit passé by now, but there’s no need to be offensive about it and vent your frustration on some guy who’s been nice enough to share his knowledge.

  4. andy says:

    hey this is amazing man..but the link for the brush is not working. is there an alternate link? tried the hrisnreine.com one but which is it? thanks. your work is helping me learn psd alot!

  5. Vanhardisk says:

    Seriously, that’s a cool photoshop explosion effect… I mean… seriously..

  6. danny says:

    O_O… This… Is… AMAZING :D !

  7. Hameed Mohammed says:

    I love this! and about the brushes to anyone looking for them, there’s one on deviant art here:

    http://kirbymonster.deviantart.com/art/blood-grunge-splatter-brushes-77475931

  8. Iura says:

    u ar my hero !:D

  9. andre says:

    The lightning brushes dont work, sooo disappointed now, because after all that work and making my own style of this tutorial i cant finish it :( :(
    pleaaase fix the link!

  10. 赵胜燕 says:

    It’s very good

  11. I had gone through your tutorials. It was fantastic a have no words to describe it.Thanks very much for the this tutorials page :) .I think people who cannot afford to to join classes can do so in this tutorial.

  12. alisha says:

    this confuses me help me comment me at my site

  13. I tried it and got an bad mark, so crap job……. don tlose you day job and if this is your day job, hahaha your screwed…. i dont know why anyone would pay for that.

  14. thanks it’s so nice tutorial

  15. genie997 says:

    EXCELLENT!!!!!!!!!!!!!!!!!!!!!!

  16. Shady says:

    You are the most inspiring person ive ever seen. honestly keep up the good work. you are really helping the photoshop community.

    Thanks.

  17. belenrainaudi says:

    te felicito.. estas cosas sirven

  18. neruda says:

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

  19. sarah274 says:

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

  20. ciprian says:

    speachless! that’s awesome!

  21. Eugenio says:

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

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

  22. makkles says:

    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.

  23. Aye Chan Aung says:

    I Like it “

  24. Elena says:

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

  25. fuad says:

    i just wanna say “good tutorial”

  26. autoboss says:

    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

  27. ablim says:

    Thanks a lot for your lesson.

  28. Alexander says:

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

Comment Page 4 of 4 1 2 3 4

Add a Comment