SlideShare ist ein Scribd-Unternehmen logo
1 von 49
Downloaden Sie, um offline zu lesen
22-3530 - 01 PHOTO COMMUNICATIONS

    of pixels and bits
Measuring pixels
VECTOR IMAGES
Based on points & paths, numerical
     Resolution independent
RASTER IMAGES (bitmap)

A mosaic of pixels (picture elements)
      Resolution dependent
1132 pixels




                       1430 pixels




              Raster = Resolution Dependent
  Each raster image is made of a speci c number of pixels
                     (pixel dimensions)
IMAGE DETAIL
Every time you capture a digital image, you create a speci c
number of pixels. Image detail is translated into differences
  between pixels that the camera registers at the time of
capture. Increasing resolution degrades the true detail from
       the capture with a ‘best guess’ (interpolation).
VIEW PERCENTAGE




1430 x 1132                     1024 x 768
View percentage at 100%
View percentage at 60%
BIT DEPTH

   Every raster image contains a certain number of pixels.
Every pixel contains a certain number of bits (ones or zeroes).

   The number of bits contained in each pixel is called the
                    image’s bit depth.


                          for example,
        If you are working with an 8-bit grayscale image,
               each pixel contains 8 zeroes or ones.


       2 = 01010101 = 256
          8
8 BIT vs (12 vs) 16 BIT
BIT DEPTH AND FILE SIZE


 File size is directly connected to the number of bits
         contained in an image. For example,


                   8 bits = a byte

If an 8-bit grayscale image has a pixel dimension of:
            1430 x 1132 = 1618760 pixels

  1618760 divided by 1024 (a kilobyte) = 1580.82
    1580 divided by 1024 (a megabyte) = 1.54



                  1 kilobyte = 1024 bytes
               1 megabyte = 1024 kilobytes
IMAGE SIZE WINDOW

Three different ways of describing
image size:
1. Image size
2. Pixel dimensions (count)
3. Document size: how the pixels
   are distributed in the “real
   world,” i.e., your printer
Tone
LEVELS




Hi-contrast            Lo-contrast
HISTOGRAMS EVERYWHERE
TONAL KEY

Tonal character can be de ned in terms of light, dark, or
 average, or use the terms high, low, and medium key.




high key                 medium key                low key
DESTRUCTIVE EDITS
  All tonal edits “damage” the le to some extent. Extreme edits to
 tone using levels or curves can leave large tonal ranges completely
empty. These gaps in the histogram create what is called banding or
                            posterization.
NON-DESTRUCTIVE EDITS
Using adjustment layers
allows you to make tonal
adjustments without
permanently deleting
capture data.
SHADOW AND HIGHLIGHT
Be sure to always keep an eye on maintaining shadow and
         highlight detail when making tonal edits.
for lm: Expose for the shadows and develop for highlights
    for digital: Expose for highlights (most of the time)
BLOWN OUT
HIGHLIGHTS
PLUGGED
SHADOWS
CURVES

Curves allows you to focus your corrections more
  accurately within the histogram than Levels.
BRIGHTNESS/CONTRAST ADJUSTMENTS
SHADOW
& HIGHLIGHT TOOL
Pixel quality control
SHOOTING ASSIGNMENT #2

Finding design patterns
Line
Shape
Texture
Space
 Size
Value
LINE
Lines can organize, direct,
separate, be expressive,
suggest emotion, or create
rhythm. They can join
elements or divide them
using a rule, which is a line
that separates one element
in a design from another.
SHAPE
The external outline of a
form or anything that has
height and width.
An example would be the
three basic shapes: the
circle, the square, and the
triangle, considered to be
the fundamental shapes
found in all design.
TEXTURE
The look and feel of a surface. In two-dimensional form, texture is
essentially visual and adds richness and dimension to work. Texture can
also refer to pattern, which is visual texture.
SPACE
Refers to the distance
between shapes and forms,
but it is best understood
in design as white space or
negative space—terms
used to refer to the empty
but often active areas that
are void of visual elements.
SIZE
How big or small something is in
scale to other objects. Scale refers
to the process of making size
relationships. unless there is a
scale of reference within a design,
it is impossible to discern the
relative scale of objects and the
meaning they represent.
VALUE (& COLOR)
The relative lightness or
darkness of an area or object.
Value adds dimension by
creating the illusion of depth
in a design. With the addition
of a color, you can create and
convey a mood to enhance a
strong concept.
of Pixels and Bits

Weitere ähnliche Inhalte

Was ist angesagt?

Graphics display-devicesmod-1
Graphics display-devicesmod-1Graphics display-devicesmod-1
Graphics display-devicesmod-1
Praveen Kumar
 
Multimedia tools(images)
Multimedia tools(images)Multimedia tools(images)
Multimedia tools(images)
dhruv patel
 
