Whiskey Media serves top-shelf Internet.

The Internet is slowly becoming a trap. We’re building a sanctuary for passionate audiences to come together and build comprehensive, fun websites with less bullshit.

The Making of Comic Vine's 3-Minute Expert

Joey walks us through the wonderful world of After Effects.

       
 
After Effects was something I rarely touched before joining Whiskey.  I've used it for some simple tracking work and light compositing, but nothing nearly as extensive as motion graphics or working in 3D planes.  In the last few months I've made a conscious effort to learn the software by jumping in head first and implementing the software into various Whiskey projects, specifically and most prominently in Comic Vine's 3-Minute Expert series.

We've been doing the CV 3-Minute Expert for a year now, and if you've been keeping up with all of them you might of noticed a definite solidification of style and structure take place somewhere around the Kraven the Hunter episode.  I've gotten a few requests to detail how we put these videos together, so I thought I'd take this render time to write up a little behind the scenes blog. 

It all Starts with Getting Organized

   Asset Organization is CRUCIAL!
   Asset Organization is CRUCIAL!

The process starts with Tony, Comic VIne's lead editor.  Once he's chosen a character or concept to discuss he does an crazy amount of research and fact checking and eventually pens the script.  He simultaneously gathers and scans assets and images and organizes them into folders.  If you look in the example you can see that each paragraph ends with a bracketed number, ie, [01], [02].  He then supplies me numbered folders filled with all the images associated with that point of topic.

This part is extremely important, because without these folders, I'll end up spending a crazy amount of time starting and stopping, trying to find or sift images, or jumping onto the Comic Vine to cross reference to make sure I'm not putting the Bucky Barnes Captain America where the Steve Rogers Captain America is supposed to be, and…well you get the point.   I work a lot better when I can maintain a continuous flow, and Tony has always been really good at picking out the best images and taking that preliminary step of asset organization.

The Shoot

We then shoot Tony in front of a green screen. Aside from the intro and outro, I try to keep Tony framed up in what I call a "cowboy shot", framed from around the mid-thigh up.  This gives me enough leeway to composite Tony in the comic panels, scale him up and down as needed, and throw him inside Fin Fang Foom's mouth, or attach him onto the Source Wall.

After we shoot, I take the footage into Final Cut where I edit together the cut and flow of the piece.  The first run is a basic cut, nothing fancy.  I then export out to After Effects using a 3rd party plug-in called Automatic Duck.  Auto-Duck allows me to export out the final cut timeline into After Effects, while keeping all the meta-data, cuts, handles, and effects that I had in Final Cut.  If you're not really an After Effects user, this probably wont make much sense so I'll just skip this part; but if you are, I cant praise this plug-in enough.  It's made a lot of my projects a helluva lot easier, and I can't thank Vinny enough for the nod.

Setting the Tone and Working in After Effects

   Camera Movements
   Camera Movements

Now comes the insanity.  I play the audio from the Final Cut sequence a few times while shuffling through the images.  I do this a couple times to get a grasp on the tone and style of the piece, and to discover what images really hit a strong note with me.  Then I usually take those into Photoshop and do some finishing, cut outs, etc.  It's about here where I get a feel for how I want to move my virtual cameras and images around to service that tone.  For example, Black Widow was more of a James Bond-style with intensity and intrigue; Kraven was a dichotomy of campiness and tragedy, and The Red Skull was more of a front lines war documentary/videography style.  After I feel I have a grasp on how I want these pieces to play out, I set up my first virtual camera into After Effects and get to it.

Nowadays, most every 3-Minute I do is in the 3D world of After Effects; I like to have full control of my camera, and this is the way I've become most comfortable with.  As I place images around I start to move my camera, set up depth of field, camera shake, zoom, dolly, and so on with key frames that ease-in, ease-out, rove, etc.  The images don't do much moving and it's essentially all virtual cameras.  When I get to a good cut I set up a new camera and "hide" the other camera as well as the layers and images associated with it.  This is crucial because by the time I get to the end of the 3-Minute sequence I have something like 100 layers, and the project would just be too cluttered.   I commonly go through about 10 cameras in a 4 1/2 minute video.

