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

Upload: blaine-dial

Post on 29-Mar-2015

216 views

Category:

Documents


0 download

TRANSCRIPT

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?