Raster Scan and Raster Scan Displays
Raster Scan and Raster Scan DisplaysRaster Scan and Raster Scan Displays
Raster Scan and Raster Scan Displays
Saravana Priya
 
Sistemas De Impressão
Sistemas De ImpressãoSistemas De Impressão
Sistemas De Impressão
Carlos Amorim
 
Lecture5 graphics
Lecture5   graphicsLecture5   graphics
Lecture5 graphics
Mr SMAK
 

Was ist angesagt? (20)

Chapter 8 image compression
Chapter 8 image compressionChapter 8 image compression
Chapter 8 image compression
 
Graphics display-devicesmod-1
Graphics display-devicesmod-1Graphics display-devicesmod-1
Graphics display-devicesmod-1
 
Data Compression (Lossy and Lossless)
Data Compression (Lossy and Lossless)Data Compression (Lossy and Lossless)
Data Compression (Lossy and Lossless)
 
Presentation on Digital Image Processing
Presentation on Digital Image ProcessingPresentation on Digital Image Processing
Presentation on Digital Image Processing
 
Computer Vision
Computer VisionComputer Vision
Computer Vision
 
Content based image retrieval
Content based image retrievalContent based image retrieval
Content based image retrieval
 
Comparison between JPEG(DCT) and JPEG 2000(DWT) compression standards
Comparison between JPEG(DCT) and JPEG 2000(DWT) compression standardsComparison between JPEG(DCT) and JPEG 2000(DWT) compression standards
Comparison between JPEG(DCT) and JPEG 2000(DWT) compression standards
 
Image processing fundamentals
Image processing fundamentalsImage processing fundamentals
Image processing fundamentals
 
Color Modes Meanings and Schemes
Color Modes Meanings and SchemesColor Modes Meanings and Schemes
Color Modes Meanings and Schemes
 
Multimedia tools(images)
Multimedia tools(images)Multimedia tools(images)
Multimedia tools(images)
 
Raster Scan and Raster Scan Displays
Raster Scan and Raster Scan DisplaysRaster Scan and Raster Scan Displays
Raster Scan and Raster Scan Displays
 
Color
ColorColor
Color
 
Fundamentals Image and Graphics
Fundamentals Image and GraphicsFundamentals Image and Graphics
Fundamentals Image and Graphics
 
Basics of image processing & analysis
Basics of image processing & analysisBasics of image processing & analysis
Basics of image processing & analysis
 
Sistemas De Impressão
Sistemas De ImpressãoSistemas De Impressão
Sistemas De Impressão
 
Digital Image Processing: An Introduction
Digital Image Processing: An IntroductionDigital Image Processing: An Introduction
Digital Image Processing: An Introduction
 
Image Processing Basics
Image Processing BasicsImage Processing Basics
Image Processing Basics
 
Lecture5 graphics
Lecture5   graphicsLecture5   graphics
Lecture5 graphics
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Basic Introduction To Graphic File Formats
Basic Introduction To Graphic File FormatsBasic Introduction To Graphic File Formats
Basic Introduction To Graphic File Formats
 

Andere mochten auch

Intro to scan conversion
Intro to scan conversionIntro to scan conversion
Intro to scan conversion
Mohd Arif
 
Why Content Marketing Fails
Why Content Marketing FailsWhy Content Marketing Fails
Why Content Marketing Fails
Rand Fishkin
 

Andere mochten auch (11)

Brickcom mission impossible technology reveal wireless full hd 1080p ip surv...
Brickcom  mission impossible technology reveal wireless full hd 1080p ip surv...Brickcom  mission impossible technology reveal wireless full hd 1080p ip surv...
Brickcom mission impossible technology reveal wireless full hd 1080p ip surv...
 
Print, pixels & people 10a
Print, pixels & people 10aPrint, pixels & people 10a
Print, pixels & people 10a
 
Intro to scan conversion
Intro to scan conversionIntro to scan conversion
Intro to scan conversion
 
Structured Vs, Object Oriented Analysis and Design
Structured Vs, Object Oriented Analysis and DesignStructured Vs, Object Oriented Analysis and Design
Structured Vs, Object Oriented Analysis and Design
 
The Science of Memorable Presentations
The Science of Memorable PresentationsThe Science of Memorable Presentations
The Science of Memorable Presentations
 
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
 
8 Ways a Digital Media Platform is More Powerful than “Marketing”
8 Ways a Digital Media Platform is More Powerful than “Marketing”8 Ways a Digital Media Platform is More Powerful than “Marketing”
8 Ways a Digital Media Platform is More Powerful than “Marketing”
 
How Often Should You Post to Facebook and Twitter
How Often Should You Post to Facebook and TwitterHow Often Should You Post to Facebook and Twitter
How Often Should You Post to Facebook and Twitter
 
