Week 5: After Effects CS4 Part 2

11 03 2010

As I said last week, the process of creating the lightsaber effect in After Effects CS4 is a pretty involved one.  I now understand, to an extent, what the cubicle-isolated folks over at ILM must feel like when George Lucas tells them he wants Yoda to look a bit more “shy” or “calculating.”  Every detail is carefully thought-out, and the audience doesn’t have time to notice most of those details when they watch the final film.  They’d only notice if something were missing – ruining the illusion.

Lucky for me, there’s no real illusion here.  That’s why I – and people like Jon Stewart – stick to mocking the establishment with satire rather than trying to create an entirely new idea/process/style.  I have nothing against Jon Stewart or other satirists, but I often wonder just how many people could do the job that they criticize (whether that’s the news, public office, filmmaking, etc.).  It’s just a nice breath of fresh air when you can inject comedy into something very serious.  [and…we’re back off the soap box.]

Here we are in After Effects CS4, close-up on a shot of Brad as he walks with his lightsaber laying casually over his shoulder.  There are at least six of these shots where the lightsaber has to be motion-tracked the entire time that brad is talking.  Remember to think ahead when you shoot!  This would be an excellent example of a scene where the work involved in creating the effect is NOT worth the humor.  All the same, it’s good for a chuckle… and it’s already shot so we can’t go back now.

Create a “white solid” and add it to your timeline above the video layer.  Then create a “black solid” and add it below your video layer.  The screen goes white, of course.  Now, click on the “eye” icon to the far left of that layer, making it invisible.  Add a “mask” to the white solid and trace the mask around the shape of the lightsaber.  You just need a quadrilateral at first, with four points.  Don’t worry about rounding out the two ends of the lightsaber until later.  (To test this, click on the eye again to reveal the white layer, which should now cover all of the lightsaber, excepting the small areas at the ends that haven’t been rounded yet).

Repeat this process for every frame in your shot.  Then, go back to the beginning of the shot,  add one or two (don’t go overboard) more points in the mask outline to each end, making the shape closer to the rounded edge shape of the ends.  Use the rounded-edge tool under the “pen” icon in your tool panel at the top (ctrl+G) and click on each of these new points to automatically complete the roundness of your mask.  Now, when you watch the whole scene (with the white solid visible), you should have a crude version of your lightsaber.  Now we need to make it glow – which has the added bonus of covering up any minor errors we made which may have reveals a bit of the original lightsaber in the video.

Now, go back to that mask in your timeline.  Copy the white solid that the mask belongs to about 5 times above your video in the timeline (that’s the number I used, but you can use more or less).  For the first mask, turn the “feather” up 1 point.  On the second mask, turn the feather up to 10 points.  For the third, 30 points.  For the fourth, 60 points, and for the fifth, 120 points.  This way, we’ve actually created what appears to be light surrounding the core of the lightsaber (the original white shape).

The rest is much easier.  First, delete the video from that composition (you should be left with 5 white solids on top of a black solid).  Then, create a new composition and add the exact same video to it.  Drag the original composition into that new composition.  You should not be able to see the video because the black layer is in the way.  To the right of that composition’s layer, under the “mode” drop-down menu, scroll down to “screen.”  Like magic, your glowing lightsaber layer appears over your original video again.  With the lightsaber composition highlighted in your timeline, go up to “effects” in the menu at the top and scroll down to “color correction.”  Under that category, select “color balance,” which adds the effect to the lightsaber composition layer below.  Next, adjust the effect to your liking.  For a vibrant blue or red, I have been turning the shadow, midtone, and highlight all the way up for the color I have chosen (your options are blue, red, or green).

When you play this back, you should have a pretty solid lightsaber effect.  Other tricks of the trade include widening the shape of the lightsaber when it is moving quickly and adding sound effects later to create the full impact of the effect.





Week 4: New Episode Coming Soon

16 02 2010

New Episode On It’s Way

