2.01D Investigate graphic image design. Image Resolution.

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design. Image Resolution.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Raster Graphics vs. Vector Graphics
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
Monitor Sizes Monitor sizes in the US are measured in inches, diagonal distance. 20” (inches)
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
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
Raster vs Vector and Image Resolution By Josh Gallagan.
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.
What is digital resolution all about? Jellybean portrait shows us how units of color placed together make an image.
 Scanned or digitally captured image  Image created on computer using graphics software.
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
Image size and Image Sensors. Look at an image in Photoshop Two ways to specify Image size…
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Vector vs. Bitmap
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Understanding Images on the Computer How do images work and why?
Color and Resolution Introduction to Digital Imaging.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
 Scanned or digitally captured image  Image created on computer using graphics software.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $
Raster Graphics 2.01 Investigate graphic image design.
Scanning Basics. An image can be created, opened, edited, and saved in over a dozen different file formats in Photoshop. Of these, you might use only.
Images Size & The Web. When putting your photos on the Web or sending them by , the smaller you can get them, the better. One simple thing you can.
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.
Graphics Concepts Presentation
By: Catyana Brown Information Technology in a Global Society: Multimedia.
Information Technology Images: Types, Resolution and Techniques.
Guilford County SciVis V104.03
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.
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.
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Screen and Image Resolution
Vector vs. Bitmap.
Pixel, Resolution, Image Size
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Bitmap vs. Vector.
Units of Measurement, Image Resolution, & Color Mode
Graphics Basics Ellen Eyth.
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
Using GRAPHICS Bristol Community College CIS 13 Business Creativity Sources: Conference for Desktop Publisher and Others.
LET’S LEARN ABOUT GRAPHICS!
ImageEditing Understanding Image Resolution.
Screen and Image Resolution
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Screen and Image Resolution
Presentation transcript:

2.01D Investigate graphic image design. Image Resolution

Types of Images Clip Art – premade graphics that are available online and in many software packages; may be vector or raster. Photographs – raster images that contain millions of colors. Art Work – computer created drawings or paintings; may be raster or vector.

Types of Images Which type of image is appropriate? Select images that reflect the purpose and theme of the document. Use images to convey meaning and communicate, not to decorate.

The quality of an image is dependent upon two factors: 1. Resolution 2. Aspect Ratio Aspect Ratio Resolution

Image Resolution Resolution is the amount of detail (or data) stored for an image. The higher the resolution, the higher the level of detail in the image. Resolution is measured in PPI, or pixels per inch (the number of pixels contained in one inch). − The higher the PPI, the more data that is stored and the better the quality. the larger the file size. Image editing software can be used to change the resolution of an image.

Image Output Methods Images can be viewed in two ways: − On a screen or monitor − By printing it on paper Monitors − The display resolution on monitors is also measured in PPI. − Monitors are low resolution devices, most display 72 PPI. Printers − Printers create output by placing ink or toner on paper. − The resolution at which printers can print is measured in Dots Per Inch (DPI). − Printers are high resolution devices in order to print images clearly without pixilation or blurriness.

Match The Image Quality To The Delivery Method. Images that will be displayed on a monitor do not need a high resolution. − Using a low resolution means smaller file sizes. − Images with small file sizes load quicker. Images that will be printed need a higher resolution. − Images with 150 PPI are sufficient for printing on most personal desktop printers. − Images with 300 PPI are better for printing on more sophisticated printers and will produce higher-quality photographs.

Aspect Ratio Aspect Ratio – relationship of an object’s width to its height Aspect Ratio Resolution

What’s the answer? Start Here An image that is 1”x 1” has a resolution of 100 PPI What is the effect on the resolution of enlarging the image to 2”x 2”? It becomes 50 pixels per inch. The same number of pixels is still in the image but the display area is larger What happens to the image quality? If the resolution is reduced by half, the image quality is also reduced. (continued)

What’s the answer? Continued How will this image look when printed? You will see pixilation because each pixel in the image must cover a larger space on the screen.

Resizing a Raster Image A small image that is enlarged is easily distorted. Pixels are not added, just enlarged Better to start with a large image and make it smaller File size will remain the same An image must be edited in a photo editing program to reduce file size.