HOME » photoshop tutorials » Create A Slow Motion Bullet Shot Effect


Tutorial goal:


First of all I want to say many thanks to Reaprevenge for finding back this tutorial that was lost during the PST crash.

In this tutorial I'm going to show you how to make a nice bullet shot effect. I decided to use a technological object such as a remote control to show a lot of tiny parts flying off after the impact: the circuit board, the buttons, a few chips...

For this tutorial I used Photoshop CS3 and I think is pretty necessary. It also recommended that you still know how to:

- select an area with the pen tool
- how the liquify filter works (we're not going to use it much but it can be useful for some threatments).

I used these sources:
http://www.adigitaldreamer.com/gallery/displayimage.php?album=6&pos=15
http://www.adigitaldreamer.com/gallery/displayimage.php?album=6&pos=9
http://www.adigitaldreamer.com/gallery/displayimage.php?album=6&pos=10

The bullet used in this tutorial is designed by me with Solidworks 3D Pro but you can find easily a free stock photo of a bullet. And if you don't find it you can use mine, there's no problem.

Ok let's begin!!


End result:
Create A Slow Motion Bullet Shot Effect Final Image

Score: 9.68 / 10
Views: 55262

author:
avatar Giallo
Giallo

Credits earned for writing this tutorial:

10000 ($100)


Step 1

Ok here are the sources.



Step 2

Before beginning to work on our sources let's see this process which is going to be fundamental for our work.

The process is: how to make a 3D effect. Let's suppose that we have this layer with a circuitboard and we want to make it tridimensional to get rid of this "flat" effect.
Follow the istructions and keep them clear in your mind.

1 Duplicate the motherboard layer (Ctrl+J)
2 press the "up" key on the keyboard
3 Do this a few times (depends on the situaztion may be 2-3 mauy be 8-9 or more...)
4 merge all the layers preserving th one on top (view the image below)
5 blur the merged layers with a Gaussian blur ->amount=1
6 Burn a little th merged layers
7 Blur a little the edges of the layer on top
8 merge all the layers
Done! It's not 2D anymore



Step 3

Now let's begin to select some buttons: to make a clean rounded selection use the pen tool and design your path, then right click and "make selection" (feather to zero).
After that, copy your selection in a new layer (so Ctrl+C and Ctrl+V )then work with "liquify" (filter->liquify) to make them rounded and to extend the missing parts (1).
If you want to jump this part (1) well be clever and select directly a button which is still ready to be used! As I did in (2). Some cleaning is anyway necessary in both situations, so use carefully the eraser tool.



Step 4

Let's hide those buttons they can be useful later, but we still don't know it.
Now create the first two parts: select with the pen tool the buttons' surface (1) (I hope you get what I mean) and then copy and paste.
Do the same with the part of the box below (2).
Now to create the 3D effect on the first part is really easy (look at step 2 of this tutorial) but on part (2) is not so easy. Let's see it in next step



Step 5

Ok we have our selection just made (A) in the previous step, so let's draw the 3D part on a new layer below the (A).
Use a brush and if you want a pen tool can be useful (is up to you and your skills) I drawed these "wings" because it's supposed that the surface with buttons is linked to something...well I really don't know I never opened a remote control =)



Step 6