The next episode of Reacharound Clubhouse has taken quite a while to get here.  By that, I’m not referring to the time that has passed since our last episode (it’s been some time since new material has aired).  I mean that the new episode is made up entirely of footage that was shot in the summer of 2007.  The episode will be a 25-minute short film called “The Surprise” which has been waiting for a nice edit for nearly 3 years, lying dormant in my external drives.  It’s one of three films shot that summer that will eventually be cut for various purposes, along with a 40-minute film called “The Middle Man” and another untitled film about a reclusive young man who decides to venture out into the real world.  “The Middle Man” was started in the summer of 2006, but shooting wasn’t anywhere near completion until a year later.  It’s plot is extremely convoluted, but it involves a mysterious necromancer, a briefcase, zombies, a beach, lots of death, and plenty of unnecessary twists – all the typical student filmmaker stuff.  All three films, without consciously intending it, are parodies of the action, thriller, and film noir genres.  Perhaps they’ll all be featured on Reacharound Clubhouse in the near future…

The Surprise” is the action film.  We basically shot it without any script and completely out of order, piecing together whatever stereotypical plot elements of an action movie we could think of.  Also, I should mention that it’s primarily a lightsaber battle, so it’s got that going for it.  There’s no explanation of how these two high school guys managed to get their hands on lightsabers, you just need to accept it and move on.

I found the 4 1/2 hours of footage and realized how amusing it is to cut together old material… it’s often much funnier than you remember after you haven’t seen it in three years.  The whole thing was shot in about 4 or 5 afternoons, with costumes provided by a local second hand store.  Like I said, we didn’t bother with thinking the story through ahead of time, so the “plot” moves randomly and certainly doesn’t have any real purpose, moral or aesthetic.  I recommend shooting this way, though, at least once.  It allows the actors the chance to improvise with the knowledge that the entire story could change depending on what they say next.  Nothing is set in stone, so it’s a very free and exciting way to make a movie.

Special Effects

If you’re not familiar with the lightsaber effect (used originally in the Star Wars movies, of course), it’s created through a process called “rotoscoping.”  That refers to going through every frame in which an effect appears and coloring something in, outlining something, or otherwise creating the look you want.  When the frames are all played together, the resulting animation looks as though you shot a scene with the effects there.  With lightsabers, you create a layer that covers up the placeholder that you use for your lightsaber.  In our case, we just went to the toy aisle at a WalMart and bought toy lightsabers.  Unfortunately, they’re shorter and fatter than sabers that appear in Star Wars, but that’s alright.  The program I’m using is Adobe After Effects CS4 , which is one of the industry leaders in effects software.  It’s terrible complex and overly-capable (like Flash CS4), but once you figure out how you can accomplish what you need to get done, you’re good.  Luckily, I’ve been using After Effects for about 6 years, so I’m not putting myself through a crash course the way I am with Flash.

The program has an effect called “beam” that I intended to use back when I shot the film.  It’s the same effect that I used to create (really awful) laser effects for the short film “Lasers” in which Daniel Posey flips out and starts wreaking havoc when he discovers that his sandwich can shoot lasers.

“Lasers” from Reacharound Clubhouse

Instead of animating the laser moving along a horizontal path, though, I thought I could keep it still in the air and just match it to the path of the lightsaber frame-by-frame.  It turns out that there is a much more realistic method to use, which I am currently putting into the film.  Basically, you create a solid layer that is the color white, then use a mask that reveals this layer in the exact shape of the lightsaber in every frame.  Copy that mask about six times and use an array of feathering (at levels 1, 10, 30, 60, 120, and 240) to simulate the look of an object that emits light.  Then, tint the whole effect the desired color of the lightsaber.  You’ll get a solid white core and a colored light surrounding it.  I felt that this looked much better than the laser effect, so I’m going with it, despite the fact that a 3-second shot takes about 45 minutes to create.  If there are two lightsabers in the shot, you’re looking at twice as much time.  This is a huge setback to production, but the effect is cool enough that it’s worth it.

More on “The Surprise”

