Graphics and Images Communicating Information : Documents and Publications.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

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.
2.01 Understand Digital Raster Graphics
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
An Introduction to Scanning and Storing Photographs and Graphics Bryn Jones Aug 2002
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Digital Imaging Raster (Bitmapped) Images. 1. How they work…  Image data is stored in literal “map”  Each pixel (picture element) is measured for its.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
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?
Graphics and Animation Multimedia Projects Part 2.
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.
Image formats. Basic terminologies… Pixels: Pixels are the building blocks of every digital image. a pixel is a single point in a graphic image. Resolutions:
Software. Read the description on the next slide. Can you picture the scene?
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Graphic Format Factors
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
$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 $
Things to Remember When working with digital images.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Representing and Storing Graphics EXTENSION.
Raster Graphics 2.01 Investigate graphic image design.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Graphics Concepts Presentation
Exploring Web Design Chapter 1. Objectives Develop a new perspective of the WWW Learn what makes a website good or bad Discover how to apply objective.
Information Technology Images: Types, Resolution and Techniques.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
2.01 Understand Digital Raster Graphics
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
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Types of Graphics Technological Design.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Digital imaging.
Exploring Computer Science - Lesson 3-4
Computer Science Higher
2.01 Understand Digital Raster Graphics
Image Formats.
2.01 Investigate graphic image design.
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.
Exploring Computer Science - Lesson 3-4
Digital Images.
File size and image quality
1.01 Investigate graphic types and file formats.
An Introduction to Scanning and Storing Photographs and Graphics
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
MED 2001 Advanced Media Production
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Presentation transcript:

Graphics and Images Communicating Information : Documents and Publications

What image? A graphic is an image … a picture.

to inform? to explain to remind to entertain to shock to instruct to guide to simplify to help Why would you use a graphic or image?

to inform to explain? to remind to entertain to shock to instruct to guide to simplify to help Why would you use a graphic or image?

to inform to explain to remind to entertain to shock to instruct? to guide to simplify to help Why would you use a graphic or image?

to inform to explain to remind to entertain? to shock to instruct to guide to simplify to help Why would you use a graphic or image?

to inform to explain to remind to entertain to shock to instruct to guide? to simplify to help Why would you use a graphic or image?

to inform to explain to remind to entertain to shock to instruct to guide to simplify? to help Why would you use a graphic or image?

to inform to explain to remind to entertain to shock? to instruct to guide to simplify to help Why would you use a graphic or image?

How do you think images are captured on a computer?

You can capture images using certain devices connected to the computer. You can also create images on the computer using different types of software or programs. There are painting programs and drawing programs. Can you remember any that you have used?

Dots, dots, dots All captured images are called bitmap images. If you take a close look you will see that an image is made up of dots. In fact they can be made up of thousands, hundreds of thousands or even millions of dots! These dots are called pixels.

The higher the dpi, the better quality the image. The dpi of the image is called the resolution. An image with lots of dpi is a high resolution image. An image with a small amount of dpi is a low resolution image. Higher or lower Bitmap images are measured in dots per inch, otherwise known as dpi.

Points, points, points The other type of images are vector images. These images are created in special drawing programs. Vector images are made up of lines and shapes. These can be grouped together to make up another shape. When images are made bigger the quality remains the same.

Dots or points Choosing a bitmap or vector image depends on why you are using the image.

description: examples: advantages: disadvantages: Bitmap an image made up of tiny dots called pixels photos captured using a scanner; an image created in a paint program the colour of each individual dot can be changed the quality suffers as the image is made bigger; nothing can be added behind or in front of the image; can take up a lot of computer memory.

description: examples: advantages: Vector an image made up of lines and shapes plan of a room in a house; a company logo does not take up much memory; lines and shapes can be grouped and placed in front or behind each other; the quality remains the same as image is made bigger. only the colour of whole lines or shapes can be changed. disadvantages:

Chopping and changing An image can be manipulated (changed) in many ways.

Chopping and changing

I’m saved! It is important to save images so they can be used at another time. There are a number of formats that images can be saved as. On the following slides are the most widely used on PCs:

.tiff

.bmp

.gif

.jpeg

.png

At a loss? File formats come in two types: lossy and lossless. Lossy formats lose some of the image colours when the file is saved (those not usually seen by the naked eye!). While the quality of the image may not be the best possible, lossy formats are useful as they do not take up a lot of memory. Lossless formats save the image as it is – this ensures that the quality remains the same. However, they take up more memory than a lossy format.

FileQualityMemory used Benefits.tifflosslesshighVery good quality images. Ideal for printing..bmplosslesshighVery good quality images. Ideal for printing..giflosslesslowUsed for images with less than 256 colours. Ideal for animations, text and line drawings, and web site animations. Has transparency feature..jpeglossylowGood images with up to 16 million colours. Not first choice for printing. Very good for web site photographs..pnglosslessVery lowImages of any quality, printed or not. Very good for images on a web site.

Summary There are two types of graphics, bitmap and vector. Images can be captured or created. The higher the resolution of an image, the better the quality. There are many ways an image can be manipulated. Images can be saved in many formats, including.bmp,.tiff,.png,.jpeg and.gif. What can I remember?