Fundamentals of Photoshop

Slides:



Advertisements
Similar presentations
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Advertisements

Color COM 366 Web Design & Production. RGB color Amount of light in each channel Closer to 255, whiter color gets Every color has value for red,
Bit Depth and Spatial Resolution SIMG-201 Survey of Imaging Science © 2002 CIS/RIT.
Capturing and optimising digital images for research Gilles Couzin.
Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.
Resolving the Problem Resolution: Concepts & Definitions.
2.01 Understand Digital Raster Graphics
CSc 461/561 CSc 461/561 Multimedia Systems Part A: 2. Image.
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
Vector vs. Bitmap SciVis V
V Obtained from a summer workshop in Guildford County July, 2014
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
 Scanned or digitally captured image  Image created on computer using graphics software.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Pixels, PPI, DPI, and LPI for Scanning, Printing, and Web Publishing
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
Color Systems. Subtractive Color The removal of light waves to perceive color: –Local or physical attributes of pigments, dyes, or inks reflect certain.
Colour Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman
Digital Images The digital representation of visual information.
Computer Graphics Using “ Adobe Photoshop ” Introduction to E-Learning Center, DAD presents Workshop on Instructor: Mazhar.
07: Color in Interactive Digital Media
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Colours and Computer Jimmy Lam The Hong Kong Polytechnic University.
Vector vs. Bitmap
Foundations of Web Design I Photoshop CS5 Michael Daniel
Color. There are established models of color, each discipline uses it own method for describing and discussing color intelligently.
Color and Resolution Introduction to Digital Imaging.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.
Computer Graphics An Introduction Jimmy Lam The Hong Kong Polytechnic University.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
 Scanned or digitally captured image  Image created on computer using graphics software.
Digital Imaging Fundamentals Ms. Hema C.R. School of Mechatronic Engineering.
COMPUTER GRAPHICS. Once you scan an image or take a picture with your digital camera, it becomes digitized. Made up of hundreds of thousands of pixels.
PART 2 – Size, Display, Color Modes. Image Size Courtesy of Digital images are made up of pixels (picture elements),
The Web. Web Servers and File Transfer Protocol (FTP)
Getting Started Chapter 1 Vocabulary. Color Space How color is represented in an image file- typically RGB, CMYK, or Grayscale. RGB – RED, GREE, BLUE.
Digital Images and Digital Cameras take notes in your journal.
Vocabulary Worksheet Answers
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
Image Editing Vocabulary Words Pioneer Library System Norman Public Library Nancy Rimassa, Trainer Thanks to Wikipedia ( help.
Chapter 3 Color Objectives Identify the color systems and resolution Clarify category of colors.
Eric Kincaid. Adobe Photoshop  Adobe Photoshop is a graphics editing program developed and published by Adobe Systems Incorporated.  1987-Thomas Knoll,
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
Guilford County SciVis V104.03
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
Digital Image -M.V.Ramachandranwww.youtube.com/postmanchandru
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
Demystifying the Pixel. What is a Pixel The smallest unit of measurement in a image It contains color space information in RGB, CMYK, HSB Resolution information.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
DIGITAL MEDIA FOUNDATIONS
Images Data Representation.
Data Representation Images.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Units of Measurement, Image Resolution, & Color Mode
Chapter V, Printing Digital Images: Lesson II Picture Display and Computer Monitors
LET’S LEARN ABOUT GRAPHICS!
ImageEditing Understanding Image Resolution.
Computer Graphics Using “Adobe Photoshop”
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Nuts and Bolts of Digital Imaging
Color and Images.
Basic Concepts of Digital Imaging
2.01 Understand Digital Raster Graphics
Presentation transcript:

Fundamentals of Photoshop Digital Imaging

Pixel A small square of light. The smallest portion of an image a computer is able to display or print Picture + Element = Pixel Term was created in 1965 by NASA

Pixel A pixel is a portmanteau Portmanteau: a combination of two words. Examples: smog, brunch, cellphone, email

Megapixel A simple unit of storage equalling 1 million pixels. A term commonly used to describe how much data a camera can capture. Example: If your camera can capture 2048x1536 pixels, it is referred to as having 3.1 megapixels (2048x1536 = 3,145,728)

Megapixel How many megapixels are right for me? More does not mean better Just because a car holds more fuel doesn’t mean it is faster, more efficient, as reliable

Megapixel If a 3.1 megapixel image were printed at 300 ppi (pixels per inch) it would be roughly 5”x7” print. That isn’t enough for a professional photographer but might be plenty for a consumer.

Megapixel The more pixels you capture the larger the image is, both in disk space and print size). An inkjet printer and emailing demands less pixels than do professional printing machines.

Cool Facts With a 3 megapixel camera you can take higher resolution images than most computer monitors can display The first consumer-oriented digital cameras were made by Kodak and Apple in 1994. In 1998, Sony inadvertently sold more than 700,000 digital camcorders with a limited ability to see through clothes.

Megapixel Myth More megapixels does not mean a better picture. Rather than buying more pixels look at the quality of the lense or options that are more important to you (auto/manual functions, low light capabilities, battery life)

Resolution DPI: Dots Per Inch. Refers to number of dots per inch a printer can produce. Not appropriate term for cameras or scanners. PPI: Pixels Per Inch. Refers to number of pixels per inch a digital image contains. Most monitors display 72 ppi (though many now are adjustable).

Resolution SPI: Samples Per Inch. This is a more specific term used for scanners. A sample is a scanned part of an image. Scanner Advice: Always choose a scanner with high optical resolution rather than digital resolution.

Resolution LPI: Lines Per Inch. Traditional process of converting a photograph into a series dots called a halftone. The higher the lpi the smoother the image (most newspapers and magazines use this process).

Image Mode There are 8 image mode settings in Photoshop. The 3 most common are RGB, CMYK, and Grayscale.

RGB Most common mode for graphics. RGB uses additive color theory to represent color 100% value of red, green, and blue equals white By varying amounts of each color almost every color intensity can be created.

CMYK Professional printers use a four-color process to simulate color. Cyan, Magenta, Yellow, Black (K stands for Key) CMYK uses reductive color theory. It deals with what part of color wavelengths are not reflected to create light. Cyan + Magenta + Yellow = Black Cyan + Magenta = Blue Magenta + Yellow = Red Cyan + Yellow = Green Black is the Key Color. In other words, it is used in fine detail areas and text to create depth in color and crisp detail. The “key” ties everything together.

Example of CMYK Colors

CMY Image Breakdown

Grayscale Uses different shades of Gray to represent image details. An 8-bit image has 256 levels of gray. A 16-bit image has 65,536 levels of gray.

Bitdepth Measures how much color is available for display or printing of each pixel. A greater bit depth means each pixel contains more information for describing color. A pixel with a bit depth of 1 can only describe black or white. Most common bit depth is 8, which can display 256 intensity levels of color.

Duotone Can be a monotone, a duotone, tritone, or quadtone. It is a grayscale image that uses other colors. Example: Sepiatone

Bitmap Uses only one of two color values, black or white, to represent the pixel data. Creates a very small file size.

Indexed Color Limits the amount of colors available to 256. Used often for web images to reduce file size and speed up screen load times and download times.

L.a.b. L.a.b. color is the most complete color mode used to describe colors to the human eye. The three parameters are L for luminance, “a” for the color’s position between red and green, and “b” for its position between yellow and blue.

Multichannel A highly specialized mode used for complex color separations for professional printing. Rarely used by photographers and consumer-based users.