To celebrate my 50th birthday this year, I thought it might be fun to recreate the classic Batman 1966 TV show opening credits – with a twist! I’m a big fan of Arrow, The Flash, Supergirl, and Legends of Tomorrow. So I thought – what if in an alternate reality, Arrow And The Flash were the main characters in the show instead of Batman and Robin? With the magic of Adobe Illustrator, After Effects, and Photoshop and a Wacom tablet, I set out to recreate the opening sequence. And here it is!
“In the Earth-66 Multiverse, The Arrow TV show premiered in 1966 instead of Batman. With his super friends The Flash, Supergirl, and The Legends; Arrow fights crime in Star City against several nefarious foes and bases his operation in the Arrow Cave. Watch his crime-fighting adventures every Wednesday night – same Arrow-Time, same Arrow-Channel!”
FOX recently sponsored a Gotham Fan Made Trailer contest asking fans to submit videos for one of their trailers. I submitted two videos – one with a chalkboard style effect and one with a comic book style effect. Six of my animated sequences made it into the final fan trailer – four chalkboard effect title cards (DC Logo, “On September 22”, “And the Battle for Gotham Begins”, and FOX logo) and two comic book effects (Gordon running across rooftop and the first 4 quick profile sequences near the end). My animation will be on prime time network TV on September 11 on FOX during Sleepy Hollow.
The chalkboard style video was my first entry. For the chalkboard effect, I used Adobe After Effects. I converted the source video to 12 fps to attain the jerky movement. I rotoscoped the actors from many of the scenes, set to black and white, adjusted brightness/contrast, and then applied the Red Giant Universe ToonIt Outlines effect. I used a second copy with a blur and opacity with a time lag for the ghosting. For the text, I used the stroke and scribble effects. I then used various masks to simulate the erasing transitions. For the final composition, I applied some noise filter to the overall video to help simulate the chalk texture and added the chalkboard background.
The comic book style video was my second entry. For this one, I used Adobe Photoshop, Illustrator, and After Effects. I first created 11 different comic book pages with different panel layouts in Illustrator. I built the text and comic book elements in Photoshop. I imported these into After Effects and added the video clips and still images into the panels. I animated each page, text, and comic book elements and used the CC Page Turn transition between the pages. I then applied the Red Giant Universe ToonIt Cartoon effect over the final composition.
This is version 2 of a Man of Steel 2 logo teaser trailer fashioned after the San Diego Comic-Con 2013 Superman / Batman movie reveal. Now that Wonder Woman has been confirmed for the movie, I thought it would be nice to include her logo as well. I also tweaked the camera and light settings and added some depth of field effects.
The video was made using Adobe After Effects and the Element 3D and Optical Flares plug-ins from Video Copilot as well as Red Giant’s Trapcode Shine plug-in.