home *** CD-ROM | disk | FTP | other *** search
/ Amiga ISO Collection / AmigaDemoCD2.iso / ASCII / TEXTE / UTILS / DOCS / HannaBaberaAnimWS.DOC < prev    next >
Encoding:
Text File  |  1994-03-26  |  49.1 KB  |  1,337 lines

  1. @BEGIN_FILE_ID.DIZ
  2. __ .  :  _ _______  _:__:__    :___._ ______
  3.   \|  |_.  _  ___/A \____  \___|_  |__  ___/
  4.  \    | |  |   \_N  _|  /   / _  \_;  \  \_
  5. __\___| ;  |__  / D \  ____/  |   /_  /_  /
  6. .-÷e÷\_____|--\/-----\/---\______/--\/--\/-.
  7.  HANNA BARBERA ANIM WKSHOP dOCS bY SHARD/N&B
  8. @END_FILE_ID.DIZ
  9.       ·
  10.       :    ¦    .     _________                 ________       _____________
  11. ._____¦    |         ·   __   / :   ___________/   _    \      \   __  _   /
  12. |     \    |____:    :     \_/ -A : \______    \    |    \_ _:  \_/     \_/
  13. |      \   ¦    |    ¦      \_  ··D_  /   /   _/    |     /  |___/       \_
  14. |    :     :    |    |_______/  `N· _/    \    \_________/   |   \________/
  15. ¦    |_____¦    ¦    |           :  \__________/      \      ¦    \_
  16. :    :    \__________|                                 \___________/
  17. .    ·                           CRaZY GaNG              
  18.      .               +--------------------------------+
  19.  
  20.  
  21.  
  22.                 THE HANNA-BARBERA ANIMATION WORKSHOP
  23.                ======================================
  24.                                              TYPED BY SHARD - nUT&bOLT
  25. CONTENTS
  26. --------
  27.  
  28. Introduction
  29. Loading and Installation
  30.  IBM PC and Compatibles
  31.  Digitizer Specifications
  32.  Commodore Amiga
  33.  Copy Protection
  34. How To Use This Manual
  35. The Main Menu
  36. Getting Started Quick
  37.  View Sample Animated Clips
  38.  Assemble an Animated Sequence
  39.  Create an Animated Character
  40.  Drawing
  41.  Animating
  42. Animation Basics
  43.  Drawing 
  44.  Timing
  45.  Storytelling
  46.  Animation
  47. Features Explained
  48.  Main Control
  49.  Drawing
  50.   The Basic Drawing Modes
  51.   General Drawing Icons
  52.   Making Corrections
  53.   Creating Colour
  54.  Animation
  55.   Animation Frames
  56.   Clip Art and Backgrounds
  57.   Load and Save
  58.   Exposure Lists
  59.  Video Digitizing
  60.  Animation Control Panel
  61. Sample Animation Art
  62.  Animations
  63.   Sample Animations
  64.  Clip Art
  65.   Animated Clip Art
  66.  Backgrounds
  67. Video Digitizing Hints
  68.  Entering Hand Drawn Animations
  69.  Copying a Picture from a Grid
  70.  Stop Frame Animation using Cut Outs
  71. Customer Services Information
  72. Keyboard Shortcuts Reference Card
  73.  
  74.  
  75. INTRODUCTION
  76. ------------
  77.  
  78. Get  ready  to  have  lots  of fun and let your imagination run wild as you
  79. learn  how  to animate, using your favorite Hanna- Barbera cartoon friends.
  80. Before  you begin, we thought you might want to know a little about the men
  81. who  created these characters and how they developed some of the techniques
  82. you will be using.
  83.  
  84. William Hanna and Joseph Barbera have been a creative team for more than 50
  85. years,  and  as  pioneers  in television animation have won eight Emmys and
  86. seven  Academy  Awards.   They  first  met at MGM in 1938, and later set up
  87. their   own  studio  in  1957,  which  continues  its  ongoing  success  as
  88. Hanna-Barbera Productions in Hollywood, California.
  89.  
  90. William  Hanna  was  born  and  raised in Melrose, New Mexico.  Miles away,
  91. Joseph Barbera was growing up in Brooklyn, New York.  During the Depression
  92. of  the  1930s  Bill found an opening at Harman-Ising, the Hollywood studio
  93. that  made  the original "Looney Tunes" and "Merrie Melodies".  By 1937, he
  94. was  hired by MGM as a director and story editor.  Several weeks later, Joe
  95. Barbera  came  aboard.   Bill  had  a talent for comic timing and Joe was a
  96. great artist and storyteller.  Their very first project at MGM came up with
  97. a  winner.   "Puss  Gets the Boot" starred a cat and mouse who later became
  98. everyone's favorite team, Tom and Jerry.
  99.  
  100. At  that time, most animation was seen in theaters, either before the movie
  101. or  as a full-length feature of its own.  When television was invented, MGM
  102. was  concerned that movies would no longer be popular, so they closed their
  103. animation  department.   This  left  Bill  and Joe without a job.  But they
  104. didn't  give up.  Instead they turned their misfortune around by creating a
  105. way to make animation for television, which had never been done before.
  106.  
  107. Their  biggest  problem  was  money.   The  budget to create a half hour of
  108. theatrical  animation  was  $50,000,  but  they only had a fraction of that
  109. amount  for  television.   They put their heads together and came up with a
  110. whole  new  technique called "planned animation" which enabled them to make
  111. greater  use  of  each  drawing.  Because of this innovation, cartoons were
  112. brought  from  the movie screen to the TV screen in your home.  The first 6
  113. minute  episode  of  the Ruff and Reddy series was produced for only $2,800
  114. and  proved  that  Bill Hanna and Joe Barbera could provide big laughs on a
  115. little budget.
  116.  
  117. Then  came  television's first cartoon series.  The Huckleberry Hound Show,
  118. which  paved  the way for all our favorite stars like Quick Draw McGraw and
  119. his  sidekick Baba Looney, the mischievous Pixie and Dixie, and Jellystones
  120. famous  Yogi  Bear  and  Boo  Boo.  In 1960, a Stone Age family became TV's
  121. first  prime  time  animated stars.  The Flintstones, ran for six years and
  122. have become one of the top-rated syndicated programs of all time.  As their
  123. space-  age counterparts, The Jetsons joined prime time in 1962 followed by
  124. Top  Cat,  Scooby-Doo  and  The  Adventures of Jonny Quest.  In the 34-year
  125. history  of  Hanna-Barbera,  over  3,500 half-hours of animated programming
  126. have  been  created  with  more  than  350  different series, specials, and
  127. television  and  theatrical films.  These shows have been seen in more than
  128. 90  countries and translated into 22 different languages, making the antics
  129. of  Hanna-Barbera  characters  universally recognized and loved by children
  130. and adults everywhere.
  131.  
  132. Hanna-Barbera   Productions  is  committed  to  expanding  its  library  by
  133. developing  new  series  and unique program opportunities for young talent.
  134. We  hope  that  this  Animation  Workshop  will inspire you to learn how to
  135. create  and animate your own cartoon characters.  Who knows - maybe one day
  136. you  may find your name in the credits of a Hanna-Barbera cartoon.  We hope
  137. so and good luck!!
  138.  
  139. LOADING & INSTALLATION
  140. ----------------------
  141.  
  142. We  strongly  advise that you make a backup copy of your Animation Workshop
  143. disk(s) before using the product or installation onto your hard disk drive.
  144. Although  replacements  are  available from us, having your own backup will
  145. save  you  time  should anything go wrong.  Your computer's User Guide will
  146. tell you how to copy a disk.
  147.  
  148. We  strongly  recommend  that  prior  to  loading the program, you read the
  149. README  file  on  the  Program  Disk.   This  will  contain  details of any
  150. additions  or  alterations made after this manual was printed.  To load the
  151. README file simply type:
  152.  
  153.                             README
  154.  
  155. IBM PC and Compatibles
  156.  
  157. To  run  The  Hanna-Barbera  Animation  Workshop  on  IBM PC and compatible
  158. machines, you will need the following system requirements:
  159.  
  160. . IBM PC XT/AT with at least 1 Meg RAM
  161. . MSDOS or DRDOS 2.0 and above
  162. . VGA graphics card
  163. . Mouse and keyboard required
  164.  
  165. (Note  that  the more memory you have, the larger the animation that can be
  166. created.  The program uses EMS memory.)
  167.  
  168. After  making  sure  your  computer  has  been  booted with DOS, insert the
  169. Animation  Workshop  disk in the floppy drive and type A:  to change to the
  170. floppy directory.  Your computer should display the prompt, A:>
  171.  
  172. Now  type  INSTALL  to  install  the  program to hard drive.  If you do not
  173. specify  a  path  then  the  program  will  automatically  install  it to a
  174. directory  called  ANIMWORK.   If  you  want  to  install it to a different
  175. directory  then  type the path name on the command line after INSTALL.  For
  176. instance  if  you  want  to  install to a directory on the C:  drive called
  177. PLAY/ANIMATE then type;
  178.  
  179.                     INSTALL C : /PLAY/ANIMATE
  180.  
  181. You  may  now  enter  Animation  Workshop  by  typing AW at the appropriate
  182. prompt.
  183.  
  184. Note:   If  you  have a Rombo video digitizer other than the VIDI-PC24 then
  185. see below.
  186.  
  187. Digitizer Specifications
  188.  
  189. The program will work with 3 different ROMBO PC digitizers :
  190.  
  191.                VIDDI-PC24
  192.                VIDI-PC12
  193.                VIDI-PC
  194.  
  195. The  default  is  to work with the VIDI-PC24.  If you have one of the other
  196. digitizers then you will need to run a different version of the program.
  197.  
  198. If you have a VIDI-PC12 type AW12 to run the program.
  199.  
  200. If you have a VIDI-PC type AWPC to run the program.
  201.  
  202. Commodore Amiga
  203.  
  204. To  run  Animation Workshop on an Amiga, you will need the following system
  205. requirements:
  206.  
  207. . Amiga A500, A500+,A600, A600HD, A1000, A1500, A1200, A3000, or A4000
  208. . Workbench 1.2 and above
  209. . 1Mb RAM
  210. . Mouse and keyboard required.
  211.  
  212. You can start the program by inserting Disk 1 in your machine and resetting
  213. the  machine  (either  by turning on the power, or by holding down CTRL and
  214. the  two  Amiga  (A) keys).  Alternatively, you can start from Workbench by
  215. double clicking on the Animation Workshop icon.
  216.  
  217. To  install  the  program  on  your  hard  drive,  boot  the machine with a
  218. workbench  disk  and  then insert Disk 1.  Double-click on the install icon
  219. and the program will be copied to a directory called HB on your Hard drive.
  220.  
  221. COPY PROTECTION
  222.  
  223. When  the  program  first  loads you will be asked a protection question to
  224. identify the 3rd icon in a sequence of 3.
  225.  
  226. The question mark in position C is the icon that you must identify.
  227.  
  228. Refer  to  the  grids printed on the inside front and inside back covers of
  229. this  manual and find the sequence that begins with the first 2 icons (A) &
  230. (B).   The  third  icon  in the sequence will be shown on this grid and you
  231. must  then  click on that icon in the right half of the screen to enter the
  232. program.
  233.  
  234. Note:   If  you click on the wrong icon the screen will flash red.  You can
  235. enter the program but all disk accessing will be disabled.  This means that
  236. you  will  not  be  able  to  load  or  save  any  animations,  clip-art or
  237. backgrounds.  Make sure that you click on the correct icon!
  238.  
  239. HOW TO USE THIS MANUAL
  240. ----------------------
  241.  
  242. Now you have 3 choices:
  243.  
  244. 1) If you really don't have time for manuals then just put it down and play
  245. with  the  package.  If you have used similar packages before them you will
  246. probably  get  the  hang  of  it  quickly.   When needed, refer to specific
  247. features using the index on page 89.
  248.  
  249. 2)  Use  the  Getting  Started Quick section on page 25 to see how a simple
  250. animation  is  produced.   This  will  lead you through most of the program
  251. features  in  an easy to understand way.  This is the recommended route for
  252. you to take!
  253.  
  254. 3)  Methodically  work  your  way through all of the features as written in
  255. Features  Explained,  page 61.  This is for the dedicated user who wants to
  256. learn  everything  about  the  way the package works before using it.  Just
  257. remember,  if you begin to feel at all bored by learning so much, then dive
  258. into  the  package  and start animating.  Practice is better than theory in
  259. just about everything!
  260.  
  261. THE MAIN MENU
  262. -------------
  263.  
  264. When  you  start up the Hanna-Barbera Animation Workshop, you are presented
  265. with  the  Main  Menu  screen.   This  screen,  shown  below, links all the
  266. different aspects of Animation Workshop together.
  267.  
  268.                         ----------------------
  269.                         |                    |
  270.                         |             A      |
  271.                         |  C                 |
  272.                         |             B      |
  273.                         ----------------------
  274.  
  275.  
  276. There are 3 main areas to the main menu screen:
  277.  
  278. A) Main Control Area contains the 6 main control icons for the program.
  279.  
  280. B) Animation Control Panel is used to control the display of animations.
  281.  
  282. C) Exposure  List  shows  the  order  in  which  the  frames making up the
  283.    animation fall.
  284.  
  285. GETTING STARTED QUICK
  286. ---------------------
  287.  
  288. You  got  here!   This  is  the  best way to quickly learn the power of The
  289. Hanna-Barbera Animation Workshop.
  290.  
  291. Here we go.......
  292.  
  293. This  section  is  a  series  of  icons  for  you to click on followed by a
  294. description of where you are and what you see on the screen.
  295.  
  296. Just  click  on  each  icon in turn using the left mouse button (unless the
  297. right mouse button is specified).
  298.  
  299. VIEW SAMPLE ANIMATED CLIPS
  300.  
  301. First let's look at some Hanna-Barbera animations:
  302.  
  303.          (Click on the Drawer Icon)
  304.  
  305. You  now  have  a  list of the animation directories.  There are animations
  306. from The Flintstones, The Jetsons, Scooby- Doo and Yogi Bear.
  307.  
  308.          (Click on SCOOBY)
  309.  
  310. The list of Scooby animations is shown.
  311.  
  312.          (Click on SNACK)
  313.  
  314. Now you have selected the animation called SNACK and this name has appeared
  315. in the box below the list.
  316.  
  317.          (Click on Arrow pointing from filing cabinet to computer)
  318.  
  319. Hey,  time for a snack.  This animation is for you to colour in later.  See
  320. how the control panel is similar to a VCR.
  321.  
  322.          (Click on the Looped Arrow)
  323.  
  324. Looping the animation again and again,
  325.  
  326.          (Click on the Tortise & Hare Icon)
  327.  
  328. Now we can change the speed.
  329.  
  330.          (Click on the Hare)
  331.  
  332. Faster....
  333.  
  334.          (Click on the Tortoise)
  335.  
  336. ...and slower.
  337.  
  338. Try  pressing  F1  to remove the control panel.  Press it again to bring it
  339. back.
  340.  
  341.          (Click on Exit)
  342.  
  343. And now we're back at the main menu.
  344.  
  345. Let's have a look at another one!
  346.  
  347.          (Click on the Drawer Icon)
  348.  
  349.          (Click on BACK)
  350.  
  351.          (Click on YOGI)
  352.  
  353.          (Click on GRAB)
  354.  
  355.          (Click on Right Arrow icon)
  356.  
  357.          (Click on Tick Icon)
  358.  
  359. An  animation  is  already  loaded  into  the  computer.  You must tell the
  360. computer it's okay to load in another one.
  361.  
  362. Look at Boo Boo go!  See how Yogi's arm stretches out to grab him.
  363.  
  364.          (Click on left&right arrow icon)
  365.  
  366.          (Click on looped arrow icon)
  367.  
  368. He just can't get away!
  369.  
  370.          (Click on Exit)
  371.  
  372. You can try loading some of the other animations if you like.
  373.  
  374. ASSEMBLE AN ANIMATED SEQUENCE
  375.  
  376. Let's  make  an  animation using some of the pictures in the package.  Make
  377. sure you are back on the main menu.
  378.  
  379.          (Click on the Dustbin Icon)
  380.  
  381.          (Click on the Tick icon)
  382.  
  383. This clears the last animation from the memory so we can start a new one.
  384.  
  385.          (Click on the Paint brush icon)
  386.  
  387. To enter Background Paint mode.
  388.  
  389.          (Click on icon with right mouse button)
  390.  
  391. This will allow us to load a background.
  392.  
  393.          (Click on BACK)
  394.    
  395.          (Click on FLINT)
  396.  
  397.          (Click on HOUSE)
  398.  
  399.          (Click on right arrow icon)
  400.  
  401. Yabba-Dabba-Doo tm!  Its the Flintstones' house.  Lets get Barney to visit.
  402.  
  403.          (Click on icon with left mouse button)
  404.  
  405. This takes us to a blank cel or frame.
  406.  
  407.          (Click on pencil drawing icon)
  408.  
  409. This is the animate mode (just 2 colors).
  410.  
  411.          (Click on icon with right mouse button)
  412.  
  413. This now allows us to see the background underneath our cel.  (Note that on
  414. the PC the background is shown in a blue outline).
  415.  
  416. Now let's get Barney.
  417.  
  418.         (Click on sissors icon)
  419.  
  420. This  is  the  clip-art screen for loading in sample art to include in your
  421. animations.
  422.  
  423.         (Click on the drawer icon)
  424.  
  425. To bring up the clip-art list.
  426.  
  427.         (Click the BARNEYWK + right arrow)
  428.  
  429. Here's an 8 frame walk cycle for Barney.  Now comes the fun.
  430.  
  431.         (Click on the sissors icon)
  432.  
  433. The  scissors icon should have turned purple.  Next you need to cut out the
  434. first  Barney frame which is the one at the top left of the screen.  You do
  435. this  by  moving  the pointer up to the top left corner of Barney and click
  436. AND  HOLD  DOWN  the  left  mouse  button.   Keeping it held down, move the
  437. pointer  to  the bottom right of the character and release the button.  You
  438. should  now  have Barney moving around with the mouse pointer.  If you have
  439. not  quite  done  it properly then click on the scissors icon twice and try
  440. again.
  441.  
  442.         (Click on Exit)
  443.  
  444. To  return  to the animation mode.  Now you can position Barney on the path
  445. at  the  left  edge of the screen.  Move him there and then click the mouse
  446. button once to put him down.
  447.  
  448.         (Click on the down arrow icon)
  449.  
  450. To  add  a  new  frame.  Notice that you can still see frame 1 in a lighter
  451. shade underneath.
  452.  
  453.         (Click on the sissors icon)
  454.  
  455. To go back to the clip-art screen.
  456.  
  457.         (Click on the sissors icon twice)
  458.  
  459. Cut out the next frame in the walk as before.
  460.  
  461.         (Click on Exit)
  462.  
  463. Now position the new Barney a little closer to the house.
  464.  
  465. Repeat  steps 10 - 13 six times but each time cut out the next frame in the
  466. walk  cycle  and  position  Barney  on  the  screen closer to the house but
  467. overlapping  the  frame that you can see underneath.  Keep doing this until
  468. you have placed the last Barney in frame 8.  Now let's color him in.
  469.  
  470.         (Click on the paint brush icon)
  471.  
  472. This  is  Foreground Paint mode.  Click on one of the colours in the bottom
  473. right of the screen.  Choose one for his hair.
  474.  
  475.         (Click on fill icon)
  476.  
  477. You  can  now fill Barney with color.  Move the mouse pointer to inside his
  478. hair and click.
  479.  
  480.         (Click on right arrow)
  481.  
  482. To  go to the next frame.  Click in his hair again.  Repeat six times until
  483. all  of  the hair is colored and then do the same choosing different colors
  484. for the rest of him.
  485.  
  486. When  you have completely colored in all the Barneys, you are ready to view
  487. your animation.
  488.  
  489.         (Click on Exit)
  490.  
  491. To return to the main menu.
  492.  
  493.         (Click on the looped arrow icon) 
  494.  
  495. To  play the animation over and over again.  Well done!  You have created a
  496. sample  animation.   If  it  is  going  at  the  wrong  speed  then use the
  497. Tortoise/Hare icon to change it.  Now we can save it to disk.
  498.  
  499.         (Click on Exit)
  500.  
  501. Main menu again.
  502.  
  503.         (Click on the drawer icon)
  504.  
  505. If the list does not say FLINT, JETSONS, SCOOBY, YOGI then click on <-BACK.
  506. Click on the empty box underneath the list and type in a name for your file
  507. of up to 6 letters.  Let's call it BARNEY.
  508.  
  509.         (Click on arrow pointing from computer to filing cabinet)
  510.  
  511. Your file is now saved to disk.  It can be loaded back in at any time by:
  512.  
  513.         (Click on drawer icon)
  514.  
  515.         (Click on BARNEY + right arrow)
  516.  
  517.         (Click on the tick)
  518.  
  519. And there you have it! You`re getting pretty good at this.
  520.  
  521. CREATE AN ANIMATED CHARACTER
  522.  
  523. Now  let's  try drawing an animation from scratch.  Make sure you're on the
  524. main menu.
  525.  
  526.         (Click on the Dustbin icon)
  527.  
  528.         (Click on the tick)
  529.  
  530. Just to make sure the animation is cleared.
  531.  
  532.         (Click on the paint brush icon)
  533.  
  534. First let's experiment with different drawing techniques.  This is going to
  535. look like a mess!
  536.  
  537. DRAWING
  538.  
  539.         (Click on the Pencil icon (with wavy lines))
  540.  
  541. Move  the  pointer onto the screen and click and hold down the mouse button
  542. and move the pointer around.  This is freehand mode.
  543.  
  544.         (Click on the size icon)
  545.  
  546. This changes the thickness of the lines.  Do some more drawing.
  547.  
  548.         (Click on the size icon again)
  549.  
  550. Back to single thickness lines.
  551.  
  552.         (Click on the Pencil icon (with a straight line))
  553.  
  554. This mode draws straight lines.  Just play around moving the mouse pointer,
  555. clicking and holding down and then dragging it to the end point.
  556.  
  557.         (Click on the box icon)
  558.  
  559. Do the same with squares and rectangles.
  560.  
  561.         (Click on the circle icon)
  562.  
  563. And circles and ovals.
  564.  
  565.         (Click on the OOOOPs icon)
  566.  
  567. This  is  the  OOOPS icon.  See how the last thing that you did disappears.
  568. Click  on  it  again  to  bring it back.  This is very useful if you make a
  569. mistake.
  570.  
  571.         (Click on the eraser icon)
  572.  
  573. Now   you  have  completely  cleared  the  screen.   Let's  draw  something
  574. recognizable.   A  simple  landscape.   First  select color number 2, which
  575. should be black, by clicking on it.
  576.  
  577.        (Click on the Pencil Line icon)
  578.  
  579. Draw a line across the screen.
  580.  
  581.        (Click on the Pencil freehand icon)
  582.  
  583. Draw some wavy hills above the line.
  584.  
  585.        (Click on the circle icon)
  586.  
  587. Draw a sun in the sky. 
  588.  
  589.        (Click on the fill icon)
  590.  
  591. Click on the colours that you want and fill the different areas.  Note that
  592. the colour will leak out through any holes even at the edge of the screen.
  593.  
  594.        (Click on icon)
  595.  
  596. Great.  Let's draw an animation to go over the top of the backdrop.
  597.  
  598.        (Click on the Yogi pic icon)
  599.  
  600. We are now in Foreground Animate mode.  See how we can only use 2 colors in
  601. this  mode.   Let's  draw  a simple face.  In this section select the tools
  602. that you need for yourself.  Most of the time you will need the freehand or
  603. circle/oval  tool.  When selecting the circle/oval tool, make sure that you
  604. click in the top left hand corner so that they are drawn just in outline.
  605.  
  606. Draw an oval for a head.  Place a half circle in the centre for the nose.
  607.  
  608. Draw 2 ovals for the eyes and a half circle for the mouth.
  609.  
  610. Draw 2 ovals inside the eyes for pupils.  Add 2 half circles above the eyes
  611. for eyebrows.
  612.  
  613. Finsh  the  head  by  adding half circles for the ears.  Then add the final
  614. touch of four strands of hair.
  615.  
  616. ANIMATING
  617.  
  618. Frame 1
  619. Brilliant! This is the 1st frame of our animation.
  620.  
  621.         (Click on the down arrow (Add Frame Icon)
  622.  
  623. This  adds a frame and moves us forward to it.  See how frame 1 still shows
  624. through  underneath.  Every time you need to add a new frame, click on this
  625. icon again.
  626.  
  627. Frame 2
  628. Draw  a  new  head where the ovals are beginning to stretch with a straight
  629. line for the mouth and the hair standing up straighter.
  630.  
  631. Frame 3
  632. Next frame.  You should have clicked on the ADD FRAME ICON again.  Complete
  633. stretching  the  ovals, draw a half moon shape for the mouth, and stand the
  634. hair straight up.  You now have a surprised expression.
  635.  
  636. Frame 4
  637. Frame  4.   Return the face to its original shape.  Add 2 straight lines so
  638. that  the  eyes  are  half closed, and draw a sausage shape for a half open
  639. mouth.
  640.  
  641. Frame 5
  642. Last  frame.   Squash  the  ovals  and  close  the eyes as shown above.  By
  643. stretching the line of the mouth you now have a smiling face.
  644.  
  645.         (Click on the paint brush icon)
  646.  
  647.         (Click on the fill icon)
  648.  
  649. Now color in the frame.
  650.  
  651.         (Click on the right arrow icon)
  652.  
  653. Back to frame 1. Keep going until all of the frames are
  654. colored.
  655.  
  656.         (Click on Exit)
  657.  
  658. Back to the main menu. 
  659.  
  660.         (Click on the looped arrow icon)
  661.  
  662. Wow!   An  animation  that  you  did  all  by  yourself.  Not bad!  But the
  663. animation  still  doesn't quite loop properly because the jump from frame 5
  664. to frame 1 is too large.
  665.  
  666.         (Click on the Exit icon)
  667.  
  668. Back  to  the main menu.  Now see the list saying 1,2,3,4,5 in the top left
  669. of  the  screen.  This is the exposure list showing which frame goes where.
  670. What  we want to do is add frame 4 after frame 5 so that the animation goes
  671. smoothly  back to frame 1.  Click on the line just underneath 5 and press 4
  672. on your keyboard.
  673.  
  674.         (Click on looped arrow icon)
  675.  
  676. Now  that's  better.   A  funny  animation,  Save it to disk using the same
  677. technique that you used at the end of the last section, pages 38-39.
  678.  
  679. Brilliant! You have now passed your basic training.
  680.  
  681. ANIMATION BASICS
  682. ----------------
  683.  
  684. Animation is a simple process.  Usually it either copies or exaggerates how
  685. something  actually moves in real life.  Once you know the basic steps, you
  686. can create the magic that makes still drawings come to life.  Remember that
  687. there will always be more to learn, but here's a good place to start.
  688.  
  689. DRAWING
  690.  
  691. First,  an  animator  must be able to take any character or object and make
  692. drawings of it doing anything.  Use your spare time to practice drawing any
  693. character  you  like  doing  many  different things.  This will be the best
  694. training for your first animation projects.
  695.  
  696. Changing Shapes
  697. When  we  giggle at a funny cartoon, it's probably because some movement is
  698. so  silly  and exaggerated, we can't help but laugh.  Here are a few tricks
  699. that are always used to make this happen.
  700.  
  701. Example  1:   When Fred's thumb gets stuck in his bowling ball as he throws
  702. it,  his  arm  stretches  way  out.  All objects change shape when they are
  703. making  a  strong  action.   Rigid  objects  will  change  very little, but
  704. flexible  ones  will  change a lot.  Exaggerating these changes can be very
  705. useful in creating a funny scene.
  706.  
  707. Example  2:   When Dino falls from high above and hits the ground, his body
  708. flattens, then stretches out and bounces up like a rubber ball.
  709.  
  710. These  examples  are  called  "stretch" and "squash".  Nothing in real life
  711. gets  stretched  or  squashed  as  much  as  cartoon  characters,  but this
  712. exaggerated  drawing  technique  is  constantly used in animation to create
  713. fantasy  and  humour  Next  time you watch The Flintstones, notice how many
  714. times you see Fred or Barney get stretched and squashed.
  715.  
  716. TIMING
  717.  
  718. "Timing" in animation is the speed that an action takes place.  There are 3
  719. very easy rules.
  720.  
  721. 1.   If  you  want the action to move slowly, then use more frames and make
  722. the drawings overlap a lot.
  723.  
  724. 2.   If you want the action to move at a medium speed, then use less frames
  725. and have the drawings slightly overlap.
  726.  
  727. 3.   If  you  want the action to move fast, then use very few frames and do
  728. not let the drawings overlap.
  729.  
  730. The  best  way  to  understand  how  this  works  is  to look at the sample
  731. animation  printed  in  the  bottom  left hand corner, from page 31 in this
  732. manual.  Using the 3 rules above, practice making your own flip books using
  733. the corners of an old book, magazine or even a telephone book.
  734.  
  735. STORYTELLING
  736.  
  737. Stretch  and  Squash and Timing are important techniques to know, but there
  738. is   one  more  element  that  makes  the  real  difference,  and  that  is
  739. "storytelling".   This  is  how  you get to add your own style and sense of
  740. humor.   A  good  storyteller  knows  how  to  create situations that bring
  741. reactions  like  laughing,  crying,  and surprise.  Once you get an idea of
  742. what  you  want  to  animate,  think about how you can add something that's
  743. totally  unexpected.   Remember that animation is the perfect medium to let
  744. your imagination run wild.
  745.  
  746. ANIMATION
  747.  
  748. Now  you  know  the  tricks  of  drawing.  Let's learn how to animate.  The
  749. dictionary  says  that  the word animate means "to give life or motion to".
  750. We'll go step by step and find out how to give life to your drawings.
  751.  
  752. Step 1 - What's happening?
  753. The first step is to know what you want to happen.  Lets say you want a cat
  754. to chase dog up a tree.  Sounds funny, so how do you make it happen?
  755.  
  756. Step 2 - Block out the action
  757. Determine  what  takes place first, and then last, and something inbetween.
  758. The  sketches of these poses are called "key" drawings.  You might think of
  759. them like the panels in a comic book.  They are single moments of activity.
  760. In  your chase scene, the first sketch (Frame 1) might have the cat running
  761. after  the  dog.  The last drawing (Frame 10) could have the cat looking up
  762. at  the  dog  trying to hold on to a tree limb.  (Frame 6) might be the dog
  763. scrambling up the tree.
  764.  
  765.          1----------------6----------------10
  766.  
  767. Step 3 - Breaking down the drawings.
  768. An  animator  creates  "breakdown" drawings to show the secondary movements
  769. that  would happen between each "key" drawing.  In your case, (Frame 4) the
  770. dog  jumps  onto  the  tree trunk.  (Frame 8) would have the dog jumping to
  771. catch the tree limb.
  772.  
  773.          1-------------4----6-----8--------10
  774.  
  775. Step 4 - Inbetweening.
  776. An  animator  creates  all  the  drawings  that fit in between the finished
  777. drawings to smoothen out the action.
  778.  
  779. Step 5 - Exposure Sheet.
  780. In  35mm film, there are usually 24 drawings (or frames) that pass by every
  781. second.   Next time you watch a cartoon, try to guess how many frames go by
  782. in  a  half  hour.   It's a lot, so an animator uses an "Exposure Sheet" to
  783. keep  track  of the drawings, frame by frame.  To save time and money, some
  784. frames  are  exposed  twice (called "shot in twos").  Then only 12 drawings
  785. are  needed  per second.  Some frames are only used once, but others can be
  786. cycled  over  and over, like the movement of running.  It may take 4 frames
  787. for  the  dog's  legs  to  move back and forth once, so those frames can be
  788. repeated over and over to make it look like the dog is running.
  789.  
  790. Step 6 - Shoot the Frames
  791. Once  all  the  frames  are  drawn,  they are put in order according to the
  792. exposure  sheet  and  individually  photographed onto film.  Sound effects,
  793. voices and music are added.  And that's it!  You now have a cartoon.
  794.  
  795. FEATURES EXPLAINED
  796. ------------------
  797.  
  798. MAIN CONTROL
  799.  
  800. Paint - (Paint Brush Icon)
  801. Clicking on the paintbrush icon takes you into Background Paint mode.
  802.  
  803. Animate - (Yogi Icon)
  804. This  icon takes you into Foreground Animate mode, for drawing the outlines
  805. of your animations.
  806.  
  807. Video - (Clapperboard Icon)
  808. This  icon  will  take  you to the video digitizing module for using with a
  809. Rombo digitizer and video camera, See page 74.
  810.  
  811. Load/Save - (Drawer Icon)
  812. You  can load and save your animations to disk.  See LOAD & SAVE section on
  813. page 71 for information on how to do this.
  814.  
  815. Trash - (Dustbin Icon)
  816. This  icon will remove the current animation from memory.  Be careful doing
  817. this,  as  you  cannot  retrieve  the animation if you have not saved it to
  818. disk.
  819.  
  820. Exit - (Exit Icon)
  821. This icon takes you out of the program.  This icon is used on other screens
  822. to  exit back to the previous screen, On the main menu there is no previous
  823. screen and so the program simply terminates.
  824.  
  825. DRAWING
  826.  
  827. The three basic modes for drawing in are Background Paint, Foreground Paint
  828. and Foreground Animate.
  829.  
  830. BASIC DRAWING MODES
  831.  
  832. Background Paint
  833. This  mode allows you to draw a background in 8 colours.  This will provide
  834. a  static backdrop to your animation.  Clicking on the BACKGROUND ICON will
  835. change the mode to Foreground Paint.
  836.  
  837. Foreground Paint
  838. In  this  mode  you can draw and design your foreground animation frames or
  839. cels  in  8  separate  colors that will be overlaid on your backdrop.  From
  840. this mode you can get to either Background Paint or Animate mode.  Click on
  841. the  BACKGROUND  ICON to get to Background Paint Mode, and the ANIMATE ICON
  842. to get to Foreground Animate mode.
  843.  
  844. Foreground Animate
  845. In Foreground Animate mode (you can only animate the foreground).
  846.  
  847. This  mode is for drawing the outlines of the animations.  Here you draw in
  848. just  2  colors (normally black and white) as if you were using a pencil on
  849. paper.  The strength of this mode is that you can see the previous 2 frames
  850. of  your  animation  underneath  in shades of grey.  This is known as onion
  851. skinning  and  allows  you  to carefully modify frames to really bring your
  852. animations  to  life.   If you click on the COMBINATION ICON the background
  853. will also be visible underneath your current frame.
  854.  
  855. If the shades of grey are too confusing then press F7 to show the different
  856. onion  skins  in  red,  blue and black.  Press F7 again to return to greys.
  857. Click on the FOREGROUND ICON to get back to Foreground Paint mode.
  858.  
  859. See  also  the section on frames for information specific to the foreground
  860. modes only.
  861.  
  862. GENERAL DRAWING ICONS
  863.  
  864. The General Drawing icons are common to all 3 modes.
  865.  
  866. NOTE:   With the Brushes and Drawing tools you can create your own drawings
  867. or  alter  pictures  that  have been loaded from disk or shot via the video
  868. camera.
  869.  
  870. Brushes
  871. The  four  squares show the varying thickness of lines that can be used for
  872. drawing.   Just click on one and it will be highlighted to show it has been
  873. selected.
  874.  
  875. Freehand Tool
  876. Next  to the brushes at the top is the FREEHAND TOOL which lets you draw as
  877. you would with a pencil.  When you select it by clicking on it, the picture
  878. turns  blue.   You can now draw with the mouse.  If you use the right mouse
  879. button then you can draw with the background color.
  880.  
  881. Straight Line Tool
  882. This  lets  you  draw  straight  lines.  Click on it and then put the mouse
  883. pointer  where  you  want  the line to start and HOLD THE BUTTON DOWN while
  884. moving it to where you want to end.  Release the button.
  885.  
  886. Square/Rectangle Tool
  887. Click  on here to draw a square or a rectangle.  Click in the top left half
  888. to draw a hollow shape and in the bottom right half to draw a filled shape.
  889. Move  the  mouse  pointer  to where you want to position one corner of your
  890. shape  and  then  HOLD THE BUTTON DOWN while moving to the opposite corner.
  891. Release the button to draw the shape.
  892.  
  893. Circle/Oval Tool
  894. This  works  in the same way as the Square/Rectangle Tool but allows you to
  895. draw  circles  and ovals.  Start at the center and move the mouse until you
  896. have the shape that you want and then release the button.
  897.  
  898. Fill Tool
  899. This  allows  you  to fill an area with a single color.  Click on this icon
  900. and  then  click  on the color that you want to use to fill with.  Position
  901. the mouse over the area that you want to fill and click the button.
  902.  
  903. NOTE:   It is very important that the area that you fill is properly joined
  904. so  that  none of the colours leak out.  If they do then click on UNDO (See
  905. Later) and patch up the hole before trying to fill again.
  906.  
  907. Text Tool
  908. This  lets  you  type text onto your picture.  Click here and then position
  909. the  mouse  where  you  want the text to start, click the button, and start
  910. typing.  You can choose any colour you want.
  911.  
  912. NOTE:   If you make a mistake you can use the BACKSPACE key (<-) on the top
  913. right of the keyboard.  You can only delete on the line you are typing.
  914.  
  915. Magnify Tool
  916. This  will  magnify a section of the screen so that you can work in detail.
  917. Once you are in Magnify Mode you can zoom in and out with the icons.
  918.  
  919. NOTE:  In Magnify Mode you can only work with the FREEHAND TOOL.
  920.  
  921. Cut and Paste TooI
  922. This  has a very special application.  You can select a picture, or part of
  923. it,  to  be cut out and pasted on another part of the screen, or on another
  924. frame in the animation sequence.  This can save a lot of time when you need
  925. to  repeat the same drawing in a different place.  You can also create your
  926. own  brush and draw with it.  For example you might want to draw a leaf and
  927. then cut it out and paste it lots of times onto a tree.
  928.  
  929. The  way  that  you  cut something out is by clicking on the scissors which
  930. makes them go purple indicating that you are ready to cut.  Click the mouse
  931. pointer  at  one corner of the thing that you want to cut out and then drag
  932. it to the opposite corner and release the button.
  933.  
  934. NOTE:   Any part of your brush that is background colour (the colour at the
  935. top  left  of the palette) will be treated as transparent when you use your
  936. brush.
  937.  
  938. You  can  also flip your brush horizontally or vertically by pressing F5 or
  939. F6.
  940.  
  941. MAKING CORRECTIONS
  942.  
  943. UNDO Tool
  944. This  is  a  picture  of  Shaggy  going  Ooops!  It only works on your last
  945. mistake,  so  click  here as soon as you have made an error.  If you decide
  946. that  it  wasn't  a  error after all then just click again and it will undo
  947. what you just undid!
  948.  
  949. WIPE Tool
  950. When  you  want to completely clear the screen then click on the Wipe tool.
  951. This  will  fill  the  screen  with  the selected background color.  If you
  952. accidentally  wipe  the  screen,  and  haven't done anything else then just
  953. click on UNDO to bring the screen back.
  954.  
  955. You  can  also  correct  mistakes by selecting the backgound color with the
  956. right  mouse  button  and then rubbing out whatever is wrong with the right
  957. mouse button again.
  958.  
  959. CREATING COLOURS
  960.  
  961. There  are  8  colors  which  are  used  for  the  background and 8 for the
  962. foreground.   These  can be selected by clicking on them (left mouse button
  963. for  foreground color, right mouse button for background color) or modified
  964. by clicking on the palette icon.
  965.  
  966. Select the color that you wish to modify by clicking on it, and then modify
  967. the  red,  green  and  blue content by moving the slider bars on the right.
  968. You  can  either  click on these bars and hold down the button to drag them
  969. left  and right, or just click to one side of them to move them up and down
  970. in steps.
  971.  
  972. ANIMATION
  973.  
  974. The  three  icons  that  relate  to  the  frames  can be used from both the
  975. Foreground Animate and Foreground Paint modes and look like:
  976.  
  977.     Left Arrow         Down Arrow         Right Arrow
  978.  
  979. The  icons to the left and the right simply move forwards and backwards one
  980. frame in the current animation.  To start with, these will do nothing since
  981. the program starts with only 1 frame in the animation.  The central icon is
  982. the  ADD FRAME ICON and adds a new frame just after the current frame being
  983. displayed.   The  frame  number  used is the lowest number that has not yet
  984. been assigned.
  985.  
  986. CLIP ART AND BACKGROUNDS
  987.  
  988. Backgrounds
  989. Background  graphics  can  be  loaded  in  by clicking with the RIGHT mouse
  990. button  on  the  background icon while in Background paint mode.  This will
  991. call  up a separate screen with a disk icon.  Click on this icon and a list
  992. will appear of the available files to load in.
  993.  
  994. Clip-Art
  995. Clip-Arts  are  line-drawings  that you can include in your own animations.
  996. To  call  up  the clip-art screen, click with the RIGHT mouse button on the
  997. SCISSORS ICON.
  998.  
  999. This will call up another another scissors icon (for cutting brushes out of
  1000. the  clip-art  screen), a disk icon and an exit icon to get you back to the
  1001. normal  mode.   Click  on  the  disk  icon  to  bring  up a list of all the
  1002. available clip-art on the disk.  See the Sample Animation Art Section for a
  1003. list of the available screens.
  1004.  
  1005. LOAD AND SAVE
  1006.  
  1007. You  can load and save your animation to disk.  Click on the FILING ICON on
  1008. the Main Control panel and a box will appear.
  1009.  
  1010. First you need to select the name of the file.  You can do this by clicking
  1011. on  it (if it already exists) or by clicking in the space below the list of
  1012. files and typing a name.
  1013.  
  1014. The  list  of  files  also  contains  directories  which  hold other files.
  1015. Directories are indicated by a > sign in front of the name.  If you need to
  1016. change  directory  then  just click on the directory name and then select a
  1017. file.  You can go back to the previous directory by clicking on <--- BACK.
  1018.  
  1019. When  you have selected the file name then you must select one of the arrow
  1020. icons.   The  arrows  indicate  whether you load or save the animation.  To
  1021. LOAD  an  animation,  click  on  the arrow that points from the disk to the
  1022. computer.   To  SAVE  an  animation click on the arrow that points from the
  1023. computer to the disk.
  1024.  
  1025. Click  on  the  arrow  that you want, and then select the file.  If you are
  1026. loading  a  file  then you will just click on the name of the file that you
  1027. want.
  1028.  
  1029. Be  carefull!  You do not want to load an animation over something that you
  1030. have just drawn, or save an animation over another one on the disk that you
  1031. want  to  keep.   If you are going to overwrite an animation (either in the
  1032. computer or on the disk) then a box will appear:
  1033.  
  1034.          (Tick Icon)
  1035.  
  1036. If  you  are  sure  that  you  want  to  carry  on  then click on the TICK.
  1037. Otherwise click on the CROSS and nothing will be overwritten.
  1038.  
  1039. If  you  wish  to  change  to a different disk drive then click on the disk
  1040. icon.   This  will  take  you  to  the next available disk (like the floppy
  1041. drive)  and show you what is available on that disk.  This can be useful if
  1042. you want to save some animations onto floppy disk instead.
  1043.  
  1044. EXPOSURE LISTS
  1045.  
  1046. The  exposure  list  provides  a list of the frames and the order that they
  1047. appear.  This list can be changed very easily to alter the order of frames,
  1048. make one frame last longer, or even repeat little sections over and over.
  1049.  
  1050. To  delete a frame from the list simply click on the number in the list and
  1051. press the DELETE key.
  1052.  
  1053. To  add  a frame just click on the frame just before where you want the new
  1054. frame  and  then  press  RETURN.  Type the number of the new frame - do not
  1055. press RETURN since this will add another frame.
  1056.  
  1057. NOTE:  You can only add frames that have already been designed.  You cannot
  1058. use  a  frame  number higher than the highest frame number.  If you want to
  1059. add a completely new frame then you must use the ADD FRAME icon.
  1060.  
  1061. VIDEO DIGITIZING
  1062.  
  1063. You  can only input pictures with this section of the program if you have a
  1064. video camera and a Rombo digitizer.  (See specifications in the Loading and
  1065. Installation Section).
  1066.  
  1067. Set  up  the  video  camera, preferably on a stand, to point at a flat area
  1068. where  you can place your drawings.  Connect the camera to the input on the
  1069. video digitizer according to the manufacturers' instructions.
  1070.  
  1071. When  everything  is  turned on, click on the VIDEO ICON on the main screen
  1072. and you will be taken to the digitizer screen.
  1073.  
  1074. The  first  screen  is  for  digitizing  hand  drawn animations.  This will
  1075. quickly  digitize  in  2  colors  (black & white) the image in front of the
  1076. camera  -  use  Appendix  B in conjunction with the Animators Scrapbook for
  1077. some examples of how to use this feature.
  1078.  
  1079. The  LARGE  EYE  ICON lets you view the image before you actually digitize.
  1080. If the image is too bright or too dark then simply click on the MOON or SUN
  1081. ICON  until  the image is clear.  When it is clear, click on the VIDEO ICON
  1082. and  the program will store the image and move on to the next frame so that
  1083. you can enter the next picture in your animation.  In the other booklet you
  1084. are given an example of stop-frame cut-out animation of Fred Flintstone and
  1085. pre-drawn Scooby animation for you to enter.
  1086.  
  1087. You  can also digitize backgrounds with this part of the program.  Click on
  1088. the BACKGROUND ICON and you will be presented with a screen.
  1089.  
  1090. The  difference  here is that you can use either 2, 4 or 8 shades of grey -
  1091. click on the number that you require - and the digitized image will be used
  1092. as  the  static  background  for  your  animation.   It is often easiest to
  1093. digitize a hand drawn background in 2 colors and then color it in using the
  1094. package.
  1095.  
  1096. ANIMATION CONTROL PANEL
  1097.  
  1098. The animation control icons are
  1099.  
  1100. REWIND
  1101. This jumps back to the first frame in the animation
  1102.  
  1103. PAUSE
  1104. This pauses the animation and holds 1 frame on the screen.
  1105.  
  1106. PLAY
  1107. This plays the current animation once from beginning to end.
  1108.  
  1109. FAST FORWARD
  1110. This jumps to the last frame of the animation.
  1111.  
  1112. STEP BACKWARDS
  1113. This steps the animation back 1 frame.
  1114.  
  1115. STEP FORWARDS
  1116. This steps the animation forward 1 frame,
  1117.  
  1118. TORTOISE & HARE
  1119. These icons affect the speed of the animation.  Click on the hare will make
  1120. the  animation  faster,  while  clicking on the tortoise will slow it down.
  1121. You can also drag the slider bar.
  1122.  
  1123. SAMPLE ANIMATION ART
  1124. --------------------
  1125.  
  1126. The sample pieces of work are in 4 directories called:
  1127.  
  1128. FLINT
  1129. JETSONS
  1130. SCOOBY
  1131. YOGI
  1132.  
  1133. When  loading something in you will have to enter the directory by clicking
  1134. on  the  name with the mouse and then clicking on the file that you wish to
  1135. load.
  1136.  
  1137. ANIMATIONS
  1138.  
  1139. The  sample  animations highlight various animation techniques and features
  1140. of  the  package.  You can load them in and step through frame by frame, or
  1141. change them, colour them in or just watch them play.
  1142.  
  1143. To  load one of the animations follow the instructions for Loading & Saving
  1144. on  Page  71.   Make  sure  that the arrow is pointing from the disk to the
  1145. computer or you will overwrite the animation.
  1146.  
  1147. SAMPLE ANIMATIONS
  1148.  
  1149. SCOOBY
  1150. WIPE: A looping animation. Try adding some rain to each frame.
  1151.  
  1152. SNACK: A  long  animation that can be colored in.  You will need a lot of
  1153. memory on your computer to finish this animation.
  1154.  
  1155. YOGI
  1156. GRAB: Notice how the beginning and end parts loop.
  1157.  
  1158. CHOMP: A simple 5 frame loop for you to color.  Try changing the speed to
  1159. make Yogi eat really fast!
  1160.  
  1161. JETSONS
  1162. DANCE: Only  10 frames in this animation but sections are re-used to make
  1163. the dance last longer.  And it loops!
  1164.  
  1165. EAT: Judy Jetson gets fed up! Another scene to colour.
  1166.  
  1167. FLINT
  1168. ROCK  1: Fred gets a surprise!  Notice how his head gets larger when he is
  1169. hit to add to the effect.  Another example of how frames can be re-used.
  1170.  
  1171. ROCK2: Try coloring in the same animation the way you want.
  1172.  
  1173. CLIP ART
  1174.  
  1175. The  clip-art  screen contains line drawings of art-work for you to include
  1176. in  your  own  animations.  To call up the clip art screen enter Foreground
  1177. Animate mode and click on the SCISSORS ICON with the right mouse button.
  1178.  
  1179. You will then get the following screen :
  1180.  
  1181. This  is  essentially  a spare screen that forms no part of your animation.
  1182. Load  a  piece  of clip-art by clicking on the DISK ICON and then selecting
  1183. the clip-art file that you wish to load.  These screens contain walk cycles
  1184. of  some  of  the  characters  and  objects  for you to include in your own
  1185. animation.
  1186.  
  1187. ANIMATED CLIP ART
  1188.  
  1189. There  are  3 clip-art screens in the FLINT directory called MOWERB, MOWERF
  1190. and  MOWERC.   These  are for you to build an animation.  Draw a background
  1191. with a piece of grass in front of a long low wall.
  1192.  
  1193. Add  the  clip-art  to the foreground so that you have an animation of Fred
  1194. walking across the screen pushing the mower creature with Barney leaning on
  1195. the  wall  watching.   This  animation may take a long time to assemble and
  1196. will need a lot of memory.
  1197.  
  1198. BACKGROUNDS
  1199.  
  1200. Backgrounds  can be loaded in separately from animations and there are some
  1201. examples  for you to use.  To load a background enter Background Paint mode
  1202. and click on the BACKGROUND ICON with the right mouse button.  Click on the
  1203. disk icon to load a background.
  1204.  
  1205. VIDEO DIGITIZING HINTS
  1206. ----------------------
  1207.  
  1208. If  you  are lucky enough to have a digitizer and a video camera then there
  1209. are  lots  of extra things that you can do with The Hanna-Barbera Animation
  1210. Workshop.  Some examples are included in the booklet.
  1211.  
  1212. NOTE: You do not need a digitizer or a camera for section 2.
  1213.  
  1214. SECTION 1 - ENTERING HAND DRAWN ANIMATIONS
  1215.  
  1216. Pages  1 - 14 contain a 14 frame animation of Scooby for you to enter.  Set
  1217. up  the  video  camera  pointing at a flat surface as described on page 74.
  1218. Enter the digitize screen by clicking on the VIDEO ICON.
  1219.  
  1220. Place the first frame (Page 1) down and modify the brightness control until
  1221. you can clearly see Scooby on the screen.  Try to make sure that it is dark
  1222. enough so that none of the lines are broken.
  1223.  
  1224. When  you  are happy with the picture, click on the VIDEO ICON to capture a
  1225. frame  and  move  on to the next one.  Turn the page and position it in the
  1226. same  place  and  repeat the process until you have all 14 frames captured.
  1227. Quickly play the animation to make sure that it looks right before coloring
  1228. it and adding a background.
  1229.  
  1230. Now  you see how this works, try drawing your own animation and entering it
  1231. onto the computer in the same way.  You may find that it is quicker to draw
  1232. with a pencil on paper than trying to draw everything with the computer.
  1233.  
  1234. SECTION 2 - COPYING A PICTURE FROM A GRID
  1235.  
  1236. This  is a way of accurately copying a picture.  On page 15 is a picture of
  1237. Dino.
  1238.  
  1239. Load the background called GRID into the background screen.
  1240.  
  1241. Now  you  have  the same grid on screen and you can copy the picture box by
  1242. box  from  the page onto the screen.  Draw Dino on the foreground screen so
  1243. that  when  you have finished you can wipe the background away and put your
  1244. own background in!
  1245.  
  1246. SECTION 3 - STOP-FRAME ANIMATION USING CUT-OUTS
  1247.  
  1248. This  is  a  very  powerful  form  of  animation  and  can  quickly produce
  1249. outstanding results.
  1250.  
  1251. An example of a Fred Flintstone cut out is on Page 16 with some extra parts
  1252. on  page  17.  In order to use him, cut out the different parts of Fred and
  1253. join  them  together with split paper clips.  It may be easier if you stick
  1254. the different parts onto card and then cut them out very carefully.
  1255.  
  1256. Once  he  is  joined and can be moved, place him on the digitizing area and
  1257. set up the camera as in section 1.
  1258.  
  1259. You can now capture a frame, move Fred a little bit and the capture another
  1260. one  and  so  on.   With  this  technique  you  can quickly build up a very
  1261. complicated animation that would take a very long time to draw.
  1262.  
  1263. CUSTOMER SERVICES INFORMATION
  1264. -----------------------------
  1265.  
  1266. PLEASE REGISTER YOUR PRODUCT WITHIN 14 DAYS OF PURCHASE.
  1267.  
  1268. Thank  you  for purchasing this Empire product.  Kindly complete and return
  1269. the  enclosed  warranty  card  to register your new purchase.  Registration
  1270. allows  us  to  provide you with the very best after sales support and keep
  1271. you  informed of any future developments.  On the back of the card you will
  1272. find  specific  details  regarding  your purchase, so please keep in a safe
  1273. place.
  1274.  
  1275. The physical media this product is contained on is guaranted against faults
  1276. in manufacturing and workmanship for a period of 1 year, effective from the
  1277. date  of  purchase.   After  this  period a small administration fee may be
  1278. charged to repair/replace your disks.
  1279.  
  1280. RETURNS  &  ENQUIRIES:   If  you  encounter  any  problems with this Empire
  1281. product,  please  contact our custorner service department first.  They are
  1282. there  to  help  you and will advise the best course of action.  If you are
  1283. requested  to  return  the  product  to  us,  please  send the disk(s) only
  1284. (without  packaging  and  manuals)  postage paid and properly packed to the
  1285. address  detailed  on  your  warranty  card,  together with a covering note
  1286. detailing the faults found and the required return address.
  1287.  
  1288. KEYBOARD SHORTCUTS REFERENCE CARD
  1289. ---------------------------------
  1290.  
  1291. You  may  find  this card more useful if you remove it from the manual.  Do
  1292. this by carefully tearing it from the binding.
  1293.  
  1294. F1   -  Toggle Control Panel (On/Off)
  1295. F2   -  Move Back One Frame
  1296. F3   -  Add One Frame
  1297. F4   -  Move Forward One Frame
  1298. F5   -  Flip Brush Horizontally
  1299. F6   -  Flip Brush Vertically
  1300. F7   -  Toggle Onion Skinning (Greys/Red-Blue-Black)
  1301. F10  -  Jump To Play The Animation
  1302.  
  1303. AMIGA ADDENDUM
  1304. --------------
  1305.  
  1306. Install Instructions
  1307.  
  1308. The  Animation  Workshop  will  run from floppy disk or may be installed to
  1309. hard disk using the instructions below.
  1310.  
  1311. You  can  now  install  to any directory that you choose.  Simply enter the
  1312. directory that you wish to install to in the install program text box using
  1313. the keyboard.  The default directory is DH0:  HBAW.
  1314.  
  1315. The program installs the animation package and the FLINTSTONES anbd JETSONS
  1316. sample  artwork.   You must still load the YOGI and SCOOBY artwork from the
  1317. second floppy disk.
  1318.  
  1319. Sample Art
  1320.  
  1321. In  the  Amiga  version  the  sample  art  is  spread  over  the  2  disks.
  1322. FLINTSTONES  and  JETSONS artwork is on disk 1, and YOGI and SCOOBY artwork
  1323. is  on  disk  2.   The  JETSONS animation SOUP is not included in the Amiga
  1324. version.
  1325.  
  1326.  
  1327. ----------------------------------END-------------------------------------
  1328.  
  1329.                    /\_  ____________ ______/\___________/\___
  1330.                   /  ¬\/  |¬\  __  / \____  /  ¬\   |\  __  /
  1331.                  /  |  \  |  \/ ¬\/ & |  _  \ |  \  |_\/ ¬\/
  1332.                  \__|__/_____/\__/    |_____/____/____/\__/
  1333.                 +-------------------------------------------+
  1334.                   TYPED F/\STER BY SHARD NUT & BOLT 11-6-94
  1335.  
  1336. ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
  1337.