SlideShare a Scribd company logo
1 of 34
Reproducing
pictures
Fundamental:
• Type consists of symbols derived from varying widths of
lines. We communicate via type by translating the symbols
into language and meaning. This is linear communication.
• Pictures are non-linear communication. We take in the
image holistically, and translate it into meaning by making
comparisons with that which we recognize from our life
experience.
• Accurate reproduction of visual images (pictures) must
involve varying shades, from light to dark
• However, in printing processes there is either ink, or no
ink
• No practical reproduction process is able to reproduce
infinite shades from light to dark
Therefore
• Any reproduction process using current
technology must trick the eye into seeing shades
from dark (pure color or ink) to light (no color or
ink)
• Current technology utilizes screening, which
breaks pure color into dots that simulate shading
Tint blocks are used to simulate shades
from light to dark
The amount of shading
is measured in percentages
of the pure color
100 % black 50% black 10% black
Drop-out
Or Reverse
You can place type within a tint block, but you
must create contrast with the tint block. Doing this
is called creating a drop-out or a reverse.
Overprint
Placing dark type over a light background
is called an overprint.
Overprint
Reverse
When working with overprints and reverses, contrast in color
and hue is important. These examples fail in this:
Be wary of
backgrounds
When working with overprints and reverses, be careful to use
a neutral background. Failure to do so can have unfortunate results.
This mistake is common in web pages.
An attempt to use
a clever
background, with
resulting loss of
contrast, legibility
and readability
Gradients can backfire
A gradient is neither light nor dark,but a gradual transition
from light to dark. Reverses or overprints in gradients will
have bad results, if used carelessly.
Reproducing pictures
• You must use either the basic technology of
contrast, or the technology that creates tint blocks.
• Images created from contrast are called line art.
They are either simple outlines, with no shading,
or they use lines in combination to reproduce
shading.
• Etching is an example of this kind of picture
reproduction. The illusion of shading is produced
by many tiny lines.
Detail of an
etching by
Francisco
Goya
entitled
“They say
yes and
give their
hand to the
first
comer”
(1797)
Continuous tone images
• Images reproduced by using the technology that
creates tint blocks are called “continuous tone”
images, because they have the illusion of
continuous, unbroken shades from light to dark.
• To reproduce these images, the image must be
broken into dots, a technology called the halftone
process
• Any printed images will either be line art, or a
halftone image. There is no other practical
alternative in today’s printing technology.
Two ways to reproduce
pictures
• High-contrast images are converted
to line art
• Continuous tone images must be
translated into halftones
Line Art
A halftone image
Note the dots. This example is a
very low-density screen. Compare
this to the screen used to make the
tint blocks in the earlier slides.
Digital tools use
a different method
• Electronic processes break the image into pixels (picture
elements)
• These create shades of gray on the monitor screen, or
shades of colors
• The clarity of the image, called resolution, is measured by
pixels per inch (ppi). The greater the ppi, the finer the
resolution.
• However, the greater the ppi, the more computing space
needed to analyze the image.
• Typical web page images are 72 ppi; pictures meant to be
reproduced as printouts can be 200 or more ppi.
200 dpi, 800% enlargement
72 dpi, 800% enlargement
• If a screen image is printed, these pixels are
in turn reproduced as dots in printouts.
(Printer specifications will be in dots per
inch, or dpi.)
• The greater the dpi, the finer the screen and
the better the picture reproduction.
Reproducing pictures

More Related Content

What's hot

Automatic Watercolorizaiton of image
Automatic Watercolorizaiton of imageAutomatic Watercolorizaiton of image
Automatic Watercolorizaiton of imageLin Tian
 
Computers, Graphics, Engineering, Math, and Video Games for High School Students
Computers, Graphics, Engineering, Math, and Video Games for High School StudentsComputers, Graphics, Engineering, Math, and Video Games for High School Students
Computers, Graphics, Engineering, Math, and Video Games for High School StudentsMark Kilgard
 
Animation 2013 bis_taj
Animation 2013 bis_tajAnimation 2013 bis_taj
Animation 2013 bis_tajmaaz hamed
 
Using photoshop
Using photoshop Using photoshop
Using photoshop imogenbav
 
TMD2063 | Digital Animation - Chapter 2
TMD2063 | Digital Animation - Chapter 2TMD2063 | Digital Animation - Chapter 2
TMD2063 | Digital Animation - Chapter 2Diyana Harithuddin
 
