skip to main content
10.1145/2556288.2556987acmconferencesArticle/Chapter ViewAbstractPublication PageschiConference Proceedingsconference-collections
research-article

Draco: bringing life to illustrations with kinetic textures

Published: 26 April 2014 Publication History

Abstract

We present Draco, a sketch-based interface that allows artists and casual users alike to add a rich set of animation effects to their drawings, seemingly bringing illustrations to life. While previous systems have introduced sketch-based animations for individual objects, our contribution is a unified framework of motion controls that allows users to seamlessly add coordinated motions to object collections. We propose a framework built around kinetic textures, which provide continuous animation effects while preserving the unique timeless nature of still illustrations. This enables many dynamic effects difficult or not possible with previous sketch-based tools, such as a school of fish swimming, tree leaves blowing in the wind, or water rippling in a pond. We describe our implementation and illustrate the repertoire of animation effects it supports. A user study with professional animators and casual users demonstrates the variety of animations, applications and creative possibilities our tool provides.

Supplementary Material

suppl.mov (pn0228-file3.mp4)
Supplemental video

References

[1]
Adobe. After Effects. tinyurl.com/AdobeAfterEffectsCC.
[2]
Adobe. Flash. www.adobe.com/products/flash.html
[3]
Autodesk. 3D Studio Max. tinyurl.com/Adsk-3Dsmax.
[4]
Autodesk. Maya. tinyurl.com/Adsk-maya.
[5]
Baudisch, P., Tan, D., Collomb, M., Robbins, D., Hinckley, K., Agrawala, M., Zhao, S., and Ramos, G. (2006). Phosphor: Explaining Transitions in the User Interface Using Afterglow Effects. ACM UIST. 169--174.
[6]
Buxton, B. (2007). Sketching User Experiences: Getting the Design Right and the Right Design. Morgan Kaufmann Publishers Inc.
[7]
Chen, G., Esch, G., Wonka, P., Müller, P., and Zhang, E. (2008). Interactive procedural street modeling. ACM SIGGRAPH. Art. 103.
[8]
Chuang, Y., Goldman, D., Zheng, K., Curless, B., Salesin, D., and Szeliski, R. (2005). Animating pictures with stochastic motion textures. ACM SIGGRAPH. 853.
[9]
Cho. J., Xenakis, A., Gronsky, S., and Shah, A. (2007) Course 6: Anyone can cook: inside ratatouille's kitchen. SIGGRAPH Courses.
[10]
Cinemagraphs. cinemagraphs.com.
[11]
Davis, R., Colwell, B., and Landay, J. (2008). K-sketch: a 'kinetic' sketch pad for novice animators. ACM CHI. 413--422.
[12]
Davis, R. and Landay, J. (2004). Informal Animation Sketching: Requirements and Design. AAAI. 42--48.
[13]
Fernquist, J., Grossman, T., and Fitzmaurice, G. (2011). Sketch-sketch revolution: an engaging tutorial system for guided sketching and application learning. ACM UIST. 373--382.
[14]
Heiser, J., and Tversky, B. (2006). Arrows in comprehending and producing mechanical diagrams. Cognitive Science. 30:581--592.
[15]
Igarashi, T., Moscovich, T., and Hughes, J. (2005). Asrigid-as-possible shape manipulation. ACM Trans. Graph. 24(3):1134--1141.
[16]
Joshi, N., Mehta, S., Drucker, S., Stollnitz, E., Hoppe, H., Uyttendaele, M., and Cohen, M. (2012). Cliplets: juxtaposing still and dynamic imagery. ACM UIST. 251--260.
[17]
Kazi, H., Igarashi, T., Zhao, S., & Davis, R. (2012). Vignette: interactive texture design and manipulation with freeform gestures for pen-and-ink illustration. ACM CHI. 1727--1736.
[18]
Landay, J. and Myers, B. (2001) Sketching Interfaces: Toward More Human Interface Design. IEEE Computer. 34(3):56--64.
[19]
Ma, C., Wei, Y., Lefebvre, S., and Tong, X. (2013) Dynamic Element Textures. ACM SIGGRAPH. Art. 90.
[20]
McCloud, S. (1993). Understanding Comics: The Invisible Art. Tundra Publishing Ltd.
[21]
Moscovich, T. (2001) Animation Sketching: An Approach to Accessible Animation. Brown University.
[22]
Narrain, R., Golas, A., Curtis, S. and Lin, M. (2009). Aggregate dynamics for dense crowd simulation. ACM Trans. Graph. 28(5):122.
[23]
NewTek Lightwave. www.lightwave3d.com.
[24]
Parent, R. (2012). Computer Animation - Algorithms and Techniques (3rd Ed) Chapter 5. Morgan Kaufmann.
[25]
Popovic, J., Seitz, S. and Erdmann M. (2003). Motion Sketching for Control of Rigid-body Simulations. ACM Trans. Graph. 22(4):1034--1054.
[26]
RedGiant. Trapcode Particular. www.redgiant.com/products/all/trapcode-particular/
[27]
Reeves, T. (1983). Particle systems - a technique for modeling a class of fuzzy objects. ACM Trans. Graph. 17(3):359--375.
[28]
Reynolds, C. (1987). Flocks, herds and schools: A distributed behavioral model. ACM Trans. Graph. 21(4):25--34.
[29]
Santosa, S., Chevalier, F., Balakrishnan, R., and Singh, K. (2013). Direct space-time trajectory control for visual media editing. ACM CHI. 1149--1158.
[30]
Sewall, J. Wilkie, D., and Lin, M. (2011). Interactive hybrid simulation of large-scale traffic. ACM Trans. Graph. 30(6) Art. 135.
[31]
Schödl, A., Szeliski, R., Salesin, D., and Essa, I. (2000). Video textures. ACM SIGGRAPH. 489--498.
[32]
Stam, J. (1997). Stochastic dynamics: Simulating the effects of turbulence on flexible structures. Computer Graphics Forum. 16(3):C159--C164.
[33]
Thorne, M., Burke, D., and van de Panne, M. Motion Doodles: An Interface for Sketching Character Motion. ACM Trans. Graph. 23(3):424--431.
[34]
Victor, B. (2012). Inventing on Principles. CUSE.

