research-article

Storeoboard: Sketching Stereoscopic Storyboards

Authors:

Rorik Henrikson,

Bruno De Araujo,

Fanny Chevalier,

Ravin BalakrishnanAuthors Info & Claims

CHI '16: Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems

Pages 4587 - 4598

https://doi.org/10.1145/2858036.2858079

Published: 07 May 2016 Publication History

Abstract

We present Storeoboard, a system for stereo-cinematic conceptualization, via storyboard sketching directly in stereo. The resurgence of stereoscopic media has motivated filmmakers to evolve a new stereo-cinematic vocabulary, as many principles for stereo 3D film are unique. Concepts like plane separation, parallax position, and depth budgets are missing from early planning due to the 2D nature of existing storyboards. Storeoboard is the first of its kind, allowing filmmakers to explore, experiment and conceptualize ideas in stereo early in the film pipeline, develop new stereo-cinematic constructs and foresee potential difficulties. Storeoboard is the design outcome of interviews and field work with directors, stereographers, and storyboard artists. We present our design guidelines and implementation of a tool combining stereo-sketching, depth manipulations and storyboard features into a coherent and novel workflow. We report on feedback from storyboard artists, industry professionals and the director of a live action, feature film on which Storeoboard was deployed.

Supplementary Material

ZIP File (pn0350-file4.zip)

pn0350-file4.zip

Download
4.43 MB

suppl.mov (pn0350-file3.mp4)

Supplemental video

Download
108.80 MB

MP4 File (p4587-henrikson.mp4)

Download
138.18 MB

References

[1]

Sarah Atkinson. 2011. Stereoscopic-3D storytelling? Rethinking the conventions, grammar and aesthetics of a new medium. Journal of Media Practice 12(2):139--156. http://dx.doi.org/10.1386/jmpr.12.2.139_1

[2]

Maurice Patel. 2009. Whitepaper. The New Art of Virtual Moviemaking. Autodesk.

[3]

