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

Slides:

Advertisements

Similar presentations

Raster Graphics 2.01 Investigate graphic image design.

Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

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.

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

Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.

Fonts Typeface Typography. Leading Spacing between lines.

Graphic Images 101. Painted on a grid Drawn mathematically.

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.

Chapter 8: Digital Media1 Digital Media Chapter 8.

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.

 Scaling an image is resizing the image in a graphic editing software so it is the proper size before adding it to a site.  Important NOTE: If you insert.

SBEC Master Technology Teacher Competency 5 Marie L. Evans EDTC 6342 Janice Butler.

SOFTWARE TYPES Word processing Page layout Paint Draw.

THE THEORY & CONCEPTS Lesson 1 – Part 1. What is Graphic Design It’s a CREATIVE PROCESS Undertaken in order to convey a specific message/s I can’t teach.

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

Digital File Formats ACCT-IGD-10: Students will generate and manipulate various graphic imaging processes. ACCT-IGD-15: Students will identify and produce.

Information Processes and Technology Multimedia: Graphics.

MILLIONAIRE SCOREBOARD $100 $200 $300 $500 $1,000 $2,000 $4,000 $8,000 $16,000 $32,000 $64,000 $125,000 $250,000 $500,000 $1 MILLION Click the $ for.

CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.

Graphics workshop Library and Information Services University of St Andrews.

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.

Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.

Graphics and CAD. LO: Understanding graphics formats, manipulation, and the benefits of using CAD software. Learning Outcome: Define key words and answer.

Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.

Vector vs. Raster Objectives:

Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.

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

Digital Imaging 101 Ann Ware

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.

What is GIS? GIS is an integrated system used to view and manage information about geographic places, analyze spatial relationships, and model spatial.

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

Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.

Vector vs. Raster What’s the difference between vector and raster file formats? The real difference between the two formats is how they are used.

2.01 Understand Digital Raster Graphics

File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.

2.01 Understand Digital Raster Graphics

Digital Imaging 101 Ann Ware.

Vector (Shapes) vs. Raster (Pixels)

Higher Graphic Communication

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Introduction to Graphics

2.01 Understand Digital Raster Graphics

Introduction to raster graphics

Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.

Higher Graphic Communication

2.01 Investigate graphic image design.

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.

"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.

Graphics and Animation

1.01 Investigate graphic types and file formats.

Graphics Basic Concepts.

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

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.

"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.

Graphics and Animation

2.01 Investigate graphic image design.

Presentation transcript:

21 st Century Technology

Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change

Programs assign each pixel to a point on a grid Grid is called a Raster Images are called Raster Images or bitmaps

File Extension = 2 to 4 letters after the dot at the end of a file name Example: picture.JPG The letters = a file format

BMP = bitmap JPG = jay-peg GIG = Graphics Interchange Format TIF = Tagged Image File PNG = Portable Network Graphics

EPS = Encapsulated PostScript SVG = Scalable Vector Graphics

Large files = long download times Large files = lots of storage space used

Compression Lossless Lossy Resolution Resampling Resizing

Use a web-based image editing software such as fotoflexer.com to upload and edit a photo. (You can also use a sample photo provided on the Web site of the software) Save the original photo as 3_Apply3_original. Resize the image to approximately 150 pixels X 200 pixels Save the edited photo as 3_Apply3_web_based