Cited By

View all

Index Terms

  1. Draco: bringing life to illustrations with kinetic textures

    Recommendations

    Comments

    Information & Contributors

    Information

    Published In

    cover image ACM Conferences
    CHI '14: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems
    April 2014
    4206 pages
    ISBN:9781450324731
    DOI:10.1145/2556288
    Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

    Sponsors

    Publisher

    Association for Computing Machinery

    New York, NY, United States

    Publication History

    Published: 26 April 2014

    Permissions

    Request permissions for this article.

    Check for updates

    Author Tags

    1. animation
    2. direct manipulation
    3. kinetic textures
    4. sketching

    Qualifiers

    • Research-article

    Conference

    CHI '14
    Sponsor:
    CHI '14: CHI Conference on Human Factors in Computing Systems
    April 26 - May 1, 2014
    Ontario, Toronto, Canada

    Acceptance Rates

    CHI '14 Paper Acceptance Rate 465 of 2,043 submissions, 23%;
    Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

    Upcoming Conference

    CHI 2025
    ACM CHI Conference on Human Factors in Computing Systems
    April 26 - May 1, 2025
    Yokohama , Japan

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

    • Downloads (Last 12 months)344
    • Downloads (Last 6 weeks)24
    Reflects downloads up to 20 Jan 2025

    Other Metrics

    Citations

    Cited By

    View all

    View Options

    Login options

    View options

    PDF

    View or Download as a PDF file.

    PDF

    eReader

    View online with eReader.

    eReader

    Media

    Figures

    Other

    Tables

    Share

    Share

    Share this Publication link

    Share on social media