Objective 103.01 Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.

Slides:



Advertisements
Similar presentations
Pixels and Digital Images Yrd. Doc. Dr. Ahmet Sayar Kocaeli Universitesi Bilgisayar Muhendisligi Ileri Bilgisayar Grafikleri.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Multimedia Mr. Sanchez.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
2.01 Understand Digital Raster Graphics
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Vector vs. Bitmap SciVis V
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.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
1 Internet Graphics. 2 Representing Images  Raster Image: Images consist of “dots” of color, not lines  Pixel: Picture element-tiny rectangle  Resolution:
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
Fundamentals of Photoshop
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.
Computer Graphics Using “ Adobe Photoshop ” Introduction to E-Learning Center, DAD presents Workshop on Instructor: Mazhar.
07: Color in Interactive Digital Media
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Colours and Computer Jimmy Lam The Hong Kong Polytechnic University.
Vector vs. Bitmap
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.
Foundations of Web Design I Photoshop CS5 Michael Daniel
Graphics and Animation Multimedia Projects Part 2.
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
Color and Resolution Introduction to Digital Imaging.
Adobe Illustrator Chapter 1 Notes Pages 1-2 –1-75 Mrs. Leonard.
ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Computer Graphics An Introduction Jimmy Lam The Hong Kong Polytechnic University.
DIGITAL IMAGE. Basic Image Concepts An image is a spatial representation of an object An image can be thought of as a function with resulting values of.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Representing and Storing Graphics EXTENSION.
Digital Imaging Fundamentals Ms. Hema C.R. School of Mechatronic Engineering.
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
CS 101 – Sept. 14 Review Huffman code Image representation –B/W and color schemes –File size issues.
RGB vs. CMYK Screen vs. Print.
Vocabulary Worksheet Answers
Raster vs. Vector 2.02 Understand Digital Vector Graphics.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
RASTERIZING SHAPES IN PHOTOSHOP RASTERIZE: A process in Photoshop of converting a vector image into a bitmap (or raster) image VECTOR: A vector image is.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand concepts used to create digital graphics.
Guilford County SciVis V104.03
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.
Computer Graphic. Raster graphics In computer graphics, a raster graphics image, digital image, or bitmap, is a data structure representing a generally.
Multimedia and weBLOGging Grade 7-9 | Cahaya Bangsa Classical School (C) 2010 Digital Media Production Facility 03 - Still Picture 01 – Basics.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
Unit 2.6 Data Representation Lesson 3 ‒ Images
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Objective % Explain design concepts used to create digital graphics.
Images Data Representation.
Graphics 1 Graphics 2 Color 2 I Spy 1pt 1 pt 1 pt 1pt 1 pt 2 pt 2 pt
Data Representation Images.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Units of Measurement, Image Resolution, & Color Mode
Graphics Basics Ellen Eyth.
Chapter I Digital Imaging Fundamentals
Adobe Visual Design 2.00 Identifying design elements when preparing images (10%) 7.00 Identifying design elements when preparing illustrations (1%)
Graphics and Animation
Graphics Basic Concepts.
Computer Graphics Using “Adobe Photoshop”
MED 2001 Advanced Media Production
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Color and Images.
Computer Systems Nat 4.5 Computing Science Data Representation
Basic Concepts of Digital Imaging
2.01 Understand Digital Raster Graphics
Objective % Explain design concepts used to create digital graphics.
Graphics and Animation
Presentation transcript:

Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics

Digital Graphics ✓ Drawings ✓ Logos ✓ Photos ✓ Advertising ✓ Buttons ✓ Icons ✓ Diagrams ✓ Charts Any image or design created or edited by a computer

✓ Use square pixels arranged in a grid that have assigned colors ✓ Lose clarity when viewed up close or zoomed in ✓ Also referred to as Raster Graphics Bitmap Graphics vs. Vector Graphics Concepts of Digital Graphics ✓ Use mathematical formulas to define lines, points, curves, and other attributes. ✓ Do not lose clarity when viewed up close or zoomed in ✓ Best type of graphic for printing in large scale

Resolution ✓ Describes the clarity of Bitmap Graphics ✓ Determined and defined by the number of Pixels Per Inch (PPI) Concepts of Digital Graphics LOW RESOLUTION - blurry in appearance - relatively small file size HIGH RESOLUTION - very clear in appearance - relatively large file size

Color Modes of Digital Graphics - Black & White - Grayscale - True Color - RGB (Red, Green, Blue) - CYMK (Cyan, Yellow, Magenta, Black) uses only true black and true white uses true black, true white, and all shades of gray in between all possible color combinations optimized for viewing on a screen optimized for printing purposes Concepts of Digital Graphics

Color Depth ✓ The number of distinct colors a graphic is capable of displaying ✓ Related to color mode 1-Bit : Black & White 8-Bit : Indexed Color (256 colors) 24-Bit : True Color (16.7 million colors) Concepts of Digital Graphics