TMD2063 | Digital Animation - Chapter 3
TMD2063 | Digital Animation - Chapter 3TMD2063 | Digital Animation - Chapter 3
TMD2063 | Digital Animation - Chapter 3Diyana Harithuddin
 
Practice of power point feature demo_with_effects_added
Practice of power point feature demo_with_effects_addedPractice of power point feature demo_with_effects_added
Practice of power point feature demo_with_effects_addedJudy Arzt
 
Student practice power_point
Student practice power_pointStudent practice power_point
Student practice power_pointJudy Arzt
 
Antarctic painting
Antarctic paintingAntarctic painting
Antarctic paintingSimpleArt
 

What's hot (14)

What is matte painting? Where it is used?
What is matte painting? Where it is used?What is matte painting? Where it is used?
What is matte painting? Where it is used?
 
Automatic Watercolorizaiton of image
Automatic Watercolorizaiton of imageAutomatic Watercolorizaiton of image
Automatic Watercolorizaiton of image
 
Color Systems and Spaces
Color Systems and SpacesColor Systems and Spaces
Color Systems and Spaces
 
Computers, Graphics, Engineering, Math, and Video Games for High School Students
Computers, Graphics, Engineering, Math, and Video Games for High School StudentsComputers, Graphics, Engineering, Math, and Video Games for High School Students
Computers, Graphics, Engineering, Math, and Video Games for High School Students
 
Chapter 11
Chapter 11Chapter 11
Chapter 11
 
Animation 2013 bis_taj
Animation 2013 bis_tajAnimation 2013 bis_taj
Animation 2013 bis_taj
 
Using photoshop
Using photoshop Using photoshop
Using photoshop
 
TMD2063 | Digital Animation - Chapter 2
TMD2063 | Digital Animation - Chapter 2TMD2063 | Digital Animation - Chapter 2
TMD2063 | Digital Animation - Chapter 2
 
TMD2063 | Digital Animation - Chapter 3
TMD2063 | Digital Animation - Chapter 3TMD2063 | Digital Animation - Chapter 3
TMD2063 | Digital Animation - Chapter 3
 
Practice of power point feature demo_with_effects_added
Practice of power point feature demo_with_effects_addedPractice of power point feature demo_with_effects_added
Practice of power point feature demo_with_effects_added
 
Student practice power_point
Student practice power_pointStudent practice power_point
Student practice power_point
 
Presentation
PresentationPresentation
Presentation
 
Antarctic painting
Antarctic paintingAntarctic painting
Antarctic painting
 
Doc4
Doc4Doc4
Doc4
 

Viewers also liked

The Day of a First Grader
The Day of a First GraderThe Day of a First Grader
The Day of a First Gradernhokanson
 
7th safety in the science classroom2007 2008 (1)
7th safety  in the science classroom2007 2008 (1)7th safety  in the science classroom2007 2008 (1)
7th safety in the science classroom2007 2008 (1)Becky Morris
 
How to Make a Good 1st Impression...with PowerPoint.
How to Make a Good 1st Impression...with PowerPoint.How to Make a Good 1st Impression...with PowerPoint.
How to Make a Good 1st Impression...with PowerPoint.Jo McRell
 
Coolest 1st Grade Math Game Ever
Coolest 1st Grade Math Game EverCoolest 1st Grade Math Game Ever
Coolest 1st Grade Math Game Everpgitumbi
 
Teacher's handout 1st meeting & workshop 2 g and teaching values ocotber ...
Teacher's handout 1st meeting & workshop 2 g and teaching values ocotber ...Teacher's handout 1st meeting & workshop 2 g and teaching values ocotber ...
Teacher's handout 1st meeting & workshop 2 g and teaching values ocotber ...Mr Bounab Samir
 
First Day of School PowerPoint
First Day of School PowerPointFirst Day of School PowerPoint
First Day of School PowerPointeshockey
 
It All Adds Up! Engaging Math Strategies, Web Tools, and Apps
It All Adds Up! Engaging Math Strategies, Web Tools, and AppsIt All Adds Up! Engaging Math Strategies, Web Tools, and Apps
It All Adds Up! Engaging Math Strategies, Web Tools, and AppsShelly Sanchez Terrell
 

Viewers also liked (8)

The Day of a First Grader
The Day of a First GraderThe Day of a First Grader
The Day of a First Grader
 
