APPLYING COLOR THEORY TO CREATING A PREFECT STORM...

13
Visualization based on a Hurricane Katrina model run at 2 kilometer grid resolution using the Weather Research Forecast (WRF) model. The animation shows rain isosurfaces, with the purple areas being locations of heaviest rainfall. Dark blue areas are land masses. APPLYING COLOR THEORY TO CREATING A PREFECT STORM ANIMATION [email protected] 1

Transcript of APPLYING COLOR THEORY TO CREATING A PREFECT STORM...

Page 1: APPLYING COLOR THEORY TO CREATING A PREFECT STORM …media.siggraph.org/education/cgsource/color/... · • From the Mock-Up develop the Final Color Maps with the visualization &

Visualization based on a Hurricane Katrina model run at 2 kilometer grid resolution using the Weather Research Forecast (WRF) model. The animation shows rain isosurfaces, with the purple areas being locations of heaviest rainfall. Dark blue areas are land masses.

APPLYING COLOR THEORY TO CREATING A PREFECT STORM ANIMATION

[email protected]

Page 2: APPLYING COLOR THEORY TO CREATING A PREFECT STORM …media.siggraph.org/education/cgsource/color/... · • From the Mock-Up develop the Final Color Maps with the visualization &

• Applying Color Theory to a time series animation of Hurricane Katrina.

• Using Adobe’s Kuler tool to analyze an existing Color Scheme.

• Working with the Color Brewer tool to build the Tropical Storm Animation Color Scheme.

HERE, WE HIGHLIGHT 3 TOPICS:

[email protected]

Page 3: APPLYING COLOR THEORY TO CREATING A PREFECT STORM …media.siggraph.org/education/cgsource/color/... · • From the Mock-Up develop the Final Color Maps with the visualization &

Adobe’s Kuler tool allows us to analyze the colors in a JPEG image. We can save the resulting color palettes for future work. See: http://kuler.adobe.com/.

FIRST, LET’S USE ADOBE’S KULER TOOL TO ANALYZE THE COLORS IN OUR HURRICANE VISUALIZATION:

[email protected]

Page 4: APPLYING COLOR THEORY TO CREATING A PREFECT STORM …media.siggraph.org/education/cgsource/color/... · • From the Mock-Up develop the Final Color Maps with the visualization &

4

WITH ADOBE’S KULER TOOL, WE OBTAIN COLOR VALUES AND POSSIBLE COLOR RELATIONSHIPS:

ComplementaryAnalogous

[email protected]

Note: Color Space Parameters

Page 5: APPLYING COLOR THEORY TO CREATING A PREFECT STORM …media.siggraph.org/education/cgsource/color/... · • From the Mock-Up develop the Final Color Maps with the visualization &

• Establish Color Maps based on flow of Animation Sequences rather than Static Image Displays.

• ColorBrewer tool helps to Mock-Up Color Maps.

• From the Mock-Up develop the Final Color Maps with the visualization & animation tool (VisIt).

KEY ELEMENTS OF COLOR MAP DESIGN :

[email protected]

Page 6: APPLYING COLOR THEORY TO CREATING A PREFECT STORM …media.siggraph.org/education/cgsource/color/... · • From the Mock-Up develop the Final Color Maps with the visualization &

The ColorBrewer tool was conceptualized with color schemes by Cynthia A. Brewer with interface designs by Mark Harrower and software development by Andy Woodruff and Davie Heyman, Department of Geography at Pennsylvania State University).

See: (http://colorbrewer2.org).

USING THE COLORBREWER TOOL TO DEVELOP COLORMAPS:

[email protected]

6

Note: Color Vision Deficiency Parameters

Page 7: APPLYING COLOR THEORY TO CREATING A PREFECT STORM …media.siggraph.org/education/cgsource/color/... · • From the Mock-Up develop the Final Color Maps with the visualization &

Visualization programming by Steve Chall with Colorization executed by Theresa-Marie Rhyne at RENCI@NCSU. Created in the VisIt open source visualization tool from weather model data based on Hurricane Katrina, see: (http:www.llnl.gov/VisIt).

FRAME FROM ANIMATION SEQUENCE SHOWING COLOR MAPS:

[email protected]

Page 8: APPLYING COLOR THEORY TO CREATING A PREFECT STORM …media.siggraph.org/education/cgsource/color/... · • From the Mock-Up develop the Final Color Maps with the visualization &

Using Color Scheme Designer, we see that our hurricane colors form an analogous color scheme of Magenta, Purple and Blue. Our wind vectors, in Orange, from a complementary color scheme to our Blue ocean background.

A COLOR SCHEME ANALYSIS OF OUR HURRICANE

[email protected]

Page 9: APPLYING COLOR THEORY TO CREATING A PREFECT STORM …media.siggraph.org/education/cgsource/color/... · • From the Mock-Up develop the Final Color Maps with the visualization &

Time series based on Hurricane Katrina model run at a 2 kilometer grid resolution using the Weather Research Forecast (WRF) model. The animation shows rain isosurfaces, with the purple areas being locations of heaviest rainfall. Dark blue

areas are land masses.

SNAPSHOT OF ANIMATION SEQUENCE EVOLVING IN A NON-LINEAR EDITING SYSTEM:

[email protected]

Page 10: APPLYING COLOR THEORY TO CREATING A PREFECT STORM …media.siggraph.org/education/cgsource/color/... · • From the Mock-Up develop the Final Color Maps with the visualization &

• To make this movie, we added some titles, music, voice over and more.

• Due to its level of detail, the animation looks best as an HD Quicktime movie.

• The sequence won an OASCR at the annual meeting of the U.S. Department of Energy’s Scientific Discovery through Advanced Computing (SciDAC 2008) conference held in Seattle, Washington (USA) from July 13 – 17, 2008.

NOW, LET’S SEE THE MOVIE :

[email protected]

Page 12: APPLYING COLOR THEORY TO CREATING A PREFECT STORM …media.siggraph.org/education/cgsource/color/... · • From the Mock-Up develop the Final Color Maps with the visualization &

• A 2011 article exploring our approach to colorizing HurricaneData “Exploring Visualization Theory”, IEEE Computer Graphics and Applications Magazine, Vol. 31, Issue 3, pages 6-7, 2011

(http://www.computer.org/csdl/mags/cg/2011/03/mcg2011030006.html)

• My “recently published” Book Chapter: (http://theresamarierhyne.com/Theresa-Marie_Rhynes_Viewpoint/

Color_Theory_Book_Chapter.html)

WHERE TO FIND MORE DETAILS:

[email protected]

12

Page 13: APPLYING COLOR THEORY TO CREATING A PREFECT STORM …media.siggraph.org/education/cgsource/color/... · • From the Mock-Up develop the Final Color Maps with the visualization &

• Thanks to many colleagues in visualization & digital media who have helped me learn so very much over many years.

• with much gratitude & appreciation...Theresa-Marie Rhyne

ACKNOWLEDGEMENTS:

[email protected]

13