Depicting stylized materials with vector shade trees

Abstract

Vector graphics represent images with compact, editable and scalable primitives. Skillful vector artists employ these primitives to produce vivid depictions of material appearance and lighting. However, such stylized imagery often requires building complex multi-layered combinations of colored fills and gradient meshes. We facilitate this task by introducing vector shade trees that bring to vector graphics the flexibility of modular shading representations as known in the 3D rendering community. In contrast to traditional shade trees that combine pixel and vertex shaders, our shade nodes encapsulate the creation and blending of vector primitives that vector artists routinely use. We propose a set of basic shade nodes that we design to respect the traditional guidelines on material depiction described in drawing books and tutorials. We integrate our representation as an Adobe Illustrator plug-in that allows even inexperienced users to take a line drawing, apply a few clicks and obtain a fully colored illustration. More experienced artists can easily refine the illustration, adding more details and visual features, while using all the vector drawing tools they are already familiar with. We demonstrate the power of our representation by quickly generating illustrations of complex objects and materials.

References

1. Anjyo, K., and Hiramitsu, K. 2003. Stylized highlights for cartoon rendering and animation. IEEE Computer Graphics and Applications 23, 4 (July), 54--61.
2. Barla, P., Thollot, J., and Markosian, L. 2006. X-toon: an extended toon shader. In Proc. Symp. on Non-Photorealistic Animation and Rendering (NPAR), ACM, New York, NY, USA.
3. Bezerra, H., Eisemann, E., DeCarlo, D., and Thollot, J. 2010. Diffusion constraints for vector graphics. In Proc. Symp. on Non-Photorealistic Animation and Rendering (NPAR).
4. Bousseau, A., Chapoulie, E., Ramamoorthi, R., and Agrawala, M. 2011. Optimizing environment maps for material depiction. Computer Graphics Forum (Proc. of EGSR) 30, 4 (07).
5. Boyé, S., Barla, P., and Guennebaud, G. 2012. A vectorial solver for free-form vector gradients. ACM Transactions on Graphics (Proc. SIGGRAPH Asia) 31, 6 (Nov.), 173:1--173:9.
6. Cook, R. L. 1984. Shade trees. SIGGRAPH '84 18, 3, 223--231.
7. Curtis, C. J., Anderson, S. E., Seims, J. E., Fleischer, K. W., and Salesin, D. H. 1997. Computer-generated watercolor. SIGGRAPH '97, 421--430.
8. Doyle, M. 2006. Color Drawing: Design Drawing Skills and Techniques for Architects, Landscape Architects, and Interior Designers. Wiley.
9. Eisemann, E., Winnemöller, H., Hart, J. C., and Salesin, D. 2008. Stylized vector art from 3d models with region support. Computer Graphics Forum (Proc. of EGSR) 27, 4 (June).
10. Eissen, K., and Steur, R. 2008. Sketching (5th Printing): Drawing Techniques for Product Designers. Art and Design Series. Bis.
11. Eissen, K., and Steur, R. 2011. Sketching: The Basics. Bis.
12. Finch, M., Snyder, J., and Hoppe, H. 2011. Freeform vector graphics with controlled thin-plate splines. ACM Transactions on Graphics (Proc. SIGGRAPH Asia) 30, 6 (Dec.).
13. Gooch, A., Gooch, B., Shirley, P., and Cohen, E. 1998. A non-photorealistic lighting model for automatic technical illustration. SIGGRAPH '98, 447--452.
14. Grabli, S., Turquin, E., Durand, F., and Sillion, F. X. 2010. Programmable rendering of line drawing from 3d scenes. ACM Transactions on Graphics 29, 2, 18:1--18:20.
15. Hertzmann, A. 1998. Painterly rendering with curved brush strokes of multiple sizes. SIGGRAPH '98, 453--460.
16. Johnston, S. F. 2002. Lumo: illumination for cel animation. In Proc. Symp. on Non-Photorealistic Animation and Rendering.
17. Kim, Y., Yu, J., Yu, X., and Lee, S. 2008. Line-art illustration of dynamic and specular surfaces. ACM Transactions on Graphics (Proc. SIGGRAPH Asia) 27, 5 (Dec.).
18. Lai, Y.-K., Hu, S.-M., and Martin, R. R. 2009. Automatic and topology-preserving gradient mesh generation for image vectorization. ACM Transactions on Graphics (Proc. SIGGRAPH).
19. Liao, Z., Hoppe, H., Forsyth, D., and Yu, Y. 2012. A subdivision-based representation for vector image editing. IEEE Trans. on Visualization and Computer Graphics 18, 11.
20. Martin, J. 1989. Rendering Highlights. Airbrush Artist's Library. North Light Books.
21. Martin, J. 1989. Rendering Metals. Airbrush Artist's Library. North Light Books.
22. Martin, J. 1989. Rendering Transparency. Airbrush Artist's Library. North Light Books.
23. McGarry, R., and Madsen, G. 1992. Marker Magic: The Rendering Problem Solver for Designers. John Wiley & Sons.
24. Orzan, A., Bousseau, A., Winnemöller, H., Barla, P., Thollot, J., and Salesin, D. 2008. Diffusion curves: A vector representation for smooth-shaded images. ACM Transactions on Graphics (Proc. SIGGRAPH) 27.
25. Powell, D. 1986. Design rendering techniques: a guide to drawing and presenting design ideas. North Light.
26. Robertson, S. 2003. How to Draw Cars the Hot Wheels Way. MBI.
27. Sloan, P.-P. J., Martin, W., Gooch, A., and Gooch, B. 2001. The lit sphere: a model for capturing npr shading from art. In Graphics Interface, Canadian Information Processing Society, Toronto, Ont., Canada, Canada, 143--150.
28. Sun, J., Liang, L., Wen, F., and Shum, H.-Y. 2007. Image vectorization using optimized gradient meshes. ACM Transactions on Graphics (Proc. SIGGRAPH) 26, 3 (July).
29. Winkenbach, G., and Salesin, D. H. 1994. Computer-generated pen-and-ink illustration. SIGGRAPH '94, 91--100.

Index Terms

• Computing methodologies

  • Computer graphics

    • Graphics systems and interfaces

      • Graphics file formats