<?xml version="1.0" encoding="utf-8"?>
<tutorial>

<description>Learn how to make and deal with bluescreens and plaing them in.</description>
<keywords>3d studio max tutorials, creating, abstract, images, 3d</keywords>
<title>Bluescreen 101</title>

<slug>
Using Premiere or the standard edition of After Effect.
</slug>

<mid>
<![CDATA[
<p align=center><img src="title.jpg" width="426" height="310" alt="Picture 1" /></p>
<P>The goal of this tutorial is to create a moving object/person that can then 
be pulled from the background and placed into another scene. This is not unlike 
selecting a part of an image in Photoshop with the Magic Wand tool and pasting 
the portion onto another picture. The difference with video is that the colour in 
every frame of your video must be pulled rather than just a single image. While 
there are great plugins, such as Ultimatte to help you complete professional 
grade projects, this tutorial will only cover tools that come standard with your 
Adobe After Effects or Adobe Premiere product. In other words, this is for those 
who are making their effects on the cheap. 
<P>This tutorial assumes that you know how to start a New Project in Premiere 
and a New Composition in After Effects. The Production Bundle is <U>not</U> 
needed to complete these instructions. 
<P>You will be introduced to the following concepts and tools: 
<LI>Bluescreen 
<LI>Alpha Matte 
<LI>Masks 
<P>For this tutorial miniDV footage was used and captured using a Firewire/IEEE 
1394/iLink connection. You can still complete this tutorial using anologue 
capture, but you are hoping for the greatest colour consistency and analogue 
does not always hold up. 
<P><FONT color=red>Final Note:</FONT> Avoid wearing blue during filming. It will 
become invisible when compositing. 
<HR>

<P><B>Pre-Filming: Things to think about before filming</B> 
<P>
<p align=center><IMG src="fabric-sky.jpg" width="493" height="185" alt="Blue Screen" /></p>
<LI>When looking for a bluescreen to film against there are many options, 
however, a fabric is best. It can be draped over odd shaped objects and easily 
transported to different locations. If you decide to use fabric, iron out as 
many of the wrinkles as possible. Any hard shadows will be black, not blue, and 
will not be keyed out once you apply the bluescreen technique. 
<P></P>
<LI>In ideal situations, you will be able to light your background seperately 
from your talent. Unfortunatly, this is not always an option and extra care must 
be taken to avoid unintended shadows directly behind the talent. The above 
graphic shows many shadows caused by creases. 
<P></P>
<LI>Finally, if you do not have a bluescreen, or any other coloured screen for 
that matter, don't forget that any shot taken on a nice clear day with a blue 
sky in the background will do the trick very nicely. 
<HR>

<P><B>Part One:</B> Using Premiere for quick and simple bluescreen 
<P>
<p align=center><IMG src="composite.jpg" width="193" height="160" alt="Composite" /></p>
<P>Once the footage is captured to the computer, import the video into Premiere 
and drag it onto the timeline. Video 2 track or above must be used to obtain the 
<B>TRANSPARENCY</B> settings required. 
<P>
<p align=center><IMG src="premiere.jpg" width="490" height="242" alt="Adobe Premier" /></p>
<P>
<OL>
  <LI>Right click on the footage and choose <B>TRANSPARENCY</B> 
  <P></P>
  <LI>From the pull down options entitled <B>KEY TYPE</B>, choose <B>BLUE 
  SCREEN</B> 
  <P></P>
  <LI>Use the <B>THRESHOLD</B> slider to choose how strongly the blue is pulled 
  form the video. 
  <P></P>
  <LI>Use the <B>CUTOFF</B> slider to leave out areas that may have blue in it, 
  but not as strongly as the bluescreen itself. 
  <P></P>
  <LI>If you would like to soften the edges, choose <B>SMOOTHING</B> and select 
  <B>low</B> or <B>high</B>. 
  <P></P>
  <LI>Once completed, put any video behind the bluescreen image and render for 
  visual check. </LI></OL>
<P>
<p align=center><IMG src="composite2.jpg" width="564" height="295" alt="Composite 2" /></p>
<HR>

<P><B>Part Two:</B> After Effects, Color Key, and Masking 
<P>Using Premiere for bluescreen is a good method for some situations, but 
really falls apart on others. The problem is that there are bound to be poor 
lighting conditions on parts of the image, causing unwanted artifacts. Also, 
some parts of the image being bluescreened are unecessary in the final shot. 
This is where After Effects can be used to solve the problem. 
<P><B>Color Key:</B> 
 <OL>
  <LI>Import the bluescreen footage and background footage you would like to 
  use. 
  <P></P>
  <LI>Drag the bluescreen file to the timeline 
  <P></P>
  <LI>Select the <B>Effect</B> option from the top menu bar and select 
  <B>Keying</B> and finally <B>Color Key</B> 
<P>
  <p align=center><IMG src="colourkey.jpg" width="422" height="230" alt="Color Key" /></p>
  </P>
  <P></P>
  <LI>This option menu will allow you to choose one of the shades of blue in the 
  bluescreen in order to remove the colour. Unfortunately, not all of the blue 
  will probably be removed and it will be necessary to reapply the effect and 
  select a different colour blue. For the example pictured above, three blues 
  needed to be keyed out. 
  <P></P>
  <LI>Notice that a blue halo seems to surround the talent. This can be removed, 
  to a point, by using the <B>Edge Thin</B> option on the colour that is closest 
  to the talent. By selecting a positive number, you slightly choke the matte 
  and as a result remove the halo, but also shave off part of the talent.</LI></OL>
<P><B>Masks:</B> 
<P>
<p align=center><IMG src="maskson.jpg" width="478" height="308" alt="Masks On" /></p>
<P>The footage is now prepared quite closely to what Premiere was able to do 
earlier. However, the advantage now is that masks can be created to hide the 
problem areas that cannot be removed with the <B>Color Key</B> process. 
<OL>
  <LI>Double click on the bluescreened footage. A new window will appear that 
  looks like your original. In fact it is, but you have the ability to create 
  masks. 
  <P></P>
  <LI>Choose the <B>Pen</B> tool and click an area around the problem artifacts. 
  You will notice that everything else disappears and all that remains is the 
  artifact. 
  <P>
  <p align=center><IMG src="masksubtract.gif" width="397" height="173" alt="Mask Subtract" /></p>
  <P></P>
  <LI>In the example provided, you would have to change the mask property from 
  <B>Add</B> to <B>Subtract</B>, as shown above. If you do not see the same menu 
  as what is depicted, then you simply need to click the <B>Switches / 
  Modes</B> button at the bottom of the timeline window, or <B>Right Click</B> 
  on the <B>Source Name</B> title and choose <B>Panels</B> | <B>Modes</B> to 
  bring up that menu option. 
  <P><LI>Do the same for other problem areas. </LI></OL>
<P>What makes these masks even more powerful is that they are animatable. If 
desired, a mask could have been drawn around the talent, only the above example 
had very little movement with the masked off artifacts and animating every time 
the talent moved would have taken much longer. 
<HR>

<P>As a final idea of what you can produce, I have provided an effect created 
entirely in After Effects. Masks were used for much more than cropping out 
artifacts, but shows how far these powerful features can be taken in combination 
with bluescreen techniques. 
<P>
<p align=center>
<OBJECT id=MMPlayer1 
codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 
type=application/x-oleobject height=240 
standby="Loading Microsoft Windows Media Player components..." width=320 
classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95><PARAM NAME="FileName" VALUE="giant.mpg"><PARAM NAME="ShowControls" VALUE="1"><PARAM NAME="ShowStatusBar" VALUE="0"><PARAM NAME="ShowGoToBar" VALUE="0">
															<Embed type="application/x-mplayer2" 
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/download/default.asp" 
src="giant.mpg" Name=MMPlayer1 ShowControls=1 ShowDisplay=0 ShowStatusBar=0 
ShowGoToBar=0 width=320 height=240></embed></OBJECT></p>
<HR>
</LI>
]]>
</mid>

</tutorial>