The film stars Nick Miller and Brad Sova, who deliver very amusing performances.  Several other people serve as extras, but the vast majority of the movie is just Nick and Brad locked in heated combat.  Watch for allusions to every action movie you’ve ever seen.  “The Surprise” is overflowing with cheesiness, so just enjoy it.  We’re not apologizing.  Again, it was shot completely out of order, so there are many transitions of location that are shaky.  You’ll see some jump cuts and you’ll probably notice arms/legs/eyes/etc. that aren’t in the same place as they were in the previous shot.  It’s very heavy on cuts at times, so that can be a problem.  It’s the price you pay, though, if you shoot off-the-cuff like we did with no planning at all (and with no crew).  It’s also interesting to note that every character is named after some sort of tree, which is just odd.  I can barely remember shooting some of this stuff, which you may relate to if you’ve ever looked at really old footage, so I’m unable to explain every strange thing that appears in the film.

Check in next week and I’ll revisit the process of rotoscoping (and doing a few other effects) more in-depth.  Soon, the site will be up.  I promise!  So… be ready.  Meanwhile, here are a few stills from “The Surprise.”





Week 3: GoDaddy, Paypal, Zymic, and Flash CS4

8 02 2010

Over the past week I’ve been hard at work getting things prepped for the site.  It’s taken a lot of experimentation, though, so if you have any interest in setting up a site for yourself – TAKE HEED!  I’ve learned a few things about the process, so I’d go about it differently if I did it again.

GoDaddy.com

First, you probably want to purchase a domain name, as I did.  I chose GoDaddy.com, despite it’s horrifically tasteless and childish advertisements, because it’s the largest online domain registrar.  I did a bit of research, and I came upon a few sites that had some pretty negative things to say about their experience with GoDaddy.  NoDaddy.com, in particular, railed on the lack of security and poor customer service at GoDaddy, sharing lots of reports that GoDaddy has taken back domain names without any explanation, sticks you with hidden fees for security and privacy services that should be standard, and uses “dirty tricks” to keep you from transferring your domain to another service.  Despite these stories, I thought that if I lost my (relatively small) investment to GoDaddy trickery, at least I’d have an interesting story to share.

I’m happy to say that so far, things have gone very smoothly – which is to say that my domain hasn’t been taken away yet.

GoDaddy’s website is very disorganized (ironically), but ultimately that doesn’t create much of a problem.  The claims that GoDaddy sticks you with fees for site security, personal info privacy, and other services are true.  Once you find a domain name that is unregistered, say “gomissouritigers.com,” GoDaddy tells you that your “.com” domain will cost you $10.69 for 1 year.  It also suggests that you buy related domains, like “gomissouritigers.org,” “gomissouritigers.net,” “gomissouritigers.info,” .biz, .us, .mobi, etc.  I opted not to purchase other similar domains.  Then you give GoDaddy your address, phone number, name, and email.  Then it begins asking you to pay for them to keep that information secret (off the public registry).  Then it asks you to pay for them to put their official “seal” of certification on your site, which is supposed to prove, somehow, that you “are who you say you are” to your visitors.  After that, you’re asked to pay GoDaddy not to take your domain away if your credit card expires or if your contact information becomes outdated.  Next, it offers you email service, then site hosting, then a “shopping cart” feature for your site, then site analytics services, then data encryption for your online customers’ sensitive information, then advertising services.  Before you check out, it reminds you of many of these things again, always with numerous asterisks and “what is it?” links that show you an incredible amount of fine print.

I have to say, GoDaddy really bogs the process down and seems to attempt to trick you into buying a lot of extras that you don’t need.  It makes it difficult to trust GoDaddy.  On my next site, I think I’ll play it safer and use a different domain registrar.  On the bright side, GoDaddy does seem to be improving its reputation for poor customer service.  The day after my purchase, they called me to ask me about my site and to answer my technical questions.

PayPal

I paid for the site using PayPal, which was easy to set up if you don’t already have an account.  I would recommend using your credit card if you have one because you can make instant payments.  I, personally, don’t have a credit card, so I attached my PayPal account to my checking account.  After the site verifies your bank and account number, you have to wait 3-5 business days to get any amount of money transferred to PayPal.  In my case, it took the full 5 days.  After that time passed, I was able to complete my purchase at GoDaddy with no problems.

Zymic.com

