Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic.

Slides:

Advertisements

Similar presentations

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

Advertisements

Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.

Introduction to Computer Graphics

Images. Image File Formats All browsers support All browsers support –GIF (Graphic Interchange Format)  limited to 256 colors  lossless compression.

Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.

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.

Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.

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.

Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.

1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)

Task 01 – Explain how different types of graphical images relate to file formats, file conversions, formats and compression. Emily Riley.

Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.

All About File Formats Mr. Butler John Jay High School Department of Technology.

Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.

8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.

Graphics and Animation Multimedia Projects Part 2.

Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.

Graphics and Images Communicating Information : Documents and Publications.

CHAPTER 4 : MULTIMEDIA DEVELOPMENT 4.2 MULTIMEDIA ELEMENTS IMAGE/graphic/picture.

Graphics workshop Library and Information Services University of St Andrews.

Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.

Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.

File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.

2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.

File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.

Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.

Vector vs. Raster Objectives:

Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.

Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.

FILE TYPES FOR WEB DESIGN 1 HOW SHOULD I SAVE?. GRAPHICS INTERCHANGE FORMAT (GIF) Best used for flat-color, sharp-edged art or text Clip art, logos Compression.

Raster Graphics 2.01 Investigate graphic image design.

Graphics Concepts Presentation

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.

21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.

Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.

By tom squire.  Graphic cards are made of millions of dots called pixels. Graphic cards take data from the CPU and turn it into a picture. At most common.

13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.

Online & Offline Publishing - Bitmaps & Vector Graphics Keywords: Paths, Points, Resize, Transparency, Resolution, Print Quality Web Image File Formats:

Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

Vector (Shapes) vs. Raster (Pixels)

Web Graphics By Chris Harding.

2.01 Understand Digital Raster Graphics

Introduction to raster graphics

Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.

2.01 Investigate graphic image design.

Graphics Basics Ellen Eyth.

A computer display is made up of small squares, called pixels.

Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.

File size and image quality

Graphics and Animation

1.01 Investigate graphic types and file formats.

Graphics Basic Concepts.

GIMP BY MR. YOUSUF VALI 11/20/201811/20/2018.

Representing Images 2.6 – Data Representation.

Web Design and Development

2.01 Understand Digital Raster Graphics

ИНФОРМАТИКА И РАЧУНАРСТВО Наставна тема: РАЧУНАРСКА ГРАФИКА

GIMP BY MR. YOUSUF VALI 12/31/201812/31/2018.

2.01 Investigate graphic image design.

2.01 Understand Digital Raster Graphics

Vector (Shapes) vs. Raster (Pixels)

2.01 Investigate graphic image design.

Graphics and Animation

2.01 Investigate graphic image design.

Creating Digital Graphics

Presentation transcript:

Graphics Theory

Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic formats

Starter Task Can you name these graphics and logos below?

What are graphics? ‘A picture is worth a thousand words’ A graphic is a visual representation of a word/s or occurrence/event Graphics can be paper-based or electronic Virtually all graphics today are electronic

Why are they so important? Eye catching image that captures a persons interest within an instant Can be more powerful than text Can be a representation of an organisation, e.g. a company logo or football team badge

File Types JPEG JPEG stands for Joint Photographic Experts Group. It is basically a compression tool for images. BMP A bitmap image defines the colour of every pixel in the image. Good for high quality images but it uses a lot of memory.

File Types PNG The Portable Network Graphics (PNG) format is one of the most recent formats. This format was created as freeware. GIF Graphics Interchange Format GIF is a common way of compacting bitmap images.

Vector vs Bitmap Which graphic loses quality when resizing?

Compression ‘Lossless’ Image ‘Lossy’ Image

The software There are many types of software for image Manipulation, the most commonly used are: Jasc Paint Shop Pro Macromedia Fireworks Adobe Photoshop

Pixelation P ixelation is an effect caused by displaying a bitmap at such a large size that individual pixels, are visible to the eye.

Pixelation [2] Early graphical applications ran at low resolutions with a small number of colours, and had visible pixels. The resulting sharp edges gave curved objects and diagonal lines an unnatural appearance.

Anti - Aliasing Anti-aliasing is the process of blurring sharp edges in pictures to get rid of the jagged edges on lines. After an image is rendered, some applications automatically anti-alias images. Original imageAnti aliased image

CYN (Check Your Notes) Name 4 common file types. Explain what lossy and lossless images are. Describe anti-aliasing. Describe Pixilation.