The Final Polish

   Taking the sequence back into Final Cut
   Taking the sequence back into Final Cut

After the motion graphics and effects are done in after effects I export back out to Final Cut.  I place the After Effects version on top of the original and play through a couple times to make sure everything looks good.  Often times I need to tweak a couple things and jump back to After Effects.  Once I feel good about the graphics I start having fun with sound effects, music, and audio mixing.

That's about it, simple enough once you look at the steps.  The Comic Vine 3-Minute Expert has essentially been my training ground for After Effects and while there are a few things that I feel like I've learned real well, I know there is plenty more for me to learn.  I try to find at least one new tool to play with every new video, and I have to admit it's been really fun.  Who knows what the future will hold for us, maybe by this time next year the Comic Vine 3-Minute Expert videos will be filled with motion captured Tonys', and live explosives that you can watch in full Smell-a-vision on your 3D setups! 


 That's a lot of Layers
 That's a lot of Layers
MannyMARon March 4, 2011 at 9:06 a.m.
Your work is superb man, love those 3-minute experts.
mbkishon March 4, 2011 at 9:15 a.m.
 This is a truly great behind the scenes look at the process. Do you have training in filmmaking? I know that these programs can be used by regular Joes because I have used them to a much lesser degree. It just seems that you know how to frame the shots and form the composition in a way that really only someone with an eye for framing in film could do. 
 
After viewing the 3-Minute Expert for Red Skull the other day on Comic Vine, I commented on the visual effects and editing; asking who did this because it was so great. Tony was quick to say, "I just do the research, writing and gather the images. It's @JoeyF: who does all the visual magic." You made that video come to life and I hope you continue along this path.
reddinon March 4, 2011 at 10:39 a.m.
Interesting read. Thanks for the detailed writeup.
coonce staff on March 4, 2011 at 10:47 a.m.
That's a really great post Joey -- I've always wanted to get a better idea of how everything came together behind the scenes. Please keep these going.
CharlesAlanRatliffon March 4, 2011 at 10:54 a.m.
This looks incredibly complicated, and I wouldn't even know where one begins to learn this type of stuff! Great article.
dvorakon March 4, 2011 at 12:55 p.m.
3-Minute Expert some of the most well produced videos in the whiskey catalog.
neuroon March 4, 2011 at 2:26 p.m.
This is exactly the kind of stuff I'm curious about. More of these kinds of posts!
 
Joey, what compression settings do you typically use when exporting out of AE to FCP?

