This Article 
   
 Share 
   
 Bibliographic References 
   
 Add to: 
 
Digg
Furl
Spurl
Blink
Simpy
Google
Del.icio.us
Y!MyWeb
 
 Search 
   
Sketch-n-Stretch: Sketching Animations Using Cutouts
May-June 2012 (vol. 32 no. 3)
pp. 59-69
Eisung Sohn, Yonsei University
Yoon-Chul Choy, Yonsei University
Web Extra: View Supplemental Material
Sketch-n-Stretch lets novices quickly and easily create 2D animations. The system has a seamless two-layer drawing interface that supports cutouts using a whiteboard metaphor. Cutout animations serve as building blocks to help users construct sophisticated animations. While manipulating cutout animations, users can draw and write text to create effects—such as articulated figures, multiple motions, and image objects—that have been difficult with previous sketching approaches. An intuitive timeline interface employs visually integrated motion cues and supports several traditional animation effects. Novices positively evaluated Sketch-n-Stretch's effectiveness in creating object motions, compared to an existing sketching tool. They also used its advanced features to animate complete stories. This video demonstrates the Sketch-n-Stretch tool for making sketch-based animations.

1. R.C. Davis, B. Colwell, and J. Landay, “K-Sketch: A 'Kinetic' Sketch Pad for Novice Animators,” Proc. 26th Ann. SIGCHI Conf. Human Factors in Computing Systems, ACM, 2008, pp. 413–422.
2. T. Moscovich and J.F. Hughes, “Animation Sketching: An Approach to Accessible Animation,” master's thesis, Dept. Computer Science, Brown Univ., 2001.
3. B. Rogers, “Living Ink,” Proc. Eurographics 2006 Workshop Sketch-Based Interfaces and Modeling, Eurographics Assoc., 2006, pp. 115–122.
4. S. Chenney et al., “Simulating Cartoon Style Animation,” Proc. 2nd Int'l Symp. Nonphotorealistic Animation and Rendering (NPAR 02), ACM, 2002, pp. 133–138.
5. J. Brooke, “SUS: A Quick and Dirty Usability Scale,” Usability Evaluation in Industry, P.W. Jordan et al., eds., CRC Press, 1996, pp. 189–194.
1. J.J. LaviolaJr., and R. Zeleznik, “Mathpad2: A System for the Creation and Exploration of Mathematical Sketches,” ACM Trans. Graphics, vol. 23, no. 3, 2004, pp. 432–440.
2. J. Popović,S. Seitz, and M. Erdmann, “Motion Sketching for Control of Rigid-Body Simulations,” ACM Trans. Graphics, vol. 22, no. 4, 2003, pp. 1034–1054.
3. C. Alvarado and R. Davis, “Resolving Ambiguities to Create a Natural Computer-Based Sketching Environment,” Proc. Int'l Joint Conf. Artificial Intelligence (IJCAI 01), AAAI Press, 2001, pp. 1365–1371.
4. M. Thorne, D. Burke, and M. Panne, “Motion Doodles: An Interface for Sketching Character Motion,” ACM Trans. Graphics, vol. 23, no. 3, 2004, pp. 424–431.
5. T. Moscovich and J.F. Hughes, “Animation Sketching: An Approach to Accessible Animation,” master's thesis, Dept. Computer Science, Brown Univ., 2001.
6. R.C. Davis, B. Colwell, and J. Landay, “K-Sketch: A 'Kinetic' Sketch Pad for Novice Animators,” Proc. 26th Ann . SIGCHI Conf. Human Factors in Computing Systems, ACM, 2008, pp. 413–422.
7. S. Takahashi, Y. Kato, and E. Shibayama, “A New Static Depiction and Input Technique for 2D Animation,” Proc. 2005 IEEE Symp. Visual Languages and Human-Centric Computing, IEEE CS, 2005, pp. 296–298.
8. B. Rogers, “Living Ink: Implementation of a Prototype Sketching Language for Real Time Authoring of Animated Line Drawings,” Proc. Eurographics 2006 Workshop Sketch-Based Interfaces and Modeling, Eurographics Assoc., 2006, pp. 115–122.
9. C. Barnes et al., “Video Puppetry: A Performative Interface for Cutout Animation,” ACM Trans. Graphics, vol. 27, no. 5, 2008, article 124.
10. T. Igarashi, T. Moscovich, and J.F. Hughes, “As-Rigid-as-Possible Shape Manipulation,” ACM Trans. Graphics, vol. 24, no. 3, 2005, pp. 1134–1141.

Index Terms:
animation sketching, informal animation system, sketch-based interfaces, user-centered interface design, animation-creating tool, animation prototyping system, Web animation system, computer graphics, graphics and multimedia
Citation:
Eisung Sohn, Yoon-Chul Choy, "Sketch-n-Stretch: Sketching Animations Using Cutouts," IEEE Computer Graphics and Applications, vol. 32, no. 3, pp. 59-69, May-June 2012, doi:10.1109/MCG.2010.106
Usage of this product signifies your acceptance of the Terms of Use.