Digital Image Creation & Editing

Slides:



Advertisements
Similar presentations
The Keys to Speed. File Extensions Definition A tag of three or four letters, preceded by a period, which identifies a data file's format or the application.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
CHS GRAPHICS GDP UNIT 01 FILE FORMATS Understanding File Formats.
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Telling a Story: Introduction.
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.
Designing for Web stuff you need to know before you start.
2.01 Understand Digital Raster Graphics
2.02 Understand Digital Vector Graphics
Vector Graphics 2.02 Understand Digital Vector Graphics.
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.
Objective 1.  Also known as raster images.  Made up of pixels in a grid.  Pixels: tiny dots of individual color that makes up what you see on your.
Raster vs Vector and Image Resolution By Josh Gallagan.
Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.
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.
What the difference is between bitmap and vector images. Which is suitable and when. Why do I need to know this?
Chapter 3 Survival Techniques. Goals Discover that being an Illustrator artist is more than just knowing the tools Develop a basic understanding of the.
Graphic Images 101. Painted on a grid Drawn mathematically.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
Copyright © Texas Education Agency, All rights reserved.1 Introduction to Scanners Principles of Information Technology.
Basic Knowledge of Web creation. Computer graphic knowledge Graphic file has 2 types Raster Graphic A bitmap or raster image are comprised of pixels in.
 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.
SOFTWARE TYPES Word processing Page layout Paint Draw.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify 3 types of vector programs.
Digital Imaging 101 Ann Ware
$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 $
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.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Flash Vector vs. Raster. Vector vs. Rastor Vector –Made up of points and vectors –Scalable –Low file size –Can appear smooth Rastor –Pixels of color –Scaling.
Raster vs. Vector 2.02 Understand Digital Vector Graphics.
© UNT in partnership with TEA1 Introduction to Scanners Principles of Information Technology.
2.02 Understand Digital Vector Graphics
2.01 Understand Digital Raster Graphics
Multimedia Subject: Informatics of Technology II year
Common Bitmap Image File Types
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Introduction to Scanners
Computer Graphics Presented by: May Lau.
Vector (Shapes) vs. Raster (Pixels)
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
Types of Graphics Technological Design.
Introduction to Graphics
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
RESEARCH AND APPLY GRAPHIC DESIGN TECHNIQUES #3
Bitmap vs. Vector.
IMAGE SIZE AND RESOLUTION
PHOTOSHOP.
2.02 Understand Digital Vector Graphics
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Digital Image Formats: An Explanation
2.02 Understand Digital Vector Graphics
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
الوسائط المتعددة Multimedia.
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.02 Understand Digital Vector Graphics
Presentation transcript:

Digital Image Creation & Editing Vector vs Raster

What is Raster? Image or images created with pixels Can be a photograph or video Can be in different digital formats such as jpg, gif, png, psd, tiff, mpg, mov, wmv, mp4

Features of Raster Image file format standard for photography and video Are resolution dependant More pixels = higher resolution Can be reduced in size but doesn’t scale up in size without reducing image detail/quality

Raster aka Bitmap Comprised of pixels and each pixel has a color value. More pixels/color = larger file size

What is Vector? Vector is a mathematically based method for creating line data Popularized by Pierre Bezier to help with automobile manufacturing techniques for Renault

Features of Vector Vector files are scaleable without losing image quality Because they are math based, vector files are smaller in file size generally Vector files aren’t internet browser friendly, require the proper software for display such as Adobe Flash

Vector Graphics Vector graphics can be stored in different formats, AI, PDF, WMF, FLC Font data is stored as vector Are resolution “independent”

Which one is a bitmap image Can you guess? Which one is a bitmap image and which are vector?

They are all vector! A proficient vector artist can create images that look like a photo. Yes, this is a time consuming process. Sometimes taking a photo is too easy.

Vector vs Bitmap Vector is scaleable, bitmap loses quality when scaled up Bitmap is best for photographs and video Fonts are stored as vector to ensure image quality at any size

Practice Do this for 10 images. Open up Microsoft word Remember to place your name, date, and class section in the right hand corner Select class appropriate Vector photos from the web Then use https://www.vectorizer.io/ to change them to Raster ( Bitmap) photos Do this for 10 images.