I decided to fill these lttle wings with a pattern.
Create a new layer below this shape, select with the magic wand tool (W) the two blanck parts, then go to edit-> fill (choose a 50% grey).
Go to blending options and set pattern overlay. Choose the pattern in the image and set his blending option to multiply.
Click ok, select the three layers and link them (or merge them if you're really really sure)



Step 7

Ok well done. Now take the circuitboard source and let's make it realistic...as it really fits in the remote control. To do it in perspective you can use the "vanishing point" (filter -> vanishing point) or do it manually with the Edit->Transform->free transform. I recommend you the last one because it's easier for this work and you have an istant feedback of what you're doing. For example here I show how you can distort it: just pressing the Ctrl + click and drag on one of the litle squares around the image you're able to distort and....free transform!!



Step 8

Ok after the previous little lesson about the free transfom let's work seriously on our circuitboard.
Duplicate it with Ctrl+J, make the two layers aligned each other, then make the desired perspective using the other layer with the buttons as a reference.



Step 9

Ok now our motherboard is in theright perspective but it doesn't have the right shape: to make it match with the "buttons' layer" move it on top then Ctrl+click on the layer's thumbnail (the layer with the buttons) then Ctrl+Shift+I to select inverse and finally click on the motherboard layer's and press Canc.
Give it a volume then.



Step 10

Ok now let's create from zero a chip that will be inserted in our circuitboard. Create a shape layer: use a "rounded rectangle tool" and fill it with a random colour. then go to blnding options and apply these settings.



Step 11

Now place the chips on the circuitboard using the free transform.

Then take the original source of the remote control and:
1 select the red light with a pen tool.
2 clean the edges with the eraser tool
Finally duplicate the layer two times and scale them, changing the opacity to 90% and 80%.



Step 12

Always starting from the main source, select with the pen tool the inferior part of the box.



Step 13

Now let's work with this layer:
1 [(Ctrl+J) + right arrow key + down arrow key ] x 5 times = tridimensional effect
In the orange circle we've a very nice border, but in the yellow circle you can see that there's some more effort to do
2 Preserving the layer on top (in blue), merge the other layers, blur and burn them
3 erase carefully the part that you don’t want (look at the short orange arrow)
4 copy with the pen tool the grey border we've created in (1) and the entire other part of the box wich lies just below the border...then flip them orizontally (Ctrl+T and then rotate 180°)



Step 14

Align the grey border with the box with the warp tool



Step 15

For comfort I hide the part that is not of our interest now.
So:
1 Draw the border on a new layer with a black brush (extract the colour trough the picker tool so it will be the same)
2 Smudge with a soft brush with "hardness" set to 50
3 erase carefully the hard edge and make it more rounded



Step 16

1 Create a new layer under the box and paint with grey
2 erase the exedent parts on the grey layer and the box layer
3 Burn (midtones-exposure to 50) and dodge (highlights-exposure 30)
A) I also draw with a brown soft brush those lines just to give more the idea of a box
B) For this box I used a different technique: instead of painting with a grey brush, I obtained the part from liquifying very much the layer (after duplicating it of course)
The result is almost the same and is more a reference for our work I don't think these parts will be completely visible at the end.



Step 17

Let's create some electric wires:
- create a new layer
- first we set the brush: press B, choose a 10 px black brush with hardness 90%
- draw some curves and/or straight lines with pen tool
- right click with mouse -> stroke path -> brush (deselect the "simulate pressure" option)
- go to blending options and click "bevel e emboss" and "color overlay" (here you can choose a colour for your wire/s)
I created some black, yellow, red and cyan wires. Let's link now these wires to the red lights with the help of the eraser tool.



Step 18

Now let's take the other circuitboard image. Our task is to make the perspective of the source matching with the perspective of the remote control. The procedure is the same as for th other circuitboard.



Step 19

So just following the istructions in step 7 and 8 of this tutorial, we match the perspective.
And then as we did before:
1 superimpose the layer to the reference
2 Ctrl+click on the reference's thumbnail
3 Ctrl+Shift+I to select inverse, then click on the circuitboard layer and press Canc.
Done!!



Step 20

A) Of course also for this layer we must create some 3D
B) Take again the previous source...let's save a chip it can be useful later.
So:
-select with the pen tool
-rotate
-Ctrl+J and right arrow for 5/6 times
-Merge and burn the edges



Step 21

A little riepilogue. Now we must think about the bullet shot effect...specially the direction of the bullet and the direction of the smashing pieces.



Step 22

I think that this is the best: the bullet comes from the down-left corner of the image and smash in the middle our remote control making a lot of flying off tiny parts.
So let's do that!



Step 23

Herafter some steps can be up to you and your style.
Take the first surface with the buttons and split it in two parts: to do so duplicate the layer, apply a layer mask on both of them, and begin to erase some parts with a black brush.
Remove carefully the grey buttons.
Finally rotate a bit the layers and, when you're sure of your masking, right click on the layer mask's thumbnail and click "apply layer mask".



Step 24

Select with the lasso tool the area near the crash,right click -> feather and type 7 (it depends on your resolution).



Step 25

