home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 November / Chip_2003-11_cd2.bin / ruzne / painter / PAINTE~2.cab / _D77DE73154AE4B749C292EB8F4B5AF89 < prev    next >
Text File  |  2003-03-24  |  19KB  |  336 lines

  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.   <head>
  3.     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  4.     <meta name="GENERATOR" content="Quadralay WebWorks Publisher Professional Edition 6.0.7" />
  5.     <meta name="TEMPLATEBASE" content="Painter 8 Template" />
  6.     <meta name="LASTUPDATED" content="03/24/03 17:17:12" />
  7. <meta name="keywords" content="Movies, creating, Movies, opening, QuickTime, file, format, opening, , AVI, file, format, opening, Onion, skinning, , Movies, onion, skinning, Movies, creating, motion, , Layers, movies, Movies, repeated, actions" />
  8.     <title>Creating a Movie  </title>
  9.     <link rel="StyleSheet" href="document.css" type="text/css" media="screen" />
  10.   </head>
  11.  
  12.   <body>
  13.     <script type="text/javascript" language="JavaScript">
  14.      <!--
  15.       function  WWHUpdateFavorite(ParamHREF)
  16.       {
  17.         if ((parent != null) &&
  18.             (parent.WWHelpFrameSet != null))
  19.         {
  20.           parent.WWHelpFrameSet.fUpdateFavorite(ParamHREF);
  21.         }
  22.       }
  23.  
  24.       function  WWHSyncTOC(ParamHREF)
  25.       {
  26.         if ((parent != null) &&
  27.             (parent.WWHelpFrameSet != null))
  28.         {
  29.           parent.WWHelpFrameSet.fSyncTOC(ParamHREF);
  30.         }
  31.       }
  32.  
  33.       function  WWHShowPopup(ParamContext,
  34.                              ParamLink,
  35.                              ParamEvent)
  36.       {
  37.         if ((parent != null) &&
  38.             (parent.WWHelpFrameSet != null))
  39.         {
  40.           parent.WWHelpFrameSet.fShowPopup(ParamContext, ParamLink, ParamEvent);
  41.         }
  42.       }
  43.  
  44.       function  WWHHidePopup()
  45.       {
  46.         if ((parent != null) &&
  47.             (parent.WWHelpFrameSet != null))
  48.         {
  49.           parent.WWHelpFrameSet.fHidePopup();
  50.         }
  51.       }
  52.  
  53.       function  WWHClickedPopup(ParamContext,
  54.                                 ParamLink)
  55.       {
  56.         if ((parent != null) &&
  57.             (parent.WWHelpFrameSet != null))
  58.         {
  59.           location.href = parent.WWHelpFrameSet.fClickedPopup(ParamContext, ParamLink);
  60.         }
  61.       }
  62.      // -->
  63.     </script>
  64.  
  65.     <script type="text/javascript" language="JavaScript">
  66.      <!--
  67.       var  WWHelpHREF = location.href;
  68.  
  69.  
  70.       WWHUpdateFavorite(WWHelpHREF);
  71.      // -->
  72.     </script>
  73. <a name="pagetop">    
  74.     <table border="0">
  75.       <tr>
  76.         <td width="23">
  77. <a href="23-Video4.html">
  78.       <img alt="Previous Document" border="0" src="images/prev.gif" width="23" height="21" />
  79.     </a>
  80.         </td>
  81.         <td width="23">
  82. <a href="23-Video6.html">
  83.       <img alt="Next Document" border="0" src="images/next.gif" width="23" height="21" />
  84.     </a>
  85.         </td>
  86.       </tr>
  87.     </table>
  88.    </a>
  89.  
  90. <table border="0">
  91.       <tr width="400"></tr>
  92.       <tr width="400"></tr>
  93.       <tr width="400"></tr>
  94.       <tr width="400"></tr>
  95.       <tr width="400"></tr>
  96.       <tr width="400"></tr>
  97.       <tr>
  98.         <td width="40"></td>
  99.         <td width="400">
  100. <li class="Bulleted"><a href="23-Video5.html#1005663">Creating a Movie</a></li><br/>
  101.  
  102. <li class="Bulleted"><a href="23-Video5.html#1005697">Opening a Movie</a></li><br/>
  103.  
  104. <li class="Bulleted"><a href="23-Video5.html#1009623">Understanding Onion Skinning</a></li><br/>
  105.  
  106. <li class="Bulleted"><a href="23-Video5.html#1005777">Animating with Layers</a></li><br/>
  107.  
  108. <li class="Bulleted"><a href="23-Video5.html#1005804">Repeating Actions</a></li><br/>
  109. </td>
  110.       </tr>
  111.     </table>
  112.  
  113.   <blockquote>
  114.         <h2 id="1005663" class="Heading1">
  115.   <a name="1005663"> </a>Creating a Movie
  116. </h2>
  117.  
  118.  
  119.  
  120. <p id="1005839" class="Body">
  121.   <a name="1005839"> </a>The first step in creating a new animation is to create a movie file. Corel     Painter automatically saves movie files as you proceed from frame to frame.
  122. </p>
  123. <h5 id="1005669" class="ToDoHead">
  124.   <a name="1005669"> </a>To create a new movie
  125. </h5>
  126. <ol type="1">
  127.   <li class="SmartList1" value="1"><a name="1005671"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">File menu > New</span>. </li>
  128.   <li class="SmartList1" value="2"><a name="1005672"> </a>In the New Picture dialog box, select the frame size and paper color you want. </li>
  129. <p id="1005673" class="ToDoBody">
  130.   <a name="1005673"> </a>The standard digital video frame is 640 by 480 pixels, which is a 4:3 aspect ratio. Many people work at sizes consistent with this aspect ratio.
  131. </p>
  132.   <li class="SmartList1" value="3"><a name="1005674"> </a>Click the Movie radio button under Picture Type and enter the number of frames you want to create. </li>
  133. <p id="1010221" class="ToDoBody">
  134.   <a name="1010221"> </a>Remember, you will be able to add and delete frames at any time. 
  135. </p>
  136.   <li class="SmartList1" value="4"><a name="1005675"> </a>Click OK. A dialog prompts you to name your new movie. </li>
  137.   <li class="SmartList1" value="5"><a name="1005676"> </a>Type a name for the movie and click Save. </li>
  138.   <li class="SmartList1" value="6"><a name="1005678"> </a>In the New Frame Stack dialog box, choose a number of onion skin layers.</li>
  139. <p id="1005679" class="ToDoBody">
  140.   <a name="1005679"> </a>The number of onion skin layers determines the number of frames displayed in the Frame Stacks palette. For more information about onion skinning, refer to <a href="23-Video5.html#1009623">"Understanding Onion Skinning"</a>.
  141. </p>
  142.   <li class="SmartList1" value="7"><a name="1006426"> </a>Choose one of the following storage types:</li>
  143. </ol>
  144.   <ul>
  145.     <li class="Bulleted2"><a name="1006482"> </a>8-bit gray - 256 levels of gray</li>
  146.     <li class="Bulleted2"><a name="1006483"> </a>8-bit color system palette - 256 colors</li>
  147.     <li class="Bulleted2"><a name="1006484"> </a>15-bit color with 1-bit alpha -32,768 colors and a layer for a channel</li>
  148.     <li class="Bulleted2"><a name="1006485"> </a>24-bit color with 8-bit alpha - 16.7 million colors and a layer for an anti-aliased channel</li>
  149.   </ul>
  150. <ol type="1">
  151.   <li class="SmartList1" value="8"><a name="1005689"> </a>Click OK.</li>
  152. <p id="1005690" class="ToDoBody">
  153.   <a name="1005690"> </a>When the movie opens, the Frame Stacks palette appears and the image window displays the first frame of the movie.
  154. </p>
  155. </ol>
  156. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  157.   <tr valign="top">
  158.     <td>
  159.       <img src="images/nicon.gif" alt="Note" width="16" height="16" />
  160.     </td>
  161.   </tr>
  162. </table><ul>
  163.   <li class="SmartList1"><a name="1012677"> </a>The storage type lets you specify the color depth for saving each frame. This applies to the saved frame stack-not to working in the current frame. For example, choosing 256 colors as the storage type still allows you to work with a selection and 24-bit tools in the image window for the current frame. As soon as you change frames, however, the image is saved in the 256 color format and the selection is lost. If you want to maintain selections in saved frames, you'll need to choose the 15-bit or 24-bit storage type. These storage types allow you to take advantage of compositing options that require a selection layer. </li>
  164. </ul>
  165. <h3 id="1005697" class="Heading2">
  166.   <a name="1005697"> </a>Opening a Movie
  167. </h3>
  168.  
  169. <p id="1005698" class="Body">
  170.   <a name="1005698"> </a>Quite often, you'll start by opening a movie created in another program-like a captured video segment. You'll also open an existing movie if you worked on a frame stack earlier and now want to return to it.
  171. </p>
  172. <p id="1005699" class="Body">
  173.   <a name="1005699"> </a>For efficiency, don't bring in more video frames than you're going to work on. For example, if you have a two minute video clip and you want to paint on the first 10 seconds, don't open the entire clip in Corel     Painter. You're better off separating the first 10 seconds in your editing application and bringing in just those frames. After finishing that clip in Corel     Painter, you can join it to the other part in your editing application.
  174. </p>
  175. <p id="1006282" class="Body">
  176.   <a name="1006282"> </a>You can also import a movie that has been saved as a series of numbered files. For more information, refer to <a href="23-Video10.html#1008109">"Working with Numbered Files"</a>.
  177. </p>
  178. <h5 id="1005707" class="ToDoHead">
  179.   <a name="1005707"> </a>To open a QuickTime or AVI movie or a Corel     Painter frame stack
  180. </h5>
  181. <ol type="1">
  182.   <li class="SmartList1" value="1"><a name="1005711"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">File menu > Open</span>. </li>
  183.   <li class="SmartList1" value="2"><a name="1010250"> </a>In the Open dialog box, locate the movie or frame stack.</li>
  184. <p id="1005712" class="ToDoBody">
  185.   <a name="1005712"> </a>When a file is selected, the dialog shows the frame size, file size, and the number of frames. If a preview is available, it will show a thumbnail of the first frame. 
  186. </p>
  187.   <li class="SmartList1" value="3"><a name="1005713"> </a>Click Open. </li>
  188.   <li class="SmartList1" value="4"><a name="1010255"> </a>In the Open Frame Stack dialog box, choose the number of onion skin layers you want to appear in the Frame Stacks palette. </li>
  189. <p id="1010260" class="ToDoBody">
  190.   <a name="1010260"> </a>The number you choose also determines the number of thumbnails visible in the Frame Stacks palette. In most cases, you'll want four or five layers. 
  191. </p>
  192.   <li class="SmartList1" value="5"><a name="1005715"> </a>Click OK. </li>
  193. <p id="1012696" class="ToDoBody">
  194.   <a name="1012696"> </a>The Frame Stacks palette appears and the image window displays the first frame of the movie.
  195. </p>
  196. </ol>
  197. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  198.   <tr valign="top">
  199.     <td>
  200.       <img src="images/nicon.gif" alt="Notes" width="16" height="16" />
  201.     </td>
  202.   </tr>
  203. </table><ul>
  204.   <li class="SmartList1"><a name="1012700"> </a>When you open a QuickTime or AVI movie, Corel     Painter makes a frame stack copy of the movie. This ensures the original won't be changed. </li>
  205.   <li class="SmartList1"><a name="1009619"> </a>Frame stacks are uncompressed, so you will need an adequate amount of disk space to create them. For example, a 1 MB QuickTime or AVI movie can become a 20 MB frame stack.</li>
  206. </ul>
  207. <h3 id="1009623" class="Heading2">
  208.   <a name="1009623"> </a>Understanding Onion Skinning
  209. </h3>
  210.  
  211. <p id="1009625" class="Body">
  212.   <a name="1009625"> </a>Traditional cartoon animators work on an onion skin paper that allows them to see a sequence of frames through the transparent layers. They then draw successive frames using the previous frames for reference. Seeing the several images superimposed helps in incrementing the action evenly.
  213. </p>
  214. <p id="1005761" class="Body">
  215.   <a name="1005761"> </a>Corel     Painter lets you work in two to five layers of onion skin. You specify the number of layers when you open a frame stack. To change the number of onion skin layers, you must close the file and re-open it.
  216. </p>
  217. <p id="1005768" class="AnchorGraphic">
  218.   <a name="1005768"> </a><div align="left"><img src="images/23-Videoa4.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  219. </div>
  220. </p>
  221. <p id="1005769" class="Caption">
  222.   <a name="1005769"> </a><i>Onion skin view (Tracing Paper on). Each frame in the frame stack represents one onion skin layer. 
  223. </i></p>
  224. <h5 id="1012859" class="ToDoHead">
  225.   <a name="1012859"> </a>To use the onion skin feature
  226. </h5>
  227. <ul>
  228.   <li class="SmartList1"><a name="1005770"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Canvas menu > Tracing Paper</span> or press <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Command</span>+<span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">T</span> (Mac OS) or press <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Ctrl</span>+<span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">T</span> (Windows). </li>
  229. <p id="1005771" class="ToDoBody">
  230.   <a name="1005771"> </a>In the image window, the current frame appears darkest. Each frame moving away is progressively fainter. 
  231. </p>
  232. </ul>
  233. <p id="1005773" class="Body">
  234.   <a name="1005773"> </a>The Frame Stacks palette displays a linear view of the onion skin layers. Each thumbnail represents one onion skin layer, and the thumbnail of the current frame has a red triangle above it. 
  235. </p>
  236. <p id="1005774" class="Body">
  237.   <a name="1005774"> </a>You can change the current frame by clicking any thumbnail in the Frame Stacks palette. This lets you view a frame in any position of the onion skin sequence. For example, if you want to display the reference frames before the current frame, set the current frame to the far-right position in the palette. If you want to display the frames before and after the current frame, set the current frame to the middle thumbnail in the palette.
  238. </p>
  239. <h3 id="1005777" class="Heading2">
  240.   <a name="1005777"> </a>Animating with Layers
  241. </h3>
  242.  
  243. <p id="1006553" class="Body">
  244.   <a name="1006553"> </a>One of the simplest ways to create animation in Corel     Painter is to move an item from the Image Portfolio palette across a series of frames. 
  245. </p>
  246. <p id="1006640" class="Body">
  247.   <a name="1006640"> </a>This is the most basic example of animating with layers. Adding multiple layers allows you to make more complex animations.
  248. </p>
  249. <p id="1006734" class="Body">
  250.   <a name="1006734"> </a>You can also group layers and move them simultaneously, but be careful. When you leave a frame, Corel     Painter drops the layers in that frame. When a layer is dropped, its contents are merged with the canvas and can no longer be accessed separately. For this reason, you may want to work from the background forward; start by animating what's farthest from your point of view. For more information, refer to <a href="14-Layers8.html#999385">"Merging Layers with the Canvas"</a>. 
  251. </p>
  252. <p id="1006655" class="Body">
  253.   <a name="1006655"> </a>You can also rotate a layer. Rotating a layer can degrade its on-screen image quality, but this does not affect its printed quality.
  254. </p>
  255. <p id="1006719" class="Body">
  256.   <a name="1006719"> </a>The more you work with layers, the more creative ways you'll find to animate them.
  257. </p>
  258. <h5 id="1005783" class="ToDoHead">
  259.   <a name="1005783"> </a>To create motion with layers
  260. </h5>
  261. <ol type="1">
  262.   <li class="SmartList1" value="1"><a name="1005784"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">File menu > New</span>.</li>
  263.   <li class="SmartList1" value="2"><a name="1005785"> </a>Enable Movie and enter 1 frame.</li>
  264.   <li class="SmartList1" value="3"><a name="1005786"> </a>Open the Image Portfolio palette by choosing <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Image Portfolio</span>.</li>
  265.   <li class="SmartList1" value="4"><a name="1005787"> </a>Drag an item from the Image Portfolio palette to the document window. </li>
  266. <p id="1005788" class="ToDoBody">
  267.   <a name="1005788"> </a>A new layer is created.
  268. </p>
  269.   <li class="SmartList1" value="5"><a name="1017792"> </a>Position the layer to the far left of the image window.</li>
  270.   <li class="SmartList1" value="6"><a name="1017793"> </a>Click the Step Forward button <img src="images/23-Video12.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  271.  on the Frame Stacks palette. </li>
  272. <p id="1010264" class="ToDoBody">
  273.   <a name="1010264"> </a>A new frame is added and becomes the current frame. The layer in the previous frame is merged with the canvas. In the new, current frame, the layer is active.
  274. </p>
  275.   <li class="SmartList1" value="7"><a name="1005795"> </a>On the keyboard, press the right arrow key five times to nudge the image toward the center of the frame. </li>
  276.   <li class="SmartList1" value="8"><a name="1006712"> </a>Repeat steps 6 and 7 until you've created a dozen frames.</li>
  277.   <li class="SmartList1" value="9"><a name="1005797"> </a>In the last frame, deselect the layer.</li>
  278.   <li class="SmartList1" value="10"><a name="1005798"> </a>Click the Play button <img src="images/23-Video15.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  279.  on the Frame Stacks palette. </li>
  280. <p id="1010272" class="ToDoBody">
  281.   <a name="1010272"> </a>The portfolio image moves across the screen. 
  282. </p>
  283. </ol>
  284. <h3 id="1005804" class="Heading2">
  285.   <a name="1005804"> </a>Repeating Actions
  286. </h3>
  287.  
  288. <p id="1005805" class="Body">
  289.   <a name="1005805"> </a>You can repeat actions to create an animated cycle. Take, for example, a blinking eye. For this type of action, draw the cycle once and repeat it as many times as needed.
  290. </p>
  291. <p id="1017508" class="Body">
  292.   <a name="1017508"> </a>To create a clean cycle, the beginning and ending images must be the same. For example, in an animation of a blinking eye, the eye would be open at the beginning and the end. This way, when the end of one cycle is "hooked up" to the beginning of the next, the action continues smoothly.
  293. </p>
  294. <p id="1005812" class="Body">
  295.   <a name="1005812"> </a>Scrolling a background is another example of a cycled action. Commonly, a subject remains in one place while the background slides by.
  296. </p>
  297.   </blockquote>
  298.  
  299.  
  300. <table border="0">
  301.       <tr>
  302.         <td width="23">
  303. <a href="23-Video4.html">
  304.       <img alt="Previous Document" border="0" src="images/prev.gif" width="23" height="21" />
  305.     </a>
  306.         </td>
  307.         <td width="23">
  308. <a href="23-Video6.html">
  309.       <img alt="Next Document" border="0" src="images/next.gif" width="23" height="21" />
  310.     </a>
  311.         </td>
  312.       <td width="23" >
  313.           <a href="#pagetop">
  314.             <img SRC="images/BtnBacktoTop.gif" ALT="Back to Top" border="0" height="21" width="23" />
  315.           </a>
  316.       </td>
  317.       </tr>
  318.     </table>
  319.  
  320.    <div id="WWHelpPopupDIV" style="position: absolute ; z-index: 1 ; visibility: hidden ; top: 0px ; left: 0px">
  321.     <script type="text/javascript" language="JavaScript">
  322.      <!--
  323.       if ((parent != null) &&
  324.           (parent.WWHelpFrameSet != null))
  325.       {
  326.         if (document.all != null)  // Non-Netscape browser
  327.         {
  328.           document.writeln(parent.WWHelpFrameSet.mPopup.fFormat("Popup"));
  329.         }
  330.       }
  331.      // -->
  332.     </script>
  333.    </div>
  334.   </body>
  335. </html>
  336.