Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D...

16
Kyle Xu 10/16/2014 Image Blending

Transcript of Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D...

Page 1: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

Kyle Xu

10/16/2014

Image Blending

Page 2: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...
Page 3: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

•  Simple to Advanced Approaches –  Alpha Blending –  Image Feathering –  Pyramid Blending

•  Applications

•  Envision

Agenda

Page 4: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

The simplest solution - Alpha Blending

Ioverlap = α x Ileft + (1 - α) x Iright

α = .2 α = .4 α = .6 α = .8

Page 5: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

Center Pixels > Edge Pixels

A

At position A:

Pixel from the left Image - Close to the edge - Less contribution to the perception

Page 6: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

Center Pixels > Edge Pixels

A

At position A:

Pixel from the left Image - Close to the edge - Less contribution to the perception

Pixel from the right Image - Far from the edge - More contribution to the perception (Close to the center)

Page 7: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

Using local alphas – Feathering

Ioverlap = αlocal x Ileft + (1 - αlocal) x Iright

Distance Transform

DL1 DL2 DL3

DR1 DR1 DR3

DLk αk = ----------------------- DLk + DRk

Page 8: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

Different Window – Different Result

+

Window 25 Pixel 50 Pixel 200 Pixel

Page 9: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

Smaller Image = Harder to tell differences

2 2 2

Lost details at each step: Laplacian Pyramid

Page 10: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

Lossless Recovery

2Σ 2Σ

Page 11: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

Pyramid Blending – Multi-resolution

Apple Laplacian Pyramid

Orange Laplacian Pyramid

+

+

+

Blend Laplacian Pyramid

+

2

Σ

2

Σ

2

Σ

Page 12: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

Pyramid Blending – Better Result

+

Feathering Pyramid

Page 13: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

Macro & Micro Panoramic

Panoramic Picture of Mars’ Surface

Page 14: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

Conclusion

•  Alpha Blending: Simplest Solution

•  Image Feathering: Good for stitching

•  Pyramid Blending: Good for creating

•  More advanced algorithm: Poisson Blending

Page 15: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

Panoramic Picture of Mars’ Surface

FunPlace!

Page 16: Image Blendingkylexu.net/wp-content/uploads/2016/09/Image-Blending.pdf · Lk α k = ----- D Lk + D Rk Different Window – Different Result + Window 25 Pixel 50 Pixel 200 Pixel ...

1.  Burt,PeterJ.,andEdwardH.Adelson."TheLaplacianpyramidasacompactimagecode."CommunicaAons,IEEETransacAonson31.4(1983):532-540.

2.  hNp://graphics.cs.cmu.edu/courses/15-463/2005_fall/www/Lectures/Pyramids.pdf

3.  hNp://compvisionlab.wordpress.com/2013/05/13/image-blending-using-pyramid/

4.  hNps://www.youtube.com/watch?v=NiGcuurpV5o&feature=plcp

5.  hNps://www.facebook.com/photo.php?\id=10151443406289338&set=a.10150895951034338.524501.776664337&type=1&theater(PhotoshoppedbyZchBielak)

6.  hNp://cs.brown.edu/courses/cs129/results/proj2/baebi/7.  hNp://cs.brown.edu/courses/cs129/results/proj2/marroz/

8.  AirandSpaceMuseuminWashingtonD.C.

References