Then warp: warp carefully the area to distort more the edges. This method allows you to distort only the selected area and give you much more control.
Click ok. Look carefully, because even if you have done a clean work, exactly where there was the selection line there should be a weird 1pixel line that shows your (white) background
Remove it with a history brush, but also the blur tool with a 2-3 pixels brush can be enough.
If we don't use the feather during this process..the result is horrible.
This is my warp threatment. Move carefully the edges of the grip always taking care of what you're moving also at the base of your selection.



Step 26

1 Use also some liquify and find a waved effect on this plastic "shreds".
2 Create a 3D effect. The orange "bracket" indicates the area we should erase.
3 erase the parts we don't need (look at the two arrows starting from down)
Now we've a 3D effect also for our part wich is smashed (or better smashing) by the bullet.



Step 27

1 On the last edges, nearer to the impact, work with the smudge tool with hardness 70%.
More moving effect!!
2 Another very very cool threatment you can do on your layers is to work with smudge tool ON the layer mask!! Using a grunge brush for example you can create these crashed tiny edges.



Step 28

Your task is to work with this process on every one of the layers created since now (exept lights and wires).

I'm not going to show you again for every layer just because there's nothing new to see,the process is always the same. Follow the steps from 23 to 27 you've all the informations you need.
It's also up to you and your style how to crash the parts, but the process is quite easy.

I made a riepilogue again. Now that we broke the layers, let's put them in a correct logical order. So the box wich contains the technical parts as first and last layers, while the circuitboards, the lights, the wires...in the middle.



Step 29

1 Now apply a drop shadow to every layer with these settings
2 Apply also a red "color overlay" to the lights (always from the blending options)
3 Don't apply any shadow to the last layer



Step 30

