Create a Historic Naval Battle Scene

Jan 9th in VFX by James Whiffin

This tutorial will teach you how to create a VFX naval battle scene similar to those seen in period war movies. You'll learn how to take ordinary footage shot with a DV camera and transform it into a realistic looking old film war battle scene

PG

Author: James Whiffin

My name is James Whiffin and I like to mess around with after effects in my spare time

Preview

RSS subscribers: please click here to view preview video.

Get the Flash Player to see this player.

Download

Preview

Requirements: Adobe After Effects, Trapcode Particular (download the trial version here).

The tutorial uses stock footage from: http://www.detonationfilms.com/Stock_Directory.html

Step 1

Import your footage into after effects. Click and drag it into the new composition button.

Step 2

We need to track our footage. Select window (top menu) and make sure tracker controls are selected.

In the tracker controls make sure your footage is selected in the motion source. Then press track motion and check the rotation box. (If your scene contains any zooms then also select the scale button)

The track points should come on your screen. Enlarge them by clicking and dragging the edges. The larger the track points, the longer the tracking will take but it will be more accurate.

The middle of the track points should be placed on distinct parts of the scenery like roof tops.

Step 3

In the tracker controls press analyze forwards. The camera will start tracking the points. If the track points displace from the rooftops then i know my track is incorrect.

A bad track can be solved by dramatically increasing the size of the track points. Big track points take a very long time to analyze but will fix a bad track.

If your track looks good go layer - new null object and rename it "track"

Then on the tracker controls press Edit Target (select the null object) press apply then select X and Y

Scroll through your footage and the null object should move with the scene.

Step 4

I have taken this image of a battleship from Flickr.com (this image has a Creative Commons License for Commercial Use) and erased the background in photoshop.

Once you have done this save it as a .psd then import it into after effects with editable layers.

Then place the image into the composition, as you can see it is too big. Scale it down by selecting the layer and pressing "S" then drag the percentage down to 23%.

Now that the ship is the correct size place it in an appropriate place, then color correct it using effects - hue and saturation.

Duplicate the ship layer (Control+D on windows), and turn the copied layer into a 3d layer by clicking the 3D layer icon

Now press F4 and change the Ship Copy layer's transfer mode to Multiply. This will darken it slightly.

With the Ship Copy Layer selected press "T" and change the opacity to 20%. Now press "W" for the rotation tool and swing the x axis forward.

Now drag the parent tool for the Ship layer onto the track layer. Do the same for Ship Copy layer. Now that they are parented the ship and it's shadow will move in sync with the cameras movements.

Repeat Step 4 until you have a few ships.

Step 5

Add a new Adjustment Layer by selecting Layer - New Adjustment Layer and add the old war film look animation preset by selecting Animation - Apply Animation Preset and selecting the preset in the dialog window.

The footage should now look like this:

Go effects - color correction - brightness and contrast and increase the contrast on each ship by 20.

Step 6

Now we want to make the ship on the right look like it's been hit by a bomb and its billowing smoke.

Go layer - new solid. Add trapcode particular. Rename it to "Smoke" and change it to these settings:

Change the layer Opacity to 30%

Then press Layer - Pre Compose - Move all Attributes.

Right click on the Smoke layer and click Time - Enable time remapping.

Now go Composition - Composition Settings and change the length of the composition from 7 seconds to 7 minutes.

Now click on this button down the bottom until you can see the whole composition.

Now drag the second Time Remap keyframe from point A to point B

This stops the smoke from coming out way too fast. Now change the composition length back to 7 seconds.

Now we will create the rocket. We will be using LineRocket Away01. Be sure to check out more at Detonation Films!

Once imported, change the transfer mode to screen.

Line the rocket up with the ships, and add a glow with these settings.

Now the line rocket shoots towards the center ship, then disappears. So 1 second later the ship is going to blow up.

Download the explosion here: TPipe01 Download free zip file

Download the fire here: ArcRipper__ Download free zip file

Position the thunderpipe ontop of the ship as well as the arc ripper. Make sure both layers are set to transfer mode of screen.

Draw a mask around the arc ripper so the flames don't spill out of the ships deck. Now press "MM" to reveal the mask properties and change them to this:

Now add a Brightness & Contrast filter on the arc ripper and reduce it's brightness by -56.

Step 7

Download this super high-res image of clouds Here (this image has a Creative Commons License for Commercial Use) and rub out the base with a feathered brush in photoshop.

Now place it into your composition in After Effects, making sure it's underneath our Adjustment layer.

On the cloud layer turn the Brightness down to -13 and bring the Contrast up to 33

Create a new Adjustment Layer and add a Curves adjustment and create a contrast curve in the RGB channel.

Create another Adjustment Layer and add a Lens Flare with these settings.

Step 8

When the explosion goes off we want it to be more dramatic. First, save your project. Second, select every layer and go to layer - precompose, select move all attributes. Now you have one layer.

Press P to bring up the position keyframes, and create keyframes before and after the missile fires, as well as the explosion.