Rather than pay GoDaddy for its hosting service (the ability to upload your content to your domain with a certain storage capacity and bandwidth), which is between $4.74 and $6.64 every month, I chose to host my site under a free hosting provider called Zymic.  Zymic offers comparable storage and bandwidth and it’s free.  Even the GoDaddy customer service representative who called me seemed shocked that Zymic didn’t place ads on my site.

Flash CS4

After making the investment in a copy of Adobe Flash CS4, I’ve discovered (perhaps a bit late) just how deep this rabbit-hole goes.  Flash is the wicked step-sister to Dreamweaver that will stretch your ability to learn code-writing and complex layering methods to its breaking point … with amazing results.  Flash is almost too multi-faceted and capable, which can be very intimidating at first.  My strategy has been to first plan out what I want my website’s appearance and functionality to be and then to research how similar things have been done in Flash.  Youtube has turned out to be a great place to find very detailed tutorials on creating projects in Flash, giving you a click-by-click breakdown of everything you need to do in Flash to get a certain result.  These have been indispensable, although I have a long way to go before I consider myself to have any significant knowledge of this program.

The site is designed to reflect the random and ridiculous nature of our program – we definitely don’t want to give people the impression that we take ourselves or the show too seriously.  Hopefully the title “Reacharound Clubhouse” accomplishes that goal from the get-go, but just in case, we make sure to make that a theme in everything we do.  One of the few “philosophical” attitudes we all tend to have in common is that producers of entertainment, news, and other media are perfectly capable of accomplishing their goal without seeming arrogant.  We make it a point to satirize these types of personalities on our show and we’ll continue to keep that attitude upfront in whatever we do.  We feel that an audience will find that sort of casualness refreshing, particularly on a college campus where the routine of competing with your peers wears us all down.

I’ll keep you updated as the site comes along, but here is the site as it currently stands – displaying an “Under Construction” message:  ReacharoundClubhouse.Com





Week 2: Construction begins on the site

31 01 2010

