MV5BMTQ2MzQzMjA2NF5BMl5BanBnXkFtZTgwODg1MTI4MjE@._V1_SY317_CR10214317_AL_1 Constantine

Director(s)

Release Date

October 2014

Country

Synopsis

A man struggling with his faith is haunted by the sins of his past but is suddenly thrust into the role of defending humanity from the gathering forces of darkness.

VFX Studio(s)

Important Looking Pirates

VFX Supervisor(s)

Chris LeDoux Josh Miyaji Kevin Blank Todd Shifflett

Constantine

VFX BREAKDOWN – S01E02

Important Looking Pirates

VFX BREAKDOWN – S01E05

Important Looking Pirates

Breakdown of ILP’s work on Constantine episode “A feast of friends”

Effects Type(s)

/* ----------------------------------------- */ /* View: Events Stats - start */ /* ----------------------------------------- */ #listEventItem { padding: 0; } /* ----------------------------------------- */ /* View: Events Stats - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* 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 */ /* ----------------------------------------- */