Slides That Rock
Slides That RockSlides That Rock
Slides That Rock
 
Why Content Marketing Fails
Why Content Marketing FailsWhy Content Marketing Fails
Why Content Marketing Fails
 
SlideShare 101
SlideShare 101SlideShare 101
SlideShare 101
 

Ähnlich wie of Pixels and Bits

HA1 - Motion Graphics Now
HA1 - Motion Graphics NowHA1 - Motion Graphics Now
HA1 - Motion Graphics Now
danhops888
 

Ähnlich wie of Pixels and Bits (20)

Chap9 10
Chap9 10Chap9 10
Chap9 10
 
What is spatial Resolution
What is spatial ResolutionWhat is spatial Resolution
What is spatial Resolution
 
Spatial and tonal resolution
Spatial and tonal resolutionSpatial and tonal resolution
Spatial and tonal resolution
 
multimedia image.ppt
multimedia image.pptmultimedia image.ppt
multimedia image.ppt
 
Elements of digital images day06
Elements of digital images  day06Elements of digital images  day06
Elements of digital images day06
 
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
 
L3 cmp technicalfile_180911
L3 cmp technicalfile_180911L3 cmp technicalfile_180911
L3 cmp technicalfile_180911
 
Multimedia digital images
 Multimedia  digital images Multimedia  digital images
Multimedia digital images
 
Understanding Raster Graphics
Understanding Raster GraphicsUnderstanding Raster Graphics
Understanding Raster Graphics
 
Digital image
Digital imageDigital image
Digital image
 
Digital Image File Formats
Digital Image File FormatsDigital Image File Formats
Digital Image File Formats
 
image_enhancement-NDVI-5.pptx
image_enhancement-NDVI-5.pptximage_enhancement-NDVI-5.pptx
image_enhancement-NDVI-5.pptx
 
Digital image processing2.pptx
Digital image processing2.pptxDigital image processing2.pptx
Digital image processing2.pptx
 
Unit iv graphics
Unit iv  graphicsUnit iv  graphics
Unit iv graphics
 
Technical file
Technical fileTechnical file
Technical file
 
Technical file
Technical fileTechnical file
Technical file
 
Graphics
GraphicsGraphics
Graphics
 
Homework
HomeworkHomework
Homework
 
HA1 - Motion Graphics Now
HA1 - Motion Graphics NowHA1 - Motion Graphics Now
HA1 - Motion Graphics Now
 

Mehr von Shawn Calvert

Basics of Web Navigation
Basics of Web NavigationBasics of Web Navigation
Basics of Web Navigation
Shawn Calvert
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
Shawn Calvert
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web Design
Shawn Calvert
 
Class Intro / HTML Basics
Class Intro / HTML BasicsClass Intro / HTML Basics
Class Intro / HTML Basics
Shawn Calvert
 
Web Design I Syllabus 22 3375-03
Web Design I Syllabus 22 3375-03Web Design I Syllabus 22 3375-03
Web Design I Syllabus 22 3375-03
Shawn Calvert
 
Intro to Javascript and jQuery
Intro to Javascript and jQueryIntro to Javascript and jQuery
Intro to Javascript and jQuery
Shawn Calvert
 
HTML Foundations, pt 3: Forms
HTML Foundations, pt 3: FormsHTML Foundations, pt 3: Forms
HTML Foundations, pt 3: Forms
Shawn Calvert
 
CSS Foundations, pt 2
CSS Foundations, pt 2CSS Foundations, pt 2
CSS Foundations, pt 2
Shawn Calvert
 

Mehr von Shawn Calvert (20)

HTML Email
HTML EmailHTML Email
HTML Email
 
Basics of Web Navigation
Basics of Web NavigationBasics of Web Navigation
Basics of Web Navigation
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
Intro to jQuery
Intro to jQueryIntro to jQuery
Intro to jQuery
 
Images on the Web
Images on the WebImages on the Web
Images on the Web
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web Design
 
Web Layout
Web LayoutWeb Layout
Web Layout
 
Web Typography
Web TypographyWeb Typography
Web Typography
 
Class Intro / HTML Basics
Class Intro / HTML BasicsClass Intro / HTML Basics
Class Intro / HTML Basics
 
Week 2-intro-html
Week 2-intro-htmlWeek 2-intro-html
Week 2-intro-html
 
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS Presentation
 
Web Design I Syllabus 22 3375-03
Web Design I Syllabus 22 3375-03Web Design I Syllabus 22 3375-03
Web Design I Syllabus 22 3375-03
 
Intro to Javascript and jQuery
Intro to Javascript and jQueryIntro to Javascript and jQuery
Intro to Javascript and jQuery
 
HTML Foundations, pt 3: Forms
HTML Foundations, pt 3: FormsHTML Foundations, pt 3: Forms
HTML Foundations, pt 3: Forms
 