Seok-Hyung Bae, Ravin Balakrishnan, and Karan Singh. 2008. ILoveSketch: as-natural-as-possible sketching system for creating 3d curve models. In Proceedings of the ACM symposium on Users software and technology (UIST'08). 151--160. http://dx.doi.org/10.1145/1449715.1449740

Digital Library

[4]

Bruce Block, and Philip McNally. 2013. 3D Storytelling: How Stereoscopic 3D Works and How to Use It. Focal Press.

[5]

Nora Broy, Stefan Schneegass, Florian Alt, and Albrecht Schmidt,. 2014. FrameBox and MirrorBox: tools and guidelines to support designers in prototyping interfaces for 3D displays. In Proceedings of the SIGCHI conference on Human Factors in Computing Systems (CHI'14). 20372046. http://dx.doi.org/10.1145/2556288.2557183

Digital Library

[6]

Jonathan M. Cohen, John F. Hughes, and Robert C. Zeleznik. 2000. Harold: a world made of drawings. In Proceedings of the 1st international symposium on Nonphotorealistic animation and rendering (NPAR '00). 83--90. http://doi.acm.org/10.1145/340916.340927

Digital Library

[7]

Tomas Dorta, Gokce Kinayoglu, and Michael Hoffmann. 2014. Hyve-3D: a new embodied interface for immersive collaborative 3D sketching. In ACM SIGGRAPH 2014 Studio (SIGGRAPH '14), page 37. http://doi.acm.org/10.1145/2619195.2656325

Digital Library

[8]

Julie Dorsey, Songhua Xu, Gabe Smedresman, Holly Rushmeier, and Leonard McMillan. 2007. The Mental Canvas: A Tool for Conceptual Architectural Design and Analysis. In Proceedings of the 15th Pacific Conference on Computer Graphics and Applications (PG '07). 201--210. http://dx.doi.org/10.1109/PG.2007.62

Digital Library

[9]

Song-Pei Du, Belen Masia, Shi-Min Hu, and Diego Gutierrez. 2013. A metric of visual comfort for stereoscopic motion. ACM Trans. Graph. 32, 6, Article 222 (November 2013), 9 pages. http://doi.acm.org/10.1145/2508363.2508387

Digital Library

[10]

Yotam Gingold, Takeo Igarashi, and Denis Zorin. 2009. Structured annotations for 2D-to-3D modeling. ACM Trans. Graph. 28, 5, Article 148 (December 2009), 9 pages. http://doi.acm.org/10.1145/1618452.1618494

Digital Library

[11]

Saul Greenberg, Sheelagh Carpendale, and Nicolai Marquardt. 2011. Sketching user experiences: the workbook. Morgan Kaufmann.

Digital Library

[12]

Tovi Grossman, Ravin Balakrishnan, and Karan Singh. 2003. An interface for creating and manipulating curves using a high degree-of-freedom curve input device. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '03). 185--192. http://doi.acm.org/10.1145/642611.642645

Digital Library

[13]

John Hart. 2007. The Art of the Storyboard: A Filmmaker's Introduction (2nd Ed.). Focal Press.

Digital Library

[14]

Ken Hinckley, Michel Pahud, Hrvoje Benko, Pourang Irani, François Guimbretière, Marcel Gavriliu, Xiang 'Anthony' Chen, Fabrice Matulic, William Buxton, and Andrew Wilson. 2014. Sensing techniques for tablet+stylus interaction. In Proceedings of the 27th annual ACM symposium on User interface software and technology (UIST '14). 605--614. http://doi.acm.org/10.1145/2642918.2647379

Digital Library

[15]

Ken Hinckley, Koji Yatani, Michel Pahud, Nicole Coddington, Jenny Rodenhouse, Andy Wilson, Hrvoje Benko, and Bill Buxton. 2010. Pen + touch = new tools. In Proceedings of the 23nd annual ACM symposium on User interface software and technology (UIST '10). 2736. http://doi.acm.org/10.1145/1866029.1866036

Digital Library

[16]

How to Create 3D Anaglyph Images in Photoshop. Retrieved September 2, 2015. http://designinstruct.com/photography/3d-anaglyphphotoshop/

[17]

How to Create Anaglyph 3D Images That Really Work! Retrieved Sept. 2, 2015. http://blog.spoongraphics.co.uk/tutorials/how-to-createanaglyph-3d-images-that-really-work

[18]

How to Create Anaglyph Stereo Image Using Adobe Illustrator and Phantasm CS. Retrieved September 2, 2015. http://astutegraphics.com/blog/how-to-create-anaglyphstereo-image-using-adobe-illustrator-and-phantasm-cs/

[19]

How to Create an Anaglyphic Text Effect in Adobe Illustrator - Tuts+ Design & Illustration Tutorial. Retrieved September 2, 2015 from http://design.tutsplus.com/tutorials/how-to-create-ananaglyphic-text-effect-in-adobe-illustrator--vector-18526

[20]

Takeo Igarashi, Satoshi Matsuoka, and Hidehiko Tanaka. 1999. Teddy: a sketching interface for 3D freeform design. In Proceedings of the 26th annual conference on Computer graphics and interactive techniques (SIGGRAPH '99). 409--416. http://dx.doi.org/10.1145/311535.311602

Digital Library

[21]

Kiia Kallio. 2005. 3D6B Editor: Projective 3D sketching with line-based rendering. In Eurographics Workshop on Sketch-Based Interfaces and Modeling. 1--7.

[22]

Steve Katz. 1991. Film directing shot by shot: visualizing from concept to screen. Focal Press

[23]

Daniel F. Keefe, Robert C. Zeleznick, and David H. Laidlaw. 2007. Drawing on air: input techniques for controlled 3D line illustration. IEEE Trans. Vis. Comp. Graph. 13, 5: 1067.

Digital Library

[24]

Yongjin Kim, Yunjin Lee, Henry Kang, and Seungyong Lee. 2013. Stereoscopic 3D line drawing. ACM Trans. Graph. 32, 4, Article 57 (July 2013), 13 pages. http://doi.acm.org/10.1145/2461912.2462001

Digital Library

[25]

Yongjin Kim, Holger Winnemöller, and Seungyong Lee. 2013. WYSIWYG stereo painting. In Proceedings of the ACM SIGGRAPH Symposium on Interactive 3D Graphics and Games (I3D '13), 169--176. http://doi.acm.org/10.1145/2448196.2448223

Digital Library

[26]

Paul Lapides, Ehud Sharlin, Mario Costa Sousa, and Lisa Streit. 2006. The 3D Tractus: A Three-Dimensional Drawing Board. In Proceedings of the First IEEE International Workshop on Horizontal Interactive HumanComputer Systems (TABLETOP '06). 169--176. http://dx.doi.org/10.1109/TABLETOP.2006.33

Digital Library

[27]

Yunjin Lee, Yongjin Kim, Henry Kang, and Seungyong Lee. 2013. Binocular depth perception of stereoscopic 3D line drawings. In Proceedings of the ACM Symposium on Applied Perception (SAP '13). 31--34. http://doi.acm.org/10.1145/2492494.2492513

Digital Library

[28]

Lenny Lipton. 1982. Foundations of the Stereoscopic Cinema: A Study in Depth. Van Nostrand Reinhold Inc.

[29]

Chun-Wei Liu, Tz-Huan Huang, Ming-Hsu Chang, KenYi Lee, Chia-Kai Liang, and Yung-Yu Chuang. 2011. 3D cinematography principles and their applications to stereoscopic media processing. In Proceedings of the 19th ACM international conference on Multimedia (MM '11). 253--262. http://doi.acm.org/10.1145/2072298.2072332

Digital Library

[30]

Xueting Liu, Xiangyu Mao, Xuan Yang, Linling Zhang, and Tien-Tsin Wong. 2013. Stereoscopizing cel animations. ACM Trans. Graph. 32, 6, Article 223 (November 2013), 10 pages. http://doi.acm.org/10.1145/2508363.2508396

Digital Library

[31]

Wan-Yen Lo, Jeroen van Baar, Claude Knaus, Matthias Zwicker, and Markus Gross. 2010. Stereoscopic 3D copy & paste. In ACM SIGGRAPH Asia 2010 papers (SIGGRAPH ASIA '10). Article 147, 10 pages. http://doi.acm.org/10.1145/1866158.1866173

Digital Library

[32]

Making Anaglyph Images in Adobe Photoshop. Retrieved September 2, 2015. http://www.scec.org/geowall/makeanaglyph.html

[33]

Bernard Mendiburu. 2009. 3D Movie Making: Stereoscopic Digital Cinema from Script to Screen. Focal Press.

[34]

Bernard Mendiburu. 2011. 3D TV and 3D Cinema: tools and processes for creative stereoscopy. Focal Press.

Digital Library

[35]

Luke Olsen, Faramarz F. Samavati, Mario Costa Sousa, and Joaquim A. Jorge. 2009. Sketch-based modeling: A survey. Computers & Graphics, 33(1), 85--103. http://dx.doi.org/10.1016/j.cag.2008.09.013

Digital Library

[36]

Marcy Page (Producer) and Munro Ferguson (Director). Animation. 2003. Falling in Love Again (3D). Canada. National Film Board.

[37]

Adrian Pennington and Carolyn Giardina. 2012. Exploring 3D: The New Grammar of Stereoscopic Filmmaking. Focal Press.

[38]

Daniel J. Rea, Takeo Igarashi, and James E. Young. 2014. PaintBoard: prototyping interactive character behaviors by digitally painting storyboards. In Proceedings of the second international conference on Humanagent interaction (HAI '14). 315--322. http://doi.acm.org/10.1145/2658861.2658886

Digital Library

[39]

Alec Rivers, Takeo Igarashi, and Frédo Durand. 2010. 2.5D cartoon models. In ACM SIGGRAPH 2010 papers (SIGGRAPH '10), Article 59, 7 pages. http://doi.acm.org/10.1145/1833349.1778796

Digital Library

[40]

Barbara Robertson. 2008. Rethinking Moviemaking. Computer Graphics World 31(11).

[41]

SANDDE. 2015. Retrieved September 2, 2015 from http://www.sandde.com

[42]

Ryan Schmidt, Azam Khan, Karan Singh, and Gord Kurtenbach. 2009. Analytic drawing of 3D scaffolds. ACM Trans. Graph. 28, 5, Article 149 (December 2009), 10 pages. http://doi.acm.org/10.1145/1618452.1618495

Digital Library

[43]

Ivan E. Sutherland. 1963. Sketchpad: a man-machine graphical communication system. In Proceedings of the May 21--23, 1963, spring joint computer conference (AFIPS '63 (Spring)). 329--346. http://doi.acm.org/10.1145/1461551.1461591

Digital Library

[44]

Osama Tolba, Julie Dorsey, and Leonard McMillan. 1999. Sketching with projective 2D strokes. In Proceedings of the 12th annual ACM symposium on User interface software and technology (UIST '99). 149--157. http://doi.acm.org/10.1145/320719.322596

Digital Library

[45]

Min Xin, Ehud Sharlin, and Mario Costa Sousa. 2008. Napkin sketch: handheld mixed reality 3D sketching. In Proceedings of the 2008 ACM symposium on Virtual reality software and technology (VRST '08). 223--226. http://doi.acm.org/10.1145/1450579.1450627

Digital Library

[46]

Baoxuan Xu, William Chang, Alla Sheffer, Adrien Bousseau, James McCrae, and Karan Singh. 2014. True2Form: 3D curve networks from 2D sketches via selective regularization. ACM Trans. Graph. 33, 4, Article 131 (July 2014), 13 pages. http://doi.acm.org/10.1145/2601097.2601128

Digital Library

[47]

Ray Zone. 2007. Stereoscopic cinema & the origins of 3D film. The University Press of Kentucky.

[48]

Susan Zwerman and Jeffrey A. Okun. 2014. The VES Handbook of Visual Effects: Industry Standard VFX Practices and Procedures, Focal Press.

Cited By

Yu EChevalier FSingh KBousseau A(2024)3D-Layers: Bringing Layer-Based Color Editing to VR PaintingACM Transactions on Graphics10.1145/365818343:4(1-15)Online publication date: 19-Jul-2024
https://dl.acm.org/doi/10.1145/3658183
Zhou TYang JChan VChung JHuang J(2024)PortalInk: 2.5D Visual Storytelling with SVG Parallax and Waypoint TransitionsProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676376(1-16)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676376
Wang SMenon SLong THenderson KLi DCrowston KHansen MNickerson JChilton L(2024)ReelFramer: Human-AI Co-Creation for News-to-Video TranslationProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642868(1-20)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642868
Show More Cited By

Index Terms

Storeoboard: Sketching Stereoscopic Storyboards
1. Human-centered computing
  1. Human computer interaction (HCI)

Recommendations

Multi-Device Storyboards for Cinematic Narratives in VR
UIST '16: Proceedings of the 29th Annual Symposium on User Interface Software and Technology

Virtual Reality (VR) narratives have the unprecedented potential to connect with an audience through presence, placing viewers within the narrative. The onset of consumer VR has resulted in an explosion of interest in immersive storytelling. Planning ...
3D Hair sketching for real-time dynamic & key frame animations

Physically based simulation of human hair is a well studied and well known problem. But the “pure” physically based representation of hair (and other animation elements) is not the only concern of the animators, who want to “control” the creation and ...
CollageVis: Rapid Previsualization Tool for Indie Filmmaking using Video Collages
CHI '24: Proceedings of the 2024 CHI Conference on Human Factors in Computing Systems

Previsualization, previs, is essential for film production, allowing cinematographic experiments and effective collaboration. However, traditional previs methods like 2D storyboarding and 3D animation require substantial time, cost, and technical ...

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences

CHI '16: Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems

May 2016

6108 pages

ISBN:9781450333627

DOI:10.1145/2858036

General Chairs:
Jofish Kaye
Yahoo
,
Allison Druin
University of Maryland / National Park Service
,
Program Chairs:
Cliff Lampe
University of Michigan
,
Dan Morris
Microsoft
,
Juan Pablo Hourcade
University of Iowa

Copyright © 2016 ACM.

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

SIGCHI: ACM Special Interest Group on Computer-Human Interaction

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 07 May 2016

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

CHI'16

Sponsor:

SIGCHI

CHI'16: CHI Conference on Human Factors in Computing Systems

May 7 - 12, 2016

California, San Jose, USA

Acceptance Rates

CHI '16 Paper Acceptance Rate 565 of 2,435 submissions, 23%;

Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

Upcoming Conference

CHI 2025

Sponsor:
sigchi

ACM CHI Conference on Human Factors in Computing Systems

April 26 - May 1, 2025

Yokohama , Japan

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

21
Total Citations
View Citations
606
Total Downloads

Downloads (Last 12 months)43
Downloads (Last 6 weeks)3

Reflects downloads up to 10 Feb 2025

Other Metrics

View Author Metrics

Citations

Cited By

Yu EChevalier FSingh KBousseau A(2024)3D-Layers: Bringing Layer-Based Color Editing to VR PaintingACM Transactions on Graphics10.1145/365818343:4(1-15)Online publication date: 19-Jul-2024
https://dl.acm.org/doi/10.1145/3658183
Zhou TYang JChan VChung JHuang J(2024)PortalInk: 2.5D Visual Storytelling with SVG Parallax and Waypoint TransitionsProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676376(1-16)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676376
Wang SMenon SLong THenderson KLi DCrowston KHansen MNickerson JChilton L(2024)ReelFramer: Human-AI Co-Creation for News-to-Video TranslationProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642868(1-20)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642868
Kato JHara KHirasawa N(2024)Griffith: A Storyboarding Tool Designed with Japanese Animation ProfessionalsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642121(1-14)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642121
Tan XHe ZLiu CFan MLuo TLiu ZTian MHan TTian F(2024)WieldingCanvas: Interactive Sketch Canvases for Freehand Drawing in VRProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642047(1-16)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642047
Rusu ARusu A(2024)Script-to-Storyboard-to-Story Reel Framework2024 28th International Conference Information Visualisation (IV)10.1109/IV64223.2024.00067(350-355)Online publication date: 22-Jul-2024
https://doi.org/10.1109/IV64223.2024.00067
Cai JCheng BHe YXiao ZZhang JYang X(2024)Pop-up World: Synthesis of 2.5D Models Based on Monocular Images2024 10th International Conference on Virtual Reality (ICVR)10.1109/ICVR62393.2024.10868054(255-261)Online publication date: 24-Jul-2024
https://doi.org/10.1109/ICVR62393.2024.10868054
Gong QWang ZChen YZou N(2024)‘Rhetoric’ in the design process: The role of prop-based virtual reality storytelling in user-centred product conceptual designThe Design Journal10.1080/14606925.2024.236030327:6(1142-1164)Online publication date: 4-Jun-2024
https://doi.org/10.1080/14606925.2024.2360303
Liu XWerder KMaedche ASun L(2023)Situational selections of design methods for digital innovation processesInternational Journal of Innovation Science10.1108/IJIS-02-2023-0046Online publication date: 14-Dec-2023
https://doi.org/10.1108/IJIS-02-2023-0046
Lao CXia HWigdor DChevalier F(2021)Attribute Spaces: Supporting Design Space Exploration in Virtual RealityProceedings of the 2021 ACM Symposium on Spatial User Interaction10.1145/3485279.3485290(1-11)Online publication date: 9-Nov-2021
https://dl.acm.org/doi/10.1145/3485279.3485290
Show More Cited By

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Figures

Tables

Media

View Table of Conten