"Auto-Duck allows me to export out the final cut timeline into After Effects, while keeping all the meta-data, cuts, handles, and effects that I had in Final Cut."
Whaaat? This has blown my mind. I didn't know there was a plugin that could do that. This is going to make my life so much easier!
Purple_Proletariuson March 4, 2011 at 2:29 p.m.
Great post, I'm interested in video production so it's really cool to see how high quality videos are made. Thanks Joey.
CharlesAlanRatliffon March 4, 2011 at 3:11 p.m.
You know, I hadn't actually watched the video before reading the article and commenting, but I just did, and holy shit! That is amazing work.
Death_Unicornon March 5, 2011 at 9:47 p.m.
Amazing stuff. Video editing on these sites just keeps getting better and better, Keep on the good work, and I'd love to see more "behind the scenes" stuff like this.
inferioregoon March 8, 2011 at 12:14 p.m.
holy layers Joey!
Stefanon March 9, 2011 at 4:54 p.m.
And they are calling Vinny the hardest working man on the planet :-)  
Half the time I was watching the 3ME videos I was thinking about how much work load those videos produce. Now I know for sure I guess.  
However, I think that your work has been really helpful for guys like me who rarely touched a comic during their life (they aren't that big in Germany). On top of that the 3ME videos encouraged me to pick up some comics without being intimidated by long-running series. Thanks! 
KurtBrownridgeon March 11, 2011 at 7:33 a.m.
Awesome post Joey. I've recently started using motion graphics in my own projects, and you've inspired to take it up a notch. Keep up the great work.
zznzzon March 22, 2011 at 6:13 a.m.

    Online Store:
( http://www.luckyvogue.com )
you can find many cheap and fashion stuff
jordan air max oakland raiders $30--39;
Ed Hardy AF JUICY POLO Bikini $20;
Handbags (Coach lv fendi d&g) $30
T shirts (Polo ,edhardy,lacoste) $15
Jean(True Religion,edhardy,coogi) $30
Sunglasses (Oakey,coach,gucci,Armaini) $15
New era cap $15
Bikini (Ed hardy,polo) $20
((( http://www.luckyvogue.com   )))
ACCEPT PYAPAL and CREDIT CARD and CASH

DELIVERY TO YOU DOOR TO DOOR
Free Shipping

PatVBon March 26, 2011 at 11:33 p.m.
Wow, I never realized so much work goes in to making these videos. Great write-up, Joey!
TheLastNeoon March 27, 2011 at 7:12 p.m.
Fascinating Read... Thank you for sharing.. Its really interesting and inspiring to read how you guys make all of this happen.
Peteparkeron May 13, 2011 at 3:16 p.m.
In my experience, you can re-use a layer multiple times for different areas of the timeline.  Is there a specific reason you choose to use each layer for only a small bit of visual data?
JoeyF staff on May 30, 2011 at 7:47 p.m.

@peteparker: Hmmm, not quite sure I understand your question. Yes, you can re-use a layer throughout the timeline, but I use 60-70 different images per video -- an asset may make an appearance for about a second in the video. I could, if I wanted to, set them up and pre-compose to clean up the project timeline a bit, but in the end, it doesn't help me move faster or more efficiently. Again, sorry if I'm misunderstanding you.

Posts by Department

On our Sites

On Twitter
  • We aren't podcasting live tomorrow morning, but we do have something special happening on the site a little after 10AM. Just sayin'

    Will Smith / @
  • DAVE: well DAVE: the thing about can town DAVE: and all there really is to say about can town is DAVE: its awesome DAVE: the end???

    Jeff Forcier / @
  • Just got near a computer. Apparently I'm making pancakes for everyone. Can do.

    Dave Snider / @
  • The new iPad just makes me want a iPhone. If the new iPad was smaller and called "iPhone 5", I'd buy it. I don't care if it's not a phone.

    / @
  • Hey, we've got some cool stuff to talk about tomorrow! We'll all be at @enemykite's place at 10AM PDT for pancakes and live video. Tune in!

    Jeff Gerstmann / @
  • Damn, Southwest. You turned what should have been an easy plane ride into 3 plane rides, a taxi, and a greyhound.

    Joey Fameli / @
  • Okay @Marvel, with this recommendation for the Uncanny X-Men HC, how can I not buy it? http://t.co/iTYSWMCv

    Tony Guerrero / @
  • "can you make this link open in a new tab?" "well... okay... but i won't always be there to hold the ctrl key for you."

    Mike Horn / @
  • Dig Deeper into Chili? Don't mind if I do. http://t.co/n3kQsFDD http://t.co/DjKMuFOo

    / @
  • Wings of Prey w/ @drewscanlon @VinnyCaravella @enemykite was fun today. Flight sticks, pedals & TrackIR are looking mighty tempting.

    / @
  • Bundaberg ginger beer. Start of a good evening. http://t.co/v7YXNzV1

    Ethan Lance / @
  • The frightening and inevitable future of @VinnyCaravella, @enemykite, and me: http://t.co/p1WqgDqx

    Drew Scanlon / @
  • YES! I have this @OBEYGIANT and 2000 Noise Pop Chicago posters at home. “@SG: @miketatum indeed, dude. for you.... http://t.co/pDstgMAo”

    / @
  • Deleted code is good code.

    / @
  • An asshole deer attacked my car at 4:30am in the absolute most podunk-nowhere-ville place ever. 8 hour delay to the road trip.

    Andy McCurdy / @