MV5BMTQ2OTE1Mjk0N15BMl5BanBnXkFtZTcwODE3MDAwNA@@._V1_UX182_CR00182268_AL_1 Harry Potter 7

Director(s)

Release Date

November 2010

Country

Synopsis

As Harry races against time and evil to destroy the Horcruxes, he uncovers the existence of three most powerful objects in the wizarding world: the Deathly Hallows.

VFX Studio(s)

Base Black Cinesite DNEG Framestore Gradient Effects MPC Rise FX Rising Sun Pictures Tippett Studio Union Visual Effects

VFX Supervisor(s)

Chris Shaw Christian Manz David Vickery Florian Gellinger John Moffatt Matthew Twyford Nicolas Aithadi Olcun Tan Sean Mathiesen Tim Burke

Animation Supervisor(s)

Ferran Domenech

Harry Potter 7

VFX Breakdown

Rising Sun Pictures

VFX Breakdown

BaseBlack

VFX Breakdown

MPC

VFX Breakdown

BaseBlack

VFX Breakdown

MPC

VFX Breakdown

Union Visual Effects

VFX Breakdown

Union Visual Effects

VFX Breakdown

Union Visual Effects

VFX Breakdown

Union Visual Effects

VFX Breakdown

Union Visual Effects

VFX Breakdown

Union Visual Effects

It was a testament to our growing reputation that we were approached by Warner Brothers to become one of their vendors for this epic finale to the Harry Potter series. We were able to slot seamlessly into a well-established pipeline and deliver over 50 shots, which included digital gore for a wound shot, head replacements and green screens. We were also pleased to have the opportunity to design magical wand effects, to create a new look for the final installment of the franchise.
Union Visual Effects

VFX Breakdown

Tippett Studio

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: Loop item in Events List Widget - start */ /* ----------------------------------------- */ #listEventDate a { color: #ccc; padding-left: 30px; } /* ----------------------------------------- */ /* Content Template: Loop item in Events List Widget - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Social Network and Stats - start */ /* ----------------------------------------- */ #twitterStat { color: #FFF; margin: 0; }/* ----------------------------------------- */ /* Content Template: Social Network and Stats - end */ /* ----------------------------------------- */