10 Usability & UX Guidelines
10 Usability & UX Guidelines10 Usability & UX Guidelines
10 Usability & UX Guidelines
 
Usability and User Experience
Usability and User ExperienceUsability and User Experience
Usability and User Experience
 
Creating Images for the Web
Creating Images for the WebCreating Images for the Web
Creating Images for the Web
 
Web Design Process
Web Design ProcessWeb Design Process
Web Design Process
 
CSS Foundations, pt 2
CSS Foundations, pt 2CSS Foundations, pt 2
CSS Foundations, pt 2
 
CSS Foundations, pt 1
CSS Foundations, pt 1CSS Foundations, pt 1
CSS Foundations, pt 1
 

Kürzlich hochgeladen

Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
nirzagarg
 
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
gajnagarg
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
balqisyamutia
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
drmarathore
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Nitya salvi
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 

Kürzlich hochgeladen (20)

Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
 
Hackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdfHackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdf
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 

of Pixels and Bits

  • 1. 22-3530 - 01 PHOTO COMMUNICATIONS of pixels and bits
  • 3. VECTOR IMAGES Based on points & paths, numerical Resolution independent
  • 4. RASTER IMAGES (bitmap) A mosaic of pixels (picture elements) Resolution dependent
  • 5. 1132 pixels 1430 pixels Raster = Resolution Dependent Each raster image is made of a speci c number of pixels (pixel dimensions)
  • 6. IMAGE DETAIL Every time you capture a digital image, you create a speci c number of pixels. Image detail is translated into differences between pixels that the camera registers at the time of capture. Increasing resolution degrades the true detail from the capture with a ‘best guess’ (interpolation).
  • 7. VIEW PERCENTAGE 1430 x 1132 1024 x 768
  • 10. BIT DEPTH Every raster image contains a certain number of pixels. Every pixel contains a certain number of bits (ones or zeroes). The number of bits contained in each pixel is called the image’s bit depth. for example, If you are working with an 8-bit grayscale image, each pixel contains 8 zeroes or ones. 2 = 01010101 = 256 8
  • 11. 8 BIT vs (12 vs) 16 BIT
  • 12. BIT DEPTH AND FILE SIZE File size is directly connected to the number of bits contained in an image. For example, 8 bits = a byte If an 8-bit grayscale image has a pixel dimension of: 1430 x 1132 = 1618760 pixels 1618760 divided by 1024 (a kilobyte) = 1580.82 1580 divided by 1024 (a megabyte) = 1.54 1 kilobyte = 1024 bytes 1 megabyte = 1024 kilobytes
  • 13. IMAGE SIZE WINDOW Three different ways of describing image size: 1. Image size 2. Pixel dimensions (count) 3. Document size: how the pixels are distributed in the “real world,” i.e., your printer
  • 14. Tone
  • 15. LEVELS Hi-contrast Lo-contrast
  • 17. TONAL KEY Tonal character can be de ned in terms of light, dark, or average, or use the terms high, low, and medium key. high key medium key low key
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. DESTRUCTIVE EDITS All tonal edits “damage” the le to some extent. Extreme edits to tone using levels or curves can leave large tonal ranges completely empty. These gaps in the histogram create what is called banding or posterization.
  • 24.
  • 25. NON-DESTRUCTIVE EDITS Using adjustment layers allows you to make tonal adjustments without permanently deleting capture data.
  • 26. SHADOW AND HIGHLIGHT Be sure to always keep an eye on maintaining shadow and highlight detail when making tonal edits.
  • 27. for lm: Expose for the shadows and develop for highlights for digital: Expose for highlights (most of the time)
  • 30. CURVES Curves allows you to focus your corrections more accurately within the histogram than Levels.
  • 33.
  • 34.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 43. LINE Lines can organize, direct, separate, be expressive, suggest emotion, or create rhythm. They can join elements or divide them using a rule, which is a line that separates one element in a design from another.
  • 44. SHAPE The external outline of a form or anything that has height and width. An example would be the three basic shapes: the circle, the square, and the triangle, considered to be the fundamental shapes found in all design.
  • 45. TEXTURE The look and feel of a surface. In two-dimensional form, texture is essentially visual and adds richness and dimension to work. Texture can also refer to pattern, which is visual texture.
  • 46. SPACE Refers to the distance between shapes and forms, but it is best understood in design as white space or negative space—terms used to refer to the empty but often active areas that are void of visual elements.
  • 47. SIZE How big or small something is in scale to other objects. Scale refers to the process of making size relationships. unless there is a scale of reference within a design, it is impossible to discern the relative scale of objects and the meaning they represent.
  • 48. VALUE (& COLOR) The relative lightness or darkness of an area or object. Value adds dimension by creating the illusion of depth in a design. With the addition of a color, you can create and convey a mood to enhance a strong concept.