MV5BMTU5MjEwMDM0N15BMl5BanBnXkFtZTcwNTkxNzQ4OA@@._V1_SY317_CR170214317_AL_1 Ripper Street

Director(s)

Release Date

December 2012

Country

Synopsis

The streets of Whitechapel are the haunt of Detective Inspector Edmund Reid and his team of officers, who aim to maintain law and order in a place once terrorized by Jack the Ripper.

VFX Studio(s)

Lola Post Screen Scene VFX

VFX Supervisor(s)

Ed Bruce

Ripper Street

VFX BREAKDOWN – Season 1

Screen Scene

BBC’s Ripper Street VFX Breakdowns.
Screen Scene VFX completed all the visual effects work on BBC’s Ripper Street’s season 1.
This video is the breakdown/making of video showing you how we made Dublin look like Victorian London.
screenscene.ie
VFX Supervisor: Ed Bruce
VFX Producer: Sarah Mooney, Amy James
VFX Coordinator: Nicholas Murphy

VFX BREAKDOWN – Season 2

Screen Scene

Screen Scene VFX completed all the visual effects work on BBC’s Ripper Street’s season 2.
screenscene.ie
Visual Effects Supervisor: Ed Bruce
Please follow : @EdBruceVFX
Music by: Kevin MacLeod

VFX BREAKDOWN – S2E3 – Phossy Jaw

Screen Scene

Ripper Street Visual Effects for episode 3 season 2.
Phossy Jaw VFX Breakdown. Before and After.
Screen Scene VFX
screenscene.ie
Visual Effects Supervisor: Ed Bruce
Prosthetics Specialist: Waldo Mason
Please follow : @EdBruceVFX

VFX BREAKDOWN – Season 3

Screen Scene

VFX BREAKDOWN

Lola Post

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