A Stained Glass Image Filter David Mould University of Saskatchewan.

30
A Stained Glass Image A Stained Glass Image Filter Filter David Mould David Mould University of University of Saskatchewan Saskatchewan

Transcript of A Stained Glass Image Filter David Mould University of Saskatchewan.

Page 1: A Stained Glass Image Filter David Mould University of Saskatchewan.

A Stained Glass Image FilterA Stained Glass Image Filter

David MouldDavid Mould

University of SaskatchewanUniversity of Saskatchewan

Page 2: A Stained Glass Image Filter David Mould University of Saskatchewan.
Page 3: A Stained Glass Image Filter David Mould University of Saskatchewan.
Page 4: A Stained Glass Image Filter David Mould University of Saskatchewan.

Stained Glass FilterStained Glass Filter

Goal: transform any Goal: transform any image into stained-image into stained-glass imageglass image

?

Page 5: A Stained Glass Image Filter David Mould University of Saskatchewan.

Stained GlassStained Glass

““Cartoon” – planned Cartoon” – planned tile layouttile layout

Leading emphasizes Leading emphasizes image edgesimage edges

Tiles have simple Tiles have simple shapesshapes

Few colors usedFew colors used

Page 6: A Stained Glass Image Filter David Mould University of Saskatchewan.

Voronoi regionsVoronoi regions

Mosaics; Photoshop filterMosaics; Photoshop filter

Page 7: A Stained Glass Image Filter David Mould University of Saskatchewan.

Stained Glass TilesStained Glass Tiles

Tile boundaries match Tile boundaries match image edgesimage edges

No large tilesNo large tiles

No small tilesNo small tiles

No “weird” tilesNo “weird” tiles

Page 8: A Stained Glass Image Filter David Mould University of Saskatchewan.

Stained Glass Tiles (2)Stained Glass Tiles (2)

Tiles should be Tiles should be “approximately “approximately convex” – no convex” – no bottlenecksbottlenecks

No “island” tilesNo “island” tiles

Page 9: A Stained Glass Image Filter David Mould University of Saskatchewan.

SegmentationSegmentation

Page 10: A Stained Glass Image Filter David Mould University of Saskatchewan.

ErosionErosion

DilationDilation

Morphological OperatorsMorphological Operators

Page 11: A Stained Glass Image Filter David Mould University of Saskatchewan.

Region SmoothingRegion Smoothing

Page 12: A Stained Glass Image Filter David Mould University of Saskatchewan.

Region SmoothingRegion Smoothing

Page 13: A Stained Glass Image Filter David Mould University of Saskatchewan.

Tile RepairTile Repair

Bottlenecks detected by progressive erosion.Bottlenecks detected by progressive erosion.

Disconnected components are relabeled and Disconnected components are relabeled and simultaneously dilated into the parent region.simultaneously dilated into the parent region.

Similar approach used to subdivide big tiles.Similar approach used to subdivide big tiles.

Page 14: A Stained Glass Image Filter David Mould University of Saskatchewan.

Completed CartoonCompleted Cartoon

Page 15: A Stained Glass Image Filter David Mould University of Saskatchewan.

Completed CartoonCompleted Cartoon

Bottlenecks splitLarge regions split

Page 16: A Stained Glass Image Filter David Mould University of Saskatchewan.

BackgroundsBackgrounds

Page 17: A Stained Glass Image Filter David Mould University of Saskatchewan.

BackgroundsBackgrounds

Page 18: A Stained Glass Image Filter David Mould University of Saskatchewan.

Choosing ColorsChoosing Colors

Medieval palette highly restrictedMedieval palette highly restricted

Want colors near the image colors, but –Want colors near the image colors, but –

brightbright

high contrasthigh contrast

from limited palettefrom limited palette

Page 19: A Stained Glass Image Filter David Mould University of Saskatchewan.

Heraldic TincturesHeraldic Tinctures

Medieval colorsetMedieval colorset

Corresponds closely to colors available in Corresponds closely to colors available in glassglass

Designed to be vivid and high-contrastDesigned to be vivid and high-contrast

Page 20: A Stained Glass Image Filter David Mould University of Saskatchewan.

Heraldic TincturesHeraldic Tinctures

Page 21: A Stained Glass Image Filter David Mould University of Saskatchewan.

Stained Glass FilterStained Glass Filter

SegmentationSegmentation

Region smoothingRegion smoothing

Removal of small tilesRemoval of small tiles

Subdivision of strange-shaped tilesSubdivision of strange-shaped tiles

Subdivision of large tilesSubdivision of large tiles

Tile coloringTile coloring

RenderingRendering

Page 22: A Stained Glass Image Filter David Mould University of Saskatchewan.

Color SelectionColor Selection

Choose heraldic color nearest the original Choose heraldic color nearest the original colorcolor

Map sable to off-white (clear glass)Map sable to off-white (clear glass)

Page 23: A Stained Glass Image Filter David Mould University of Saskatchewan.

Rendered ImagesRendered Images

Page 24: A Stained Glass Image Filter David Mould University of Saskatchewan.
Page 25: A Stained Glass Image Filter David Mould University of Saskatchewan.
Page 26: A Stained Glass Image Filter David Mould University of Saskatchewan.
Page 27: A Stained Glass Image Filter David Mould University of Saskatchewan.
Page 28: A Stained Glass Image Filter David Mould University of Saskatchewan.

Future WorkFuture Work

painting glasspainting glass

glass defects – scarring, chipping – as glass defects – scarring, chipping – as additional channel to match initial imageadditional channel to match initial image

later technology: flashing, etchinglater technology: flashing, etching

Page 29: A Stained Glass Image Filter David Mould University of Saskatchewan.
Page 30: A Stained Glass Image Filter David Mould University of Saskatchewan.

Questions?Questions?