Top Banner
An Interactive Tool for Gamut Masking Ying Song Cheryl Lau Sabine Süsstrunk École Polytechnique Fédérale de Lausanne (EPFL)
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:

Oct 07, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

• 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:

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:

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:

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:

• 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:

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:

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:

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:

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:

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:

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:

22

Thank you

More information: http://ivrg.epfl.ch/research/gamut_masking