PHOTO-Iron-Man-3-nouveau-poster-epique_portrait_w5321 Iron Man 3

Director(s)

Release Date

May 2013

Synopsis

When Tony Stark's world is torn apart by a formidable terrorist called the Mandarin, he starts an odyssey of rebuilding and retribution.

SFX Studio(s)

Legacy Effects

VFX Studio(s)

Cinesite Digital Domain Framestore Fuel VFX Luma Pictures Method Studios Prologue Films Scanline VFX The Base Studio The Embassy Trixter Weta Digital capital T fx3x

Previs Studio(s)

Motion Graphics

Stereo Conversion

VFX Supervisor(s)

Iron Man 3

ARTICLES & INTERVIEWS

VFX Breakdown

Luma Pictures

VFX Breakdown

Method Studios

VFX Breakdown

Scanline VFX

VFX Breakdown

WETA

Weta Digital worked on over 500 shots on Marvel’s Iron Man 3, creating the epic final battle where 30 Iron Man suits take on an army of extremis mercenaries. The sequence features a full digital environment that goes through some epic destruction as the two sides clash in a tightly choreographed battle sequence. The final showdown between Tony Stark and the Mandarin is also not to be missed.

VFX Breakdown

Digital Domain

Air Force One

Digital Domain

Iron Patriot

Digital Domain

Snow Melting – R&D

Drenkovics Balazs | Trixter

Animatic – Mansion Attack

Federico D’Alessandro

HUD & GFX Reel

Cantina Creative

In late 2012 I joined forces with Cantina Creative to help deliver over 100 shots for IRON MAN 3.Marvel tasked us with designing all the elaborate 3D head-up displays (HUDs) – a virtual graphical interface that Iron Man sees from within the helmet environment of his armored suits that communicate essential data and statistics ranging from his physical condition to weapon and navigational diagnostics – While putting strong emphasis on the new ultra-high-tech Mark 42 suit, we also delivered upgraded HUDs to match the new suits seen in the film. It was great fun. All of the 3D elements, including a miniature version of the suit and the holographic helmet, were generated and rendered from CINEMA 4D. These graphics had true 3D depth, which heightened the stereo viewing experience as well as the interactive light qualities that are both photo-real and immersive. This is a process montage that was created to give some insight into the development and design thinking stages of the work I was specifically involved with on the film.
Johnny Likens
Credits: Cantina Creative VFX Supervisor: Venti Hristova VFX Producer: Sean Cushing Digital Producer: Lily Shapiro VFX Artists: Aaron Eaton, Matt Eaton, Jonathan Ficcadenti, Jayse Hansen, Stephen Lawes, John Likens, Leon Nowlin Jr., Alan Torres, Lukas Weyandt

Art of the Title : Main Title – Iron Man 3
FXGuide : Iron Man 3: more suits to play with
Art of VFX : Christopher Townsend – Production VFX Supervisor
Flickering the Myth : Go To Black: The Making of Iron Man 3
AWN : Building a Better Iron Man 3

Effects Type(s)