We have a shadow that goes out from the main shape. It's the shadow of the lights; so click on the lights, go to Layer style -> create layer.
Now we have the lights and the shadow as two splitted layers. Erase the excess shadow with the eraser tool (or a layer mask is better if you're not still sure of the position of the red lights)



Step 31

Now DUPLICATE all the layers and merge them. This way we can create the crash effect faster and better. select with the lasso tool some parts as in the image below. Lasso tool -> Ctrl+C -> Ctrl+V



Step 32

We have this layer now. So.
1 duplicate and rotate (to obtain more pieces)
2 merge the two layers
3 Go to filter-> blur -> radial blur. Set to "zoom" , amount "37", quality "best".
Create some variants and combine them. Use some warp and/or liquify to manipulate your effect.
FInally merge them



Step 33

We can delete the "merged remote control" we don't need it anymore. Then
1 Place the layer we've created in the previous step in the middle of the remote control.
2 Now the tedious part of the work: create dozens of little parts flying off.
So the process is the same:
lasso tool -> Ctrl+C -> Ctrl+V -> make it 3D -> smudge tool.
from every component some tiny parts flying off.



Step 34

Place these tiny pieces into the "smashing point".
Then take the bullet, convert it into a smart object, then go to filter->blur->motion blur and apply.



Step 35

Is a smart object...so it's smart!
The filter applied is not destructive: it means that we've a layer mask available for the filter and we can change the setings of the filter when we want just double clicking on the filter thumbnail...cool!
So let's erase with a blach brush the filter where we don't want it.



Step 36

1 The bullet is ready, and looks like is moving
2 Now take one of the blue buttons and smash it.
So erase some parts and smudge the edges as you want: remember to give an "exploding" effect.
3 Create (be clever dupicate the ones you've previously done) some flying off tiny parts, which follow the bullet after the impact.
Smudge them in the correct direction not randomly



Step 37

You are at this point now.
(I desatured the image just to show you better but don't do it!!)
The flying pieces should follow the orange directions, so create some new or move, rotate, transform the ones you've previously created.



Step 38

Place correctly also the blue button just near the impact point. Remeber to add the shadow manually. Take a soft black brush, draw the shadow, set the layer to multiply and opacity to 65%.



Step 39

1 Let's suppose that the bullet hit a chip and smash into two pieces.
In step 20 we saved a chip from our source. Well broke it (as in steps 23-27) and smudge it in the correct direction.
2 Well add a shadow also here so: new layer->soft black brush->multiply mode and opacity to 65%



Step 40

Open a new document.
Drag the remote control with the bullet and all the tiny parts and merge them. Call this layer "remote control"
Then new layer-> foreground colour white, background colour a dark green.
Filter -> render -> clouds



Step 41

Apply blur, levels, Hue/saturation threatment as showed (in order!)
Dodge with a big soft brush the too dark areas (in the orange circles).
Set the range of the dodge to "shadows" and the exposure to 20



Step 42

Create a new layer and make a black to transparent gradient. Set the mode to multiply (so also black to white can be ok because the multiply hides the whites).



Step 43

New layer, fill it with black, go to filter -> render -> lens flare. Set the blending mode to overlay



Step 44

This the scheme with the opacity and mode settings



Step 45

our image is a little too dark now et's adjust it.
So: merge all the layers but NOT the clouds.
Go to image-> adjustments -> shadow/highlight and use these settings to reveal some informations...



Step 46

Flatten the image on a new document.

Play with the brightness-contrast until the image looks good. I suggest you to use the adjustment layer and not to go to Image .-> adjustments. To create a new layer click on the half black half white circle at the bottom of the palette menu.



Step 47

Here it is my result!!
Pretty cool =D
I hope you enjoyed this (puff pant very long) tutorial and sorry for my "italianish" english.
Thanks!




Share this:



73 Comments

no avatar
  • [lvl 2]
  • [rep -1]
  • [vp 0]
  • [vote medals 0]:

This has to be one of my favorite ever tutorial on this site and possibly all time, the detail is incredible and the steps are very detailed, thank you very much for showing us how to do this

(148 days ago)
no avatar
  • [lvl 4]
  • [rep 87.4999]
  • [vp 1000]
  • [vote medals 8]:

That chip that is at the tip of the bullet looks like a little bug or the remote's spleen! Haha.

Anyway, I think that this tutorial is awesome. Mostly because the images were so well done that I understood what you were doing even without reading the directions! So the written part must be very good. 5*!

(148 days ago)
avatar Siminho90
  • [lvl 19]
  • [rep 78.7999]
  • [vp 59]
  • [vote medals 319]:

Very cool tut!!

(148 days ago)
avatar ReapRevenge
  • [lvl 14]
  • [rep 38.8]
  • [vp 1003]
  • [vote medals 87]:

thank you for the "thank you". i was very happy myself when i found it .I thought that everyone see this again s i sent it to you ASAP!!!...BTW awesome tutorial from yourself!!!!

(148 days ago)
avatar ReapRevenge
  • [lvl 14]
  • [rep 38.8]
  • [vp 1003]
  • [vote medals 87]:

thank you for the "thank you". i was very happy myself when i found it .I thought that everyone see this again s i sent it to you ASAP!!!...BTW awesome tutorial from yourself!!!!

(148 days ago)
avatar nehayash
  • [lvl 6]
  • [rep 37.6]
  • [vp 0]
  • [vote medals 53]:

wow!sir,ur like the guru of this field.i love this tutorial and its so easy to understand for a beginner like me.thank u so much

(148 days ago)
avatar nehayash
  • [lvl 6]
  • [rep 37.6]
  • [vp 0]
  • [vote medals 53]:

wow!sir,ur like the guru of this field.i love this tutorial and its so easy to understand for a beginner like me.thank u so much

(148 days ago)
avatar Akassa
  • [lvl 22]
  • [rep 101.8]
  • [vp 1860]
  • [vote medals 375]:

I'm glad to see this tutorial back, it's really good and unique!

(148 days ago)
no avatar
Guest:

Oh gosh, this is really nice. A lot of work has been put into this. Great job.

(148 days ago)
avatar Giallo
  • [lvl 12]
  • [rep 28.9]
  • [vp 1120]
  • [vote medals 140]:

Thanks folks!! Special thanks to Reaprevenge!!!

BTW Let me say that the background can be different and improved!

(148 days ago)
avatar k5683
  • [lvl 13]
  • [rep 92.5999]
  • [vp 120]
  • [vote medals 127]:

nice! I agree with downoffthedragon though--I kinda don't know what that red thing is Lots of work went into this-great job!

(147 days ago)
avatar Giallo
  • [lvl 12]
  • [rep 28.9]
  • [vp 1120]
  • [vote medals 140]:

Because this image was made for a contest and the title of the error was "where's the error?" because I was sure anybody did notice it (and in fact...) but now I forgot to fix it well just a detail

(147 days ago)
avatar Giallo
  • [lvl 12]
  • [rep 28.9]
  • [vp 1120]
  • [vote medals 140]:

Because this image was made for a contest and the title of the error was "where's the error?" because I was sure anybody did notice it (and in fact...) but now I forgot to fix it well just a detail

(147 days ago)
no avatar
Guest:

woah dude! this is awesome!

(147 days ago)
no avatar
  • [lvl 1]
  • [rep 0]
  • [vp 0]
  • [vote medals 0]:

best tutorial ever

(147 days ago)
no avatar
  • [lvl 15]
  • [rep 37.4]
  • [vp 960]
  • [vote medals 85]:

Giallo, never knew the liquify tool can be used for threatening lol... Photoshop is dangerous lol...

But awesome tut bro, have seen it before, saw it now and will see it next time... Very cool ...

(147 days ago)
avatar SOLARIS
  • [lvl 16]
  • [rep 25]
  • [vp 100]
  • [vote medals 0]:

really great to see it back! (top work)

(147 days ago)
no avatar
Guest:

thank u very much sir

(147 days ago)
no avatar
Guest:

thanks for nice tutorial .. but why there is no spark or burned part ?

(147 days ago)
avatar nasirkhan
  • [lvl 30]
  • [rep 124.3]
  • [vp 1140]
  • [vote medals 154]:

Awesome tutorial, Good to see it back again

(147 days ago)
avatar madamemonty
  • [lvl 8]
  • [rep 19.2]
  • [vp 3658]
  • [vote medals 676]:

I'm so glad to see this tut is back dear Giallo, and thanks Reap for helping him out

(147 days ago)
avatar Giallo
  • [lvl 12]
  • [rep 28.9]
  • [vp 1120]
  • [vote medals 140]:

I want to say also many many thanks to Lelaina because she's so cute and kind that helped me to find and recover ALL my old tutorials from the Google cache...Unfortunately due to my stupidity I didn't save the images of the tutorials and so only the texts were recovered...In any case thank you again Lelaina for you super support

(146 days ago)
no avatar
Guest:

thats seriously a lot of work. great job

(146 days ago)
no avatar
Guest:

its super but difficult to understand

(146 days ago)
avatar nishagandhi
  • [lvl 11]
  • [rep 175.3]
  • [vp 989]
  • [vote medals 77]:

very cool result and tutorial Giallo

(146 days ago)
avatar Lya
  • [lvl 5]
  • [rep 0.4]
  • [vp 0]
  • [vote medals 0]:

That one is so well done.

(145 days ago)
no avatar
Guest:

Amazing!!! Its so encouraging. Let me do it and fire.

(145 days ago)
avatar bartman
  • [lvl 6]
  • [rep 4.7]
  • [vp 0]
  • [vote medals 14]:

BRAVO?!?!?
im really glad to see this tut back again
Great works as as usual

(144 days ago)
no avatar
Guest:

cool. very good tutorial...

(142 days ago)
avatar chandershekhar
  • [lvl 2]
  • [rep 14.2]
  • [vp 0]
  • [vote medals 107]:

great tutorial................seriously

(141 days ago)
no avatar
Guest:

AMAZING!!!

(141 days ago)
no avatar
Guest:

Brilliant work will be featuring it on designrfix.com this week.

(139 days ago)
avatar Giallo
  • [lvl 12]
  • [rep 28.9]
  • [vp 1120]
  • [vote medals 140]:

TY guest.... BTW it's an old tutorial I made in 2008 and when the old website crashed I wrote it again. The tut made to this list in November:

http://psd.tutsplus.com/articles/web/best-of-the-web-november-2008/

(139 days ago)
no avatar
Guest:

Wow! this is awesome tutorial. I have bookmarked this one at http://www.cypherbox.net Thanks for the share!

(133 days ago)
no avatar
Guest:

c'est ta création

(131 days ago)
no avatar
Guest:

great work ^ِ^

(129 days ago)
no avatar
Guest:

whats the red thing

(127 days ago)
no avatar
Guest:

The greatest tutorial i have ever seen. Looks like done from 3d max but unbelievably, done from photoshop, amazing.

(125 days ago)
no avatar
  • [lvl 1]
  • [rep 0.2]
  • [vp 0]
  • [vote medals 0]:

I'm at the step 9....can't wait to finish it..
I have a problem...when I want to save or move a layer it says that I can't because "the scratch disks are full"..what it means???

(125 days ago)
avatar Giallo
  • [lvl 12]
  • [rep 28.9]
  • [vp 1120]
  • [vote medals 140]:

It means that your document is too big for your RAM memory. You can try to reduce the dimensions of the file, trying to keep the document not too huge. You can work in more than one document to keep them lighter.

(124 days ago)
no avatar
Guest:

Niceeeeeeeeeeeeeee greetz MHL PHOTOGRAPHER

(115 days ago)
no avatar
Guest:

WOW !!!! Nice man !!! things like this are inspiration to me

(113 days ago)
no avatar
Guest:

great!

(106 days ago)
no avatar
Guest:

gr8 job

(91 days ago)
no avatar
Guest:

waoooooooo nice job

(85 days ago)
no avatar
Guest:

awesome

(74 days ago)
no avatar
Guest:

You said we could use your bullet but you didn't post a link for it o.O And the picture in resources is tainted by orange !

(73 days ago)
no avatar
Guest:

And btw AMAZING tutorial, most PS tuts are so basic and boring. This one was just Woah.

(73 days ago)
no avatar
Guest:

A-M-A-Z-I-N-G
Thanks for showing how it's done
Thanks for your time you put in the production of this tut
Thanks, because it's one of the best tutorials i've ever seen

(70 days ago)
avatar Giallo
  • [lvl 12]
  • [rep 28.9]
  • [vp 1120]
  • [vote medals 140]:

Thank you very much for your comments, really motivating me

(70 days ago)
no avatar
Guest:

wow

(66 days ago)
no avatar
Guest:

Wauwwww Süper.... Thank you very much
By [HALiBER]

(54 days ago)
no avatar
Guest:

Great tutorial!

(42 days ago)
no avatar
Guest:

tofa teslam eidak

(36 days ago)
no avatar
Guest:

nice Tutorial!
But actually there arent that much cables from the infrared-diode :P (just two ^^)

Beside that, awesome tutorial

(36 days ago)
no avatar
Guest:

Wow!! Amazing! Please could you tell me where you got the remote control?

Thanks

(35 days ago)
no avatar
Guest:

yeah so ignore that - I just read the top of the page!!

Thanks again

(35 days ago)
no avatar
Guest:

wooooooooow:d

(30 days ago)
no avatar
Guest:

i can not even imagine a best bullet shot than this in real life photography... great job keep it up. hope 2 c more...

(29 days ago)
no avatar
Guest:

wow really nice

(29 days ago)
no avatar
Guest:

Nice!!!

(29 days ago)
no avatar
Guest:

impresionante!!

(27 days ago)
no avatar
Guest:

I'm sure this is one of best tutorial ever done. =D

Thanks SO much!

(25 days ago)
no avatar
Guest:

Man , the best tutorial i've seen about photoshop...no doubt about it!!!

(23 days ago)
no avatar
Guest:

wau k tutorial haa muy bueno atte drelbott

(22 days ago)
no avatar
Guest:

great!, just GREAT!
do you have the PSD file?

(22 days ago)
no avatar
Guest:

Great tutorial, I followed the tutorial with a mobile phone instead of a remote control.

http://s484.photobucket.com/albums/rr202/rodney1415/?action=view&current=mobilephone3.jpg&newest=1

Here is the link te see what i made out of it. Hope you like it!

(21 days ago)
no avatar
Guest:

only one word awesome can't explain in more word.....

(19 days ago)
no avatar
Guest:

yes this tut is just awesome!
here is my result with a PSP!

sdecoret

http://www.flickr.com/photos/sebdecoret-gallery/3597540649/in/set-72157614836820412/

(18 days ago)
no avatar
Guest:

one of the best

(16 days ago)
no avatar
Guest:

Awesome....

(14 days ago)
no avatar
Guest:

awesome tutorial...all we need to follow the steps. i have not tried it yet but i could do that as this tutorial explains every single bit of explanations...good job done...

(8 days ago)
no avatar
Guest:

Woooow.....i never see tutorial like this before.
this is very awesome...!!!
Yeeeeeaaaahhhh!!!!

(4 days ago)


Comment