7th safety in the science classroom2007 2008 (1)
7th safety  in the science classroom2007 2008 (1)7th safety  in the science classroom2007 2008 (1)
7th safety in the science classroom2007 2008 (1)
 
How to Make a Good 1st Impression...with PowerPoint.
How to Make a Good 1st Impression...with PowerPoint.How to Make a Good 1st Impression...with PowerPoint.
How to Make a Good 1st Impression...with PowerPoint.
 
Coolest 1st Grade Math Game Ever
Coolest 1st Grade Math Game EverCoolest 1st Grade Math Game Ever
Coolest 1st Grade Math Game Ever
 
Teacher's handout 1st meeting & workshop 2 g and teaching values ocotber ...
Teacher's handout 1st meeting & workshop 2 g and teaching values ocotber ...Teacher's handout 1st meeting & workshop 2 g and teaching values ocotber ...
Teacher's handout 1st meeting & workshop 2 g and teaching values ocotber ...
 
First Day of School PowerPoint
First Day of School PowerPointFirst Day of School PowerPoint
First Day of School PowerPoint
 
First Day Powerpoint Expectations
First Day Powerpoint ExpectationsFirst Day Powerpoint Expectations
First Day Powerpoint Expectations
 
It All Adds Up! Engaging Math Strategies, Web Tools, and Apps
It All Adds Up! Engaging Math Strategies, Web Tools, and AppsIt All Adds Up! Engaging Math Strategies, Web Tools, and Apps
It All Adds Up! Engaging Math Strategies, Web Tools, and Apps
 

Similar to Reproducing pictures

halftoning-160808191912.pdf
halftoning-160808191912.pdfhalftoning-160808191912.pdf
halftoning-160808191912.pdfSayantanMajhi2
 
Characteristics of Display Adapter
Characteristics of Display AdapterCharacteristics of Display Adapter
Characteristics of Display Adapterssuser255bf1
 
Computer Techniques In Photoshop 1
Computer Techniques In Photoshop 1Computer Techniques In Photoshop 1
Computer Techniques In Photoshop 1moncrief
 
Game development terminologies
Game development terminologiesGame development terminologies
Game development terminologiesAhmed Badr
 
Simultaneous Smoothing and Sharpening of Color Images
Simultaneous Smoothing and Sharpening of Color ImagesSimultaneous Smoothing and Sharpening of Color Images
Simultaneous Smoothing and Sharpening of Color ImagesCristina Pérez Benito
 
Digital image processing ppt
Digital image processing pptDigital image processing ppt
Digital image processing pptkhanam22
 
Why Does Color Correction Play A Vital Role In Post-Production.pptx
Why Does Color Correction Play A Vital Role In Post-Production.pptxWhy Does Color Correction Play A Vital Role In Post-Production.pptx
Why Does Color Correction Play A Vital Role In Post-Production.pptxMotion Grades
 
HA1 - Motion Graphics Now
HA1 - Motion Graphics NowHA1 - Motion Graphics Now
HA1 - Motion Graphics Nowdanhops888
 

Similar to Reproducing pictures (20)

half toning.pptx
half toning.pptxhalf toning.pptx
half toning.pptx
 
halftoning-160808191912.pdf
halftoning-160808191912.pdfhalftoning-160808191912.pdf
halftoning-160808191912.pdf
 
Halftoning in Computer Graphics
Halftoning  in Computer GraphicsHalftoning  in Computer Graphics
Halftoning in Computer Graphics
 
Unit iv graphics
Unit iv  graphicsUnit iv  graphics
Unit iv graphics
 
Chap26
Chap26Chap26
Chap26
 
1.1.2.pdf
1.1.2.pdf1.1.2.pdf
1.1.2.pdf
 
Characteristics of Display Adapter
Characteristics of Display AdapterCharacteristics of Display Adapter
Characteristics of Display Adapter
 
Computer Techniques In Photoshop 1
Computer Techniques In Photoshop 1Computer Techniques In Photoshop 1
Computer Techniques In Photoshop 1
 
Game development terminologies
Game development terminologiesGame development terminologies
Game development terminologies
 
Simultaneous Smoothing and Sharpening of Color Images
Simultaneous Smoothing and Sharpening of Color ImagesSimultaneous Smoothing and Sharpening of Color Images
Simultaneous Smoothing and Sharpening of Color Images
 
