an interactive tool for gamut masking · original image images courtesy of james gurney 2. 3 image...
TRANSCRIPT
![Page 1: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/1.jpg)
An Interactive Tool for Gamut
Masking
Ying Song Cheryl Lau Sabine Süsstrunk
École Polytechnique Fédérale de Lausanne (EPFL)
![Page 2: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/2.jpg)
Warm Version
Cool Version
Original Image
Images courtesy of James Gurney
2
![Page 3: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/3.jpg)
3
Image courtesy of Jerry Ferguson
Warm Version Cool VersionOriginal Image
Warm Version Cool VersionOriginal Image
![Page 4: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/4.jpg)
Richard Robinson’s online tool
4
Painter’s Gamut Mask Tool
![Page 5: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/5.jpg)
Mask Panel Image Panel
Gamut Panel
5
Image of birds courtesy of Kodak
Our Tool
![Page 6: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/6.jpg)
Related Work
• Interactive gamut visualization and gamut mapping tools: [Farup et al. 2000], [Stone et al. 1988], [Kalra 1994]
6
• Richard Robinson’s online gamut masking tool: Masks are intended to be printed and used as a reference when painting
• Commercial software: Adobe Photoshop, Adobe Lightroom, Adobe Speed Grade and FilmLight Baselight
• Cluster-based gamut mapping [Lau et al. 2011]
![Page 7: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/7.jpg)
Method Overview
Input image Clusters
2D mask 3D gamut
User
interaction
Output
move
cluster
change
mask
Image courtesy of Moyan Brenn
7
L*
u*
L*
u*v*
v*
Gamut
mapped
image
![Page 8: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/8.jpg)
8
Gamut Creation
2D mask 3D gamut
L*
u*v*
![Page 9: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/9.jpg)
Intersect with sRGB
Gamut mask (L*u*v*) 3D voxel grid
Gamut boundary
9
Gamut Creation
![Page 10: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/10.jpg)
10
Image Processing
Input image Clusters
![Page 11: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/11.jpg)
• Cluster using K-Means in color and space.
Original image
Clustered image
3D clusters
Image Processing11
• Similar to [Lau et al. 2011]
L*
u*v*
![Page 12: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/12.jpg)
12
Gamut Mapping
gamut mapped image
user
interaction
output
move
cluster
change
mask
![Page 13: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/13.jpg)
r
13
Gamut Mapping
Gamut Boundary Distance Field Level-set r
ClustersOutput
Image
L*
u*
v*
L*
find the closest
point in level-
set
L*
u*
v*
u*
v*
![Page 14: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/14.jpg)
User Interactions14
L*
u*
v*
L*
u*
v*
![Page 15: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/15.jpg)
• Same as [Lau et al.]
Image before blending Image after blending
Vi
iqiq dwduMu
wi
T
i
qi)(
1
15
Blending
![Page 16: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/16.jpg)
16
Original images courtesy of Pablo Romeo
Results
![Page 17: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/17.jpg)
17
Original images courtesy of Nicholas A. Tonelli
Results
![Page 18: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/18.jpg)
18
Original images courtesy of Malik Ml Williams
Results
![Page 19: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/19.jpg)
19
Original images courtesy of Flickr user MacDonald
Results
Original Image Yellow Door Orange Door Green Door
![Page 20: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/20.jpg)
20
Original images courtesy of Flickr user colorblindPICASO
Results
Original Image Greenish Tint Image
Bluish Tint Image
![Page 21: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/21.jpg)
21
Conclusion
Interactive Gamut Masking Tool Arbitrary gamut shapes
Support local color changes
![Page 22: An Interactive Tool for Gamut Masking · Original Image Images courtesy of James Gurney 2. 3 Image courtesy of Jerry Ferguson ... •Richard Robinson’s online gamut masking tool:](https://reader033.vdocuments.site/reader033/viewer/2022051814/60353d63d5f2b25c4e46c33b/html5/thumbnails/22.jpg)
22
Thank you
More information: http://ivrg.epfl.ch/research/gamut_masking