Visual effects in the style of the movie 300

Posted on Apr 30, 2007 in Tutorials


Take a look at my new project, Origins Playing Cards.  Now in production.

Visual effects in the style of 300 – TUTORIAL -


© Warner Bros Pictures

Here is a little Photoshop guide to mimic the 300 style. The effects could also be applied to video in After Effects with a similar setup. The aim here is to build the basic photoshop action with minimal tweaking. I’ve used basic shots but with good imagery you can achieve great results.

The 300 artists aimed to achieve a painterly watercolour effect in combination with photographic elements. They then applied a heavy sepia tone and the ‘crush’ – clipping the levels to pump up the contrast. Nearly all of the shots are heavily sepia. Post production took a year, so obviously there was a lot of work on each scene. No to mention the full CG environments.

In 300 there were a huge amount of ‘sky’ shots. Almost every scene was set against a dramatic sunset with glare. Snyder preferred a polarized look to the backgrounds – contrast at the top, soft and light at the skyline. The photographic cloud shots were mixed with painterly effects – such as coffee stains… really. So to begin: One cumulus cloudscape. One scan of coffee spillage. The cloud backdrop does come down to composition (tweaking).


BACKGROUND SKY

Background Layer

Base level – Take a shot of cumulus clouds and apply ‘dust and scratches’ to heavily blur the detail to give it an arty feel. Then use color adjustments to give it a strong sepia tone with heavy saturation, then dodge and burn to achieve the polarized look – dark at the top, light at the bottom. The background plates of 300 were very grainy, so a dash of the film grain filter here as well.


coffee

Layer 2 – Coffee stains: To add to the overall painterly style, use ‘overlay’ on a scan of coffee stains. Yes you could use ink, but coffee is easy to come by and has that nice sepia tone. Droplets on a sheet of damp watercolour paper for a nice spread. Obviously you’re after a cloudy feel so this is a terrible example – but it’s test stuff.


Clouds

Layer 3 – Cumulus clouds: A finishing layer of desaturated cumulus clouds with transparency, strong whites are a bonus. As the cloud in 300 was generally soft, this gets a low dose of dust and scratches also to lower the detail. This layer could be set to normal or screen on preference.


Silhouette

Layer 4 – And lastly, a silhouetted black landscape for depth set to multiply. These layers could easily be animated in After Effects.


FOREGROUND

Fore1

Now to tweak the action plate. One suitable image… with transparency / blue screen. I used extract on this shot, useful tool. As said, the colours in 300 were mainly desaturated and heavily sepia, apart from deliberate highlights, with the levels tweaked to create high contrast.


Crush

1) Starting with levels we’ll mimic the ‘crush’. Pull down the light end to boost up the highlights, then push up the midtones to boost contrast. Then in the black channel only, bring up the low end to punch up the darks.


Saturation

2) In hue/saturation, pull back the saturation. In 300, red was often left alone or even saturated for impact.


Sepia

3) Now we duplicate the layer, set to colourise in hue/saturation and adjust it to sepia. We’ll set this to multiply. This gives the image an inky feel with sepia overtones. Adjust the opacity for strength. To this we’ll also add a fine film grain.


FINAL

4) Now the finishing touches – peesa cake.


Obviously there was a lot more in the compositing of each scene in 300, but I think this presents the basic elements. You can see the layering in an actual 300 shot on this page of the VFX article here.


Related links:
The Movie Site
The VFX Article
GC Society Article
Digital Content Producer Article
FX Guide article
How Stuff Works Article
Popular Mechanics Article
Studio Daily Article

16 Comments

  1. online dating scams 2012
    May 11, 2013

    I don’t prefer to include folks I’m dating to FB or Twitter but sometimes it’s unavoidable. It really is hard to have a DJ title for thus long and be “ungoogle-able”. How I steer clear of this becoming a problem is the fact that I am such as you inside the feeling which i normally talk about my mixtapes or crack jokes. I was on Twitter just before Fb and that i do most of my networking there. I only joined Facebook because of loved ones but I discovered I became quite choosy about who I need to add there. My household could be nuts and though I’m confident I’m not adopted, I do not need a prospective mate to view that before necessary.

    Reply
  2. Earn Money as an affiliate
    May 9, 2013

    essential place :P

    Reply
  3. Tutorials Get » Visual effects in the style of 300
    Mar 7, 2013

    [...] Source: rickdavidson.com [...]

    Reply
  4. 11 Super Awesome Photoshop Movie Effects « Odd News World
    Dec 22, 2011

    [...] Give your photos the ’300′ Look [...]

    Reply
  5. Super Awesome Photoshop Movie Effects | VapvaruN | Wp Experts
    Dec 2, 2011

    [...] Give your photos the ’300′ Look [...]

    Reply
  6. Visual effects in the style of 300 | Web Page Tuts
    Nov 26, 2011

    [...] View Tutorial » VN:F [1.9.11_1134]please wait…Rating: 0.0/5 (0 votes cast)VN:F [1.9.11_1134]Rating: 0 (from 0 votes) [...]

    Reply
  7. Learn 150 Cool Photoshop Effects to Become Master in Photoshop | How to use Photoshop - Free Course
    Aug 27, 2011

    [...] You must be aware of this film what a tremendous recognition it has received. If you have a glance you will notice that most of the shots were sky based, well they used all paint effects combining photo elements and the output was really awesome. Here in this tutorial they established a style to image considering basic shots… Give your photo a 300 style [...]

    Reply
  8. نیازمندیهای ارومیه
    Jan 11, 2011

    you are the best designer on the world
    i love photoshop effects

    Reply
  9. vedat
    Apr 18, 2010

    goood ! :)

    Reply
  10. Balee Malik
    Dec 22, 2009

    Nice…………………

    Reply
  11. Japan Teen Grils
    Nov 30, 2009

    hmm.. thanks for style :)) r

    Reply
  12. Dave R
    Oct 7, 2009

    Thanks for the tutorial! This is what I came up with:
    http://www.flickr.com/photos/sportsaction/3858498374/

    Reply
  13. Me
    Jun 25, 2009

    “Then use color adjustments to give it a strong sepia tone with heavy saturation”…….”I used extract on this shot, useful tool. As said, the colours in 300 were mainly desaturated ” ?????

    Reply
  14. tobto
    May 9, 2007

    great! similar effect.

    Reply
  15. Respiro the logo design guy
    May 4, 2007

    The use of colors, the permanent “static-feel”, the artistic attention to the details – just a couple of elements which impressed me in a positive way when I saw this movie. I understood that, comparing to other movie productions, the 300′s budget was a low one, as the main part of it was made in the lab.

    Reply

Leave a Reply