Battlefield 3 Poster

Fun with Photoshop ~ Photo Mashup Poster

Compositing a poster image for Grafix Garage’s squad team in the online first-person shooter game Battlefield 3

BF3 Grafix Garage Squad Poster


BF3 Promotional Splash Banner

Battlefield 3 is a first-person shooter video game developed by EA DICE and published by Electronic Arts. It is a direct sequel to 2005’s Battlefield 2, and the eleventh installment in the Battlefield franchise.  Source ~ Wikipedia

Battlefield 3 US Marines Character Models

The team at Grafix Garage spent a lot of time after hours together in a squad running, driving, and flying around blowing shit up.  Obsessed with it.  

Like, a lot.

We’d play as different characters with varying abilities; either Support with ammunition, Engineer for repairs, Recon for sniping, and Assault for, well – assaulting people…

As we’d formed the online squad tag [GG] to play in the game, I thought for a laugh to put together a poster image with our heads grafted onto some real world imagery comped over some in-game images.


Comping the Background Images from within the Game

In game screen grab background ~ Lower
Step 1A.  Background

Screen grab images from in-game within the Firestorm map looking down the runway on the US team base. As the game screen is a 16 x 9 horizontal proportion, three views are taken while moving the character to look up.  These will make up a vertical portrait format once composited and blended together.

In game screen grab background ~ Middle
Step 1B.  

Screen grab images from in-game within the Firestorm map – middle section.

In game screen grab background ~ Upper
Step 1C.  

Screen grab images from in-game within the Firestorm map – upper section.

Masking the background ~ Upper Section
Step 2A.  Blending the sections 

Blending and masking the upper sky and smoke background areas together – upper section.

Masking the background ~ Upper Sky Section
Step 2B. 

Blending and masking the sky and smoke to middle distance background areas.

Full comp of upper, middle, and lower sections
Step 2C. 

Foreground section added and blended.

Full Background plate with glove area stamped out
Step 2D. 

Completed background plate placed within poster composition frame.


Placing and Masking the Characters

RAR Infantry Members ~ Amberley Airshow, 2008
Step 3A. 

This image is the base for the three squad members.  I took this shot at the October 2008 Amberley Airshow, where these three airfield guards were part of the tarmac display as members of the Amberley-based No. 2 Airfield Defence Squadron (2AFDS) 

RAAF Air Defense Guard Patch_No 2 Airfield Defense Squadron


Guards image isolated to reveal game background
Step 3C. 

Isolated the three soldiers with tarmac area and masked to reveal game background plate.

Garage team members face plant
Step 3D. 

Photographed the three Garage team mates separately in the car park oriented to the approximate sun light direction with fishing hat and sunglasses on to cast similar shadows to match the original photo of the soldiers.  Then positioned, re-sized, and roughly isolated the heads.

The Three Amigos

Three Amigos heads positioned and masked
Step 3E. 

Masked out all surrounding details around the head photos to match the underlying soldier head position. 


Positioning Text and Graphics, and Balancing the Image

Main Title and Player Tags
Step 4A. 

Added the Battlefield 3 Logo and the individual player tags as they appear in-game, with a subtle blur glow behind the text.

Step 4B. 

Set the subtitle ‘Just a Pack of Can’ts’, and placed The Garage Platoon Badge at bottom designed by Craig Litchfield and colour matched to Grafix Garage logo. Added a few touches of highlights and shading to the Badge for more dimension.

GG Platoon Badge


Final Colour Grade
Step 4C. 

The final colour grade added as blue photo filter to match the cool tone of the in-game footage, plus an ‘under’ exposure edge halo added to draw in the eye to the center.  An overall exposure levels adjustment was added to bring up the contrast.

Grain Filter Close Up
Step 4D. 

To unify all the separate photo elements that were shot and screen captured with varying resolutions and sharpness levels, a grain filter was applied to the whole image.

From The Blog