Digital image processing ppt
Digital image processing pptDigital image processing ppt
Digital image processing ppt
 
Chapter11
Chapter11Chapter11
Chapter11
 
Pixels
PixelsPixels
Pixels
 
Why Does Color Correction Play A Vital Role In Post-Production.pptx
Why Does Color Correction Play A Vital Role In Post-Production.pptxWhy Does Color Correction Play A Vital Role In Post-Production.pptx
Why Does Color Correction Play A Vital Role In Post-Production.pptx
 
HA1 - Motion Graphics Now
HA1 - Motion Graphics NowHA1 - Motion Graphics Now
HA1 - Motion Graphics Now
 
Homework
HomeworkHomework
Homework
 
multimedia image.ppt
multimedia image.pptmultimedia image.ppt
multimedia image.ppt
 
Chap27
Chap27Chap27
Chap27
 
Color Correction Primer
Color Correction PrimerColor Correction Primer
Color Correction Primer
 
Chap9 10
Chap9 10Chap9 10
Chap9 10
 

Reproducing pictures

  • 2. Fundamental: • Type consists of symbols derived from varying widths of lines. We communicate via type by translating the symbols into language and meaning. This is linear communication. • Pictures are non-linear communication. We take in the image holistically, and translate it into meaning by making comparisons with that which we recognize from our life experience. • Accurate reproduction of visual images (pictures) must involve varying shades, from light to dark • However, in printing processes there is either ink, or no ink • No practical reproduction process is able to reproduce infinite shades from light to dark
  • 3. Therefore • Any reproduction process using current technology must trick the eye into seeing shades from dark (pure color or ink) to light (no color or ink) • Current technology utilizes screening, which breaks pure color into dots that simulate shading
  • 4. Tint blocks are used to simulate shades from light to dark
  • 5. The amount of shading is measured in percentages of the pure color 100 % black 50% black 10% black
  • 6. Drop-out Or Reverse You can place type within a tint block, but you must create contrast with the tint block. Doing this is called creating a drop-out or a reverse.
  • 7. Overprint Placing dark type over a light background is called an overprint.
  • 8. Overprint Reverse When working with overprints and reverses, contrast in color and hue is important. These examples fail in this:
  • 9. Be wary of backgrounds When working with overprints and reverses, be careful to use a neutral background. Failure to do so can have unfortunate results. This mistake is common in web pages.
  • 10. An attempt to use a clever background, with resulting loss of contrast, legibility and readability
  • 11. Gradients can backfire A gradient is neither light nor dark,but a gradual transition from light to dark. Reverses or overprints in gradients will have bad results, if used carelessly.
  • 12. Reproducing pictures • You must use either the basic technology of contrast, or the technology that creates tint blocks. • Images created from contrast are called line art. They are either simple outlines, with no shading, or they use lines in combination to reproduce shading. • Etching is an example of this kind of picture reproduction. The illusion of shading is produced by many tiny lines.
  • 13. Detail of an etching by Francisco Goya entitled “They say yes and give their hand to the first comer” (1797)
  • 14. Continuous tone images • Images reproduced by using the technology that creates tint blocks are called “continuous tone” images, because they have the illusion of continuous, unbroken shades from light to dark. • To reproduce these images, the image must be broken into dots, a technology called the halftone process • Any printed images will either be line art, or a halftone image. There is no other practical alternative in today’s printing technology.
  • 15. Two ways to reproduce pictures • High-contrast images are converted to line art • Continuous tone images must be translated into halftones
  • 17. A halftone image Note the dots. This example is a very low-density screen. Compare this to the screen used to make the tint blocks in the earlier slides.
  • 18.
  • 19. Digital tools use a different method • Electronic processes break the image into pixels (picture elements) • These create shades of gray on the monitor screen, or shades of colors • The clarity of the image, called resolution, is measured by pixels per inch (ppi). The greater the ppi, the finer the resolution. • However, the greater the ppi, the more computing space needed to analyze the image. • Typical web page images are 72 ppi; pictures meant to be reproduced as printouts can be 200 or more ppi.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. 200 dpi, 800% enlargement
  • 32. 72 dpi, 800% enlargement
  • 33. • If a screen image is printed, these pixels are in turn reproduced as dots in printouts. (Printer specifications will be in dots per inch, or dpi.) • The greater the dpi, the finer the screen and the better the picture reproduction.