/* ----------------------------------------- */ /* Content Template: Content Template for Login Layout - start */ /* ----------------------------------------- */ .loggedIn-info { margin: 25px 0 0 25px; color: #444; } #loggin { color: #148426; } #loginRegister { float: left; padding-left: 10px; padding-top: 30px; } #logOut { padding-left: 25px; color: #333; } #logOut:hover { color: #880000; }/* ----------------------------------------- */ /* Content Template: Content Template for Login Layout - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Single Project Infos - start */ /* ----------------------------------------- */ .projectInfos { float: left; width: 100%; margin: 0 2% 5% 0; border: 1px solid #FFFFFF; background-color: #222; color: #888; text-align: justify; box-shadow: #000000 4px 4px 10px; -moz-box-shadow: #000000 4px 4px 10px; -webkit-box-shadow: #000000 4px 4px 10px; } .projectInfos h2 { text-align: center; background-color: #444; border-bottom: 4px solid #333; margin: 0; padding: 2%; } .projectInfos h2:hover { background-color: #555; } .projectInfos a h2 { display: block; color: #FFF; text-decoration: none; } .projectInfos a:hover { text-decoration: none; }.projectPoster { float: left; width: 100%; margin: 0 0 5% 0; padding: 10% 5%; background-color: #111; border-bottom: 20px solid #FFF; } .projectPoster img { border-top: 4px solid #FFF; border-right: 4px solid #FFF; border-bottom: 12px solid #FFF; border-left: 4px solid #FFF; margin: 0 auto; width: 100%; max-width: 210px; height: auto; }.projectInfo { float:left; padding:0.25em 1em; width:100%; } .projectInfo p { float:left; margin:2px 0; padding:0.25em 0; } .projectInfo a { background-color:#148426; border-left-style:solid; border-left-width:6px; border-right-color:#888888; border-right-style:solid; border-right-width:2px; color:#CCCCCC; float:left; margin:2px 0; padding:0.25em 0.5em; } .projectInfo a:hover { background-color:#1bb133; color: #FFFFFF; } .projectInfo label { background:#111111; border-bottom-color:#333333; border-bottom-style:solid; border-bottom-width:2px; float:left; margin:5px 0 0; padding:0.25em 0.5em; text-align:center; text-transform:uppercase; width:100%; } /* ----------------------------------------- */ /* Content Template: Single Project Infos - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Project Single Page - start */ /* ----------------------------------------- */ .projectContent { float: left; width: 100%; color: #CCC; position:relative; }.projectHeader { position: relative; width: 100%; height: 430px; background: #000; overflow: hidden; box-shadow: #000 0 0 10px; -moz-box-shadow: #000 0 0 10px; -webkit-box-shadow: #000 0 0 10px; } .projectImg { position:absolute; right: 0; top: 0; width:100%; opacity: 0.5; background: #000; } .projectImg img { width: 100%; height: auto; } .projectImgGradient { width:100%; height: 430px; position: absolute; right: 0; bottom: 0; background: -webkit-linear-gradient(bottom, rgba(30,30,30,0), rgba(30,30,30,.95)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, rgba(30,30,30,0), rgba(30,30,30,.95)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, rgba(30,30,30,0), rgba(30,30,30,.95)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, rgba(30,30,30,0), rgba(30,30,30,.95)); /* Standard syntax (must be last) */ } #title { padding: 0 10px 5px 10px; margin: 0; }.projectHeaderInfo { position: absolute; bottom:0; margin: 0 auto; width: 100%; } .projectHeaderInfo p { margin: 0; padding: 0 10px; text-align: center; text-shadow: #111 2px 2px 8px; -moz-text-shadow: #111 2px 2px 8px; -webkit-text-shadow: #111 2px 2px 8px; } #sliderPostType { text-transform: uppercase; font-weight: bold; }.projectTab { padding-top: -15px; } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { background-color: #0E631C; color: #FFF; border-bottom-color: transparent; border-radius: 0; } .nav-tabs.nav-justified>li>a { border-left: 1px solid #444; border-right: 1px solid #444; border-radius: 0; } .nav-tabs>li>a { color: #FFFFFF; } .nav-tabs>li>a:hover { background-color: #333333; border-bottom:1px solid #FFFFFF; border-top: none; border-left: 1px solid #444; border-right: 1px solid #444; outline: none; } .nav-tabs li { font-size: 1.2em; font-weight: bold; } .contentParagraph { padding: 1%; color: #FFFFFF; } .projectVFX { float: left; width: 100%; background-color: #222; box-shadow: #000000 4px 4px 10px; -moz-box-shadow: #000000 4px 4px 10px; -webkit-box-shadow: #000000 4px 4px 10px; }.projectVFX h3 { display: block; color: #FFFFFF; width: 100%; margin: 0; padding: 1%; background: #148426; background-image: -webkit-linear-gradient(right, #148426, #0e581a); background-image: -moz-linear-gradient(right, #148426, #0e581a); background-image: -ms-linear-gradient(right, #148426, #0e581a); background-image: -o-linear-gradient(right, #148426, #0e581a); background-image: linear-gradient(to right, #148426, #0e581a); } .projectVFX h4 { display: block; color: #444; width: 100%; margin: 0; padding: 1%; background: #DDDDDD; background-image: -webkit-linear-gradient(top, #BBBBBB, #DDDDDD); background-image: -moz-linear-gradient(top, #BBBBBB, #DDDDDD); background-image: -ms-linear-gradient(top, #BBBBBB, #DDDDDD); background-image: -o-linear-gradient(top, #BBBBBB, #DDDDDD); background-image: linear-gradient(to top, #BBBBBB, #DDDDDD); } .projectVFX blockquote { border-left: 15px solid #FFFFFF; color: #FFFFFF; background: #333333; background-image: -webkit-linear-gradient(right, #333333, #222222); background-image: -moz-linear-gradient(right, #333333, #222222); background-image: -ms-linear-gradient(right, #333333, #222222); background-image: -o-linear-gradient(right, #333333, #222222); background-image: linear-gradient(to right, #333333, #222222); } .tab-content { border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-top: none; } .twentytwenty-container { width: 100%; background-color: #000000; margin: 0 auto 25px auto; z-index: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; }.twentytwenty-container img { position: absolute; top: 0; display: block; width: 100%; height: auto; }#stillsRefresh { padding: 5px 15px; width: 100%; background: #050505; text-align: center; } /* ----------------------------------------- */ /* Content Template: Project Single Page - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Social Network and Stats - start */ /* ----------------------------------------- */ #twitterStat { color: #FFF; margin: 0; }/* ----------------------------------------- */ /* Content Template: Social Network and Stats - end */ /* ----------------------------------------- */