computer science 194-23 the art and science of digital...
TRANSCRIPT
![Page 1: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/1.jpg)
Computer Science 194-23The Art and Science of Digital Photography
Lecture 6: The HistogramMarch 11, 2013
[email protected]@[email protected]
Staff email: [email protected]
1
![Page 2: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/2.jpg)
Histograms General Histogram
Image from http://en.wikipedia.org/wiki/Histogram
2
![Page 3: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/3.jpg)
Histograms Digital Photography
3
Black WhiteSome
Many
![Page 4: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/4.jpg)
Histograms Total Underexposure
4
![Page 5: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/5.jpg)
Histograms Total Overexposure
5
![Page 6: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/6.jpg)
Histograms Well-exposed samples
Photo by Dan Armendariz, 2009309s, ISO 100
6
![Page 7: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/7.jpg)
Histograms Well-exposed samples
Photo by Dan Armendariz, 20071/1000s, ISO 400, f/5.6
7
![Page 8: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/8.jpg)
Histograms Well-exposed samples
Photo by Dan Armendariz, 2007
8
![Page 9: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/9.jpg)
Histograms
Under-exposure
9Photo by Dan Armendariz, 2005
8.0s, ISO 100, f/8
![Page 10: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/10.jpg)
Histograms
Over-exposure
10Photo by Dan Armendariz, 2005
15.0s, ISO 100, f/16
![Page 11: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/11.jpg)
Histograms Exposure Compensation
Photos by Dan Armendariz, 2005Left: 1/80s, ISO 400, f/2.8, 0ev. Right: 1/80s, ISO 800, f/2.5, +1.3ev
11
![Page 12: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/12.jpg)
Histograms Over- & Under-exposure
Photo by Dan Armendariz, 20061/80s, ISO 400, f/10
12
![Page 13: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/13.jpg)
Bits and Bytes Refresher
Bit 0 or 1
Byte 8 bits
13
![Page 14: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/14.jpg)
Bits and Bytes As related to histograms
14
Black White0 255
![Page 15: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/15.jpg)
Bits and Bytes Bit Depth
JPEG
Red Green Blue
8-bit 8-bit 8-bit
0 255 0 255 0 255
15
![Page 16: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/16.jpg)
Histograms What about color?
16
Red Green Blue
?
![Page 17: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/17.jpg)
The Eye Luminance Detection
Image from http://en.wikipedia.org/wiki/Trichromacy
17
![Page 18: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/18.jpg)
The Eye Luminance Detection
18
Red Green Blue
![Page 19: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/19.jpg)
Luminance Calculation
19
Luminance ≈ 0.3 R + 0.59 G + 0.11 B
![Page 20: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/20.jpg)
Luminosity Histograms DIY!
20
![Page 21: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/21.jpg)
Luminosity Histograms DIY!
21
![Page 22: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/22.jpg)
Luminosity Histograms DIY!
22
![Page 23: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/23.jpg)
Histograms More than just Luminosity...
23
Lum
R
B
G
![Page 24: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/24.jpg)
Histograms Luminosity, Colors, & RGB
24
Lum
Colors
RGB
![Page 25: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/25.jpg)
Histograms Luminosity, Colors, & RGB
25
Images from http://www.cambridgeincolour.com/tutorials/histograms2.htm
![Page 26: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/26.jpg)
Histograms Luminosity, Colors, & RGB
26
Images from http://www.cambridgeincolour.com/tutorials/histograms2.htm
![Page 27: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/27.jpg)
Histograms What is Black and White?
Photo by Dan Armendariz, 20061/80s, ISO 400, f/10
27
![Page 28: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/28.jpg)
Dynamic Range The Eye
Image from http://en.wikipedia.org/wiki/Fovea
28
![Page 29: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/29.jpg)
Dynamic Range Digital Cameras
29
Pixel (“Bucket”)
Photons (Light)
Collected Light
![Page 30: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/30.jpg)
Dynamic Range Simplified Calculation
30
Dynamic Range =Biggest Signal (full “bucket”)Smallest detectable signal
![Page 31: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/31.jpg)
Dynamic Range In Scenes
Photo by Dan Armendariz, 20061/80s, ISO 400, f/10
31
![Page 32: Computer Science 194-23 The Art and Science of Digital ...inst.eecs.berkeley.edu/~cs194-23/sp13/slides/lecture6.pdfComputer Science 194-23 The Art and Science of Digital Photography](https://reader036.vdocument.in/reader036/viewer/2022062401/5aa636ed7f8b9ae7438e84d1/html5/thumbnails/32.jpg)
Computer Science 194-23The Art and Science of Digital Photography
Lecture 6: The HistogramMarch 11, 2013
[email protected]@[email protected]
Staff email: [email protected]
32