Select the first two and go to window - the wiggler. Use these settings and press ok.

For the second two keyframes use these settings.

Now apply a motion tile to the layer using these settings.

Now turn on the motion blur in the layer as well as the composition by pressing these two buttons.

Now the camera shakes when the explosions occur. You're finished! (Just add audio) Hope you enjoyed this tutorial.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all Tuts+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Ruud January 9th

    very cool!

    ( Reply )
  2. PG

    Чвв January 9th

    cool первонах!

    ( Reply )
  3. PG

    barlos January 9th

    good :)

    ( Reply )
  4. PG

    Morellothegreat January 9th

    great tut. thanks

    ( Reply )
  5. PG

    Seth January 9th

    very cool,
    I would love to see tutorials that uses some advance features (track point),
    of AE.

    ( Reply )
  6. PG

    JoNuggs January 9th

    Cool tut.

    I really wish Adobe would just buy particular from trapcode, or buy trapcode itself and incorporate all of the effects as standard for premium versions of their software. There isn’t a single person I know that doesn’t use particular at the very least.

    Keep up the good work. I’m enjoying the site.

    ( Reply )
  7. PG

    Mike January 9th

    Holy Moses thats amazing! Keep it up guys! PPLEEEAASE do more movie special effects (not just the same old light saber/laser effects) using trapcode particular and whatnot! Show us how to do the wand battle between Harry and Vol De Morte in Goblet of fire?? Pretty please!

    ( Reply )
  8. PG

    Don January 9th

    Holy Sh**! This site is getting better and better

    ( Reply )
  9. PG

    OpenSourceHunter January 9th

    This is awesome !

    greetz
    http://www.opensourcehunter.com

    ( Reply )
  10. PG

    Andrew January 9th

    I am really enjoying the site and I think this is a really good tutorial that explains some very useful tools in AE. My only criticism of this is that it looks obviously fake. I could see how this technique might work for old WWI and WWII-era war footage; making it black and white and a little jittery would conceal some of the flaws in it.

    Still, keep up the good work!

    ( Reply )
  11. PG

    Dante January 9th

    This is really impressive! THANKS A LOT!

    ( Reply )
  12. PG

    Josh Drake January 9th

    Wow – way more impressive than any of the previous tutorials! Keep it up!

    ( Reply )
  13. PG

    loswl January 9th

    That is pretty cool, the final version looks and feels realistic, love the coloring too :o )

    ( Reply )
  14. PG

    James Whiffin January 9th

    thanks guys

    ( Reply )
  15. PG

    Josh January 9th

    Honestly, not the greatest final product. Kind of disappointed in the quality of some of the tutorials here so far. No offense, but I’d rather learn from (semi)-professionals rather than someone who “likes to mess around with after effects in their spare time”.

    ( Reply )
  16. PG

    James Whiffin January 9th

    @ Josh: The footage is 640×480, therefore a perfect track is near impossible. The explosion stock footage is free so not the best, if you shot the footage on HD and bought some professional explosion footage this could look great, i’m just showing you the process for you to implement to your own films.

    ( Reply )
  17. PG

    Billy January 9th

    Amen to Josh’s comments. By far the weakest tutorial so far. I’m still trying to figure out where this effect would be worth using…outside some community college night class project. Even separating the parts from it’s whole will only find limited useage. Let’s stick to the multi-purpose professional tutorials so far produced…

    ( Reply )
  18. PG

    Michael January 10th

    Pretty nice. I’d pay more attention to recording raw footage. Use a tripod and in the end, make screen wiggle (make footage 3d, add camera and wiggle the point of interest).

    ( Reply )
  19. PG

    Randall January 10th

    Josh, people like you are never satisfied no matter what. So since nothing satisfies you, how about you just be quiet? There’s no difference between a professional and someone who plays with After Effects as a hobby. If you were in the business at all, you’d know this.

    This tutorial is fan-friggin-tastic. EXCELLENT final product. Can’t wait to see more tutorials like this.

    ( Reply )
  20. PG

    James Whiffin January 10th

    thank you randall

    ( Reply )
  21. PG

    Yohn Dooh January 10th

    HAHA! That was awsome! :D

    ( Reply )
  22. PG

    Ken January 10th

    I liked the tutorial a lot. I am an aspiring After Effects professional and it helps to see various uses for the software.

    ( Reply )
  23. PG

    Josh January 11th

    @Randall; Actually, I found some of the other tutorials on here really useful and interesting! For example the typography one had an great final look I thought and can be implemented in many ways. The flower explosives one shows some genius techniques and ways to use particular. The beginner one does exactly what its meant to do, shows the basics. The magnifying trackmat wasn’t a favorite, nor was the shattering one– but for this shatter effect, if it were implemented on moving footage it would look great; which is what one reader did I believe, and they did a follow up on it! Hence, I’m pretty satisfied with the majority of the tutorials. Yes, there IS a difference between a professional and someone who just plays around. You could definitely say a professional plays around, but someone who just plays around is definitely NOT a professional.

    @James; I know the footage isn’t good, nor is the stock explosion. But why not use what’s available to you and go shoot it yourself? or find another way. You use Trapcode’s Particular which isn’t a free program, and to make smoke, you could use particle playground which IS a free and included effect with a fast blur to achieve a similar effect. There are always ways around an issue to create a better final product, or in this case a tutorial. A good track on footage like this is hard, I’ll agree with you there; but i think the track turned out really well, that’s not what brought down the quality of this final product.

    @Billy; Thanks, I agree 100%

    @Michael; Great idea

    ( Reply )
  24. PG

    Bryan January 11th

    Super cool tut. Sure the footage isn’t professional quality but who cares? I bet there’s a lot to learn from this tut that can be implemented into other things. Coming from an AE beginner, Thanks James.

    ( Reply )
  25. PG

    James Whiffin January 11th

    Glad you appreciate it Brian

    ( Reply )
  26. PG

    Michael January 11th

    @Billy
    Not exactly. This tutorial is not showing only HOW TO CREATE BATTLE SHIPS or something but it shows us what is motion tracking and how to stick objects to the footage. Don’t you think it could be quite commonly used?

    @Josh
    ;D

    @James
    Do your work and do it good.

    ( Reply )
  27. PG

    DKumar M. January 11th

    Thanks James… impressive tutorial !!

    ( Reply )
  28. PG

    insic January 12th

    brilliant! thanks

    ( Reply )
  29. PG

    John January 12th

    @Randall:

    “There’s no difference between a professional and someone who plays with After Effects as a hobby.”

    Are you serious? There is QUITE a difference.

    ( Reply )
  30. PG

    Souljacker January 12th

    Amazing tut.

    For some reason my motion tracking gets awkwars at the end of the fotage.

    I’ve already tryed different sizes but still happens.

    How can I fix this?

    ( Reply )
  31. PG

    James Whiffin January 12th

    @Soul

    Can you upload the footage you are trying to track so i can have a look?

    ( Reply )
  32. PG

    Michael January 13th

    @souljacker

    You can still analyze each frame separately. Takes time but effective. Or try to find some other points.

    ( Reply )
  33. PG

    Joe kong January 16th

    @josh

    Stop QQ’ing. If you got nothing supportive to say be silent.
    This is one of the better tuts on this site and very user friendly. If james can do this in his free time, i can’t wait to see what he’ll be doing as a ‘professional’

    keep up the good work

    ( Reply )
  34. PG

    Matt French January 17th

    Cool tutorial. A couple of points about tracking in general and comping smoke and dust:

    # Always check your colour channels first to see which has the best chance of tracking and then use those in your tracker. In most apps, you can decide how much of each of the RG and B channels are taken into account when tracking

    # Have a high tolerance for tracking (that is, low chance for failure). It might take you longer to finesse, but you will get a more solid track.

    # Usual practices is to screen smoke, however this will lighten the image. Smoke and dust are diffusers, that is they actually scatter light making things darker. Try using straight “over’ or “merge” and working on the alpha channel/grade

    ( Reply )
  35. PG

    Ariful Alam Khan January 20th

    I like it. thanks!!

    ( Reply )
  36. PG

    noman khanzada January 22nd

    this is awsome tutorial i ever seen …… i love u man … u did a nice job …. please make some playing and car blasting effect also

    ( Reply )
  37. PG

    Carlos January 26th

    Thanks man that’s awesome!

    ( Reply )
  38. PG

    Grayson January 27th

    I believe that the best way to learn a program is to simply follow quick example tutorials like this one. That’s how I learned flash and photoshop… So thank you for this tutorial.

    ( Reply )
  39. PG

    Floris February 26th

    I partly agree with Josh. Although the fire and explosion effects aren’t that good, the compositing was a nice lesson. I have a lot more to learn in compositing…

    ( Reply )
  40. PG

    Navarro Parker March 23rd

    The Wiggler? Really? You should teach the far more powerful wiggle expression. You could connect it to sliders and crank them up when the gun fires.

    Good information for extreme beginners, I suppose. Nothing in the scene looks well integrated. I expect higher end tutorials from the site. :(

    ( Reply )
    1. PG

      James March 24th

      it has the same result so i didn’t take that into account when i was creating this tutorial

      ( Reply )
  41. PG

    CgBaran Tuts April 22nd

    Cool production thanks

    ( Reply )
  42. PG

    Darren Hanson June 12th

    I’m sorry but this is very poor compositing. That’s not a personal insult before any of you start crying, it’s an honest observation.

    ( Reply )
  43. PG

    Ivory June 27th

    EXTREMELY creative!

    ( Reply )
  44. PG

    Suresh June 28th

    Hi this is a good tutorial and easy to follow also…………

    Thanks

    ( Reply )
  45. PG

    pro November 3rd

    hey nice tutorial giving….but who has a after effect or photoshop basic knowledge he follows this tutorial..

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    November 3rd