To make things clear then, the remainder of this blog will be dedicated to documenting the production of MUTV’s Reacharound Clubhouse, a television program that would have stratospheric potential were it not for its terrible name, questionable structure, lack of focus, and absence of production quality.  I kid, of course, although something’s got to be done about the name.  This page will be the one-stop-shop for all things related to the RC’s production, including deleted scenes, conceptualizations, staff information, and making-of featurettes.  The show’s goal is to make people laugh, ultimately, but it can’t be considered a sketch-comedy program (despite what you’ll read on our official MUTV website http://mutv.missouri.edu/reacharound.php).  The show is a cluster of our favorite things: on-the-spot interviews gone wrong, live musical performances, short films, scenes from “the clubhouse,” commercials and PSAs altered for our enjoyment, and viewer-submitted material.  Basically whatever we feel like throwing on there.

I’m hoping to make a lot of progress on our new website this weekend, which is where we’ll be moving this blog so that it’s home is integrated into the RC experience.  We’re hoping to include a viewer submission upload page, a place to watch the show, staff bios, this blog, a place for one of our fictitious characters, a music page, and other goodies.  The idea behind the website is to add a new degree of professionalism and legitimacy to our show.  We’re also operating a facebook page and a twitter (both of which have been relatively inactive for a while) in addition to our MUTV website, a youtube, a Blip.tv, and our airing on MUTV.  We’re hoping to expand our web presence and our physical advertising this semester, but it’s more important that we’re reaching our target audience in several different ways as opposed to just occupying lots of different spaces online.

Johnny

Johnny Reaches Out For Fans

We’re hoping to have the site up and running by next week, when we’ll have some screen shots of the site’s construction and scenes from the new episode.  The picture above is one of the main elements of our homepage.  I’m creating a simple flash element that will animate the area above his hand, the area behind him, and the menu below him.  Johnny is a common on-screen personality for the show, specializing in animation and sexiness.  Also, he hates Papa John’s.

We’ve determined that the best design for the site is to put a simple, clean-looking homepage at our original domain address.  This will be dominated by a flash animation with a white background that gives you options.  The first choice is a blog-style informational page where updates give visitors all the latest news on the show.  Other links from the main page (clips, music, behind the scenes, etc.) we’ll anticipate being visited less.

I’ll be chatting with Prof. Jim MacMillan of MU’s Journalism School as I develop the design, but I feel we have a good start.  I’m most concerned with combining the nonsensical, irreverent atmosphere of the show with a sleeker style that lends itself toward the professionalism we’re hoping to develop.

For those f you not familiar with the show, here’s a promo we’ve been using for a while.  We’ll develop a new ad for MUTV soon, but this introduces a few of our regular stars (Daniel Posey, Marcus Miller, Dennis White, and others).





Week 1: A Future Uncertain?

25 01 2010

The initial uncertainty.

Well, the new semester has begun and I’m starting at Newsy.com (via the Newsy class) as well as KBIA (through J4806).  The question is: what do I hope to take away from this semester?  I’m really very excited to develop my skills in working with web videos and audio stories, but I’m finding myself wondering where this will all lead me when graduation time comes around.  Here are some things I’m relatively certain about:

1. Eventually, I’d like to produce documentaries.  I’ve worked on three feature-length documentaries before, but each time I complete one I feel that I progress beyond that skill level fairly quickly and no longer want to use the films to promote myself.  I suppose that’s the nature of working on these projects during the high school and college years – things move fast and each new idea seems far superior to the last idea, which robs you of a sense of continuity in your work.  I’m becoming more and more proficient with effects programs like After Effects and other third party software that rapidly increase the professionalism of (the look of) your work as you become more acquainted with them.

2. I like working in an online environment and I enjoy the possibilities that online networking creates for someone who is trying to disseminate information.  There is a lot of room for innovation, but finding a relatively untapped audience/subject matter with whom my work will resonate is the most interesting challenge.

3.  Perhaps it’s less realistic than the previous two points, but I’m very interested in producing and mixing music.  I’m proficient in several instruments and I’m hoping to apply my interest in composing to some of my projects.  Naturally, so much control over a project with a wide scope – like a documentary – will spread me pretty thin.  It’s absolutely not impossible though.  Major filmmakers like Robert Rodriguez (Once Upon a Time In Mexico, Spy Kids, From Dusk Till Dawn, Sin City, Grindhouse, etc.), John Ottman (Urban Legends: The Final Cut, X-Men 2, Valkyrie, Superman Returns), John Carpenter (Halloween, Assault on Precinct 13, Christine, Escape From New York, etc.) and a few others have had major mainstream success while writing, editing, directing, scoring, and producing their films (not always all at once, of course).  I’m still mulling this over and I’m planning on creating a project soon that will test my ability to utilize these skills within a coherent project.  Despite the obvious setbacks to balancing several jobs on the same project, I feel there are some huge conceptualization and execution benefits to creating a style for a film.  Certain elements of style, by the way, can really add a lot to a piece without detracting from its objectivity and truthfulness (in my view).

Stills from the MUTV show “Reacharound Clubhouse”

A new plan.

This is a project I plan on working on this semester.  It may not be “reporting” (since it is essentially a comedy format with elements of journalism), so I’ll plan for now to use this blog to chronicle my work and to meditate on my future career.  All the same, I thought this would be a nice opportunity to discuss the progress of my project.

As a student, I’ve worked in several organizations and tested out a variety of career paths to determine what type of work I might be successful in.  I’ve created a television show on MUTV, a comedy/variety program called Reacharound Clubhouse, which has actually become relatively popular.  It needs quite a bit of adjusting, but I’ve decided to take this show to more of a web-based environment for the purpose of developing a web presence.  I’ve purchased a domain online and I’ll be working on the website throughout this semester.  The material I’m producing is not documentary, but much of it is an on-the-spot interview type of format.  It’s also in a vein of humor that is currently pretty popular as far as “viral” online comedy goes.  Naturally, I’m hoping to greatly increase the professionalism of the show’s look in order to set a precedent of legitimacy.  As I’m building the site, I’m also working with my staff to determine what our target demographic, production standards, and other considerations will be.

If I can get the site set up to a reasonable degree this weekend, I’ll document it’s progress in each week’s blog and to update our viewers on the show.  Producing publicity will be even more fun, but I’ll discuss my strategy for online and real-world advertising later.