Graphics 1 Graphics 2 Color 2 I Spy 1pt 1 pt 1 pt 1pt 1 pt 2 pt 2 pt

Slides:



Advertisements
Similar presentations
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Advertisements

Color COM 366 Web Design & Production. RGB color Amount of light in each channel Closer to 255, whiter color gets Every color has value for red,
2.01 Understand Digital Raster Graphics
Vector vs. Bitmap SciVis V
V Obtained from a summer workshop in Guildford County July, 2014
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
ICS 61 - Graphics. Light Color Wheel Color Perception.
Computer Graphics Using “ Adobe Photoshop ” Introduction to E-Learning Center, DAD presents Workshop on Instructor: Mazhar.
Simple Graphics. Graphics Used in PowerPoint, Web pages and others Basic Knowledge drawing change of colour, shape and others acquiring, video camera,
07: Color in Interactive Digital Media
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
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.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.
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.
Understanding and Using Color
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
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.
Digital imaging and web design ©2003, Mark Rayner Colour, Graphics & Layout How we see Colour systems Graphic files Composition.
Computer Graphics An Introduction Jimmy Lam The Hong Kong Polytechnic University.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor.
Graphics Concepts Presentation
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
PART TWO Electronic Color & RGB values 1. Electronic Color Computer Monitors: Use light in 3 colors to create images on the screen Monitors use RED, GREEN,
Guilford County SciVis V104.03
Computer Graphic. Raster graphics In computer graphics, a raster graphics image, digital image, or bitmap, is a data structure representing a generally.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
Colour CPSC Colour ● Models ● RGB ● CMY(K) ● HSB (or HSV) ● RYB ● Harmonies ● Monochrome ● Complementary ● Analogous ● Triadic.
Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Graphics vs. Images A graphic is any type of visual presentation that can be displayed on a physical surface like a sheet of paper, wall, poster, blackboard,
Objective % Explain design concepts used to create digital graphics.
DIGITAL MEDIA FOUNDATIONS
2.01 Understand Digital Raster Graphics
COLOR THEORY Color is the eye’s response to the visual spectrum from red to violet. Different colors in the spectrum are created by different wavelengths.
Color Theory.
2.01 Understand Digital Raster Graphics
Vector vs. Bitmap.
Introduction to raster graphics
Basic Knowledge of Web creation
RESEARCH AND APPLY GRAPHIC DESIGN TECHNIQUES #3
2.01 Understand Digital Raster Graphics
Bitmap vs. Vector.
Units of Measurement, Image Resolution, & Color Mode
Graphics Basics Ellen Eyth.
Agenda 2/27/17 Sketch/write #30: Raster Vs. Vector Article
LET’S LEARN ABOUT GRAPHICS!
Adobe Visual Design 2.00 Identifying design elements when preparing images (10%) 7.00 Identifying design elements when preparing illustrations (1%)
COMS 161 Introduction to Computing
Digital Images.
Graphics and Animation
Сабақтың тақырыбы: Компьютерлік графика негіздері
Computer Graphics Using “Adobe Photoshop”
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Web Programming– UFCFB Lecture 7
An introduction to color theory
Color and Images.
Multimedia System Image
Visuals are analog signals...
2.01 Understand Digital Raster Graphics
Objective % Explain design concepts used to create digital graphics.
Graphics and Animation
Presentation transcript:

Graphics 1 Graphics 2 Color 2 I Spy 1pt 1 pt 1 pt 1pt 1 pt 2 pt 2 pt

Also called raster images, these images are pixel-based.

Also called raster images, these images are pixel-based. Bitmap Images

These images are mathematically-based.

These images are mathematically-based. Vector Images

These images: are usually created/illustrated in “draw” or “illustrate” programs have smooth edges create curves or shapes are good for precise illustrations

These images are VECTOR images! are usually created/illustrated in “draw” or “illustrate” programs have smooth edges create curves or shapes are good for precise illustrations

These images: are created & edited in “photo” or “paint” programs are mapped to a grid are not easily scalable

These images are BITMAP images! are created & edited in “photo” or “paint” programs are mapped to a grid are not easily scalable

What are the 2 main categories of graphic images?

What are the 2 main categories of graphic images? bitmap & vector

What is the smallest unit of measurement regarding computer data?

What is the smallest unit of measurement regarding computer data? a bit

Bit depth refers to the number of colors that can be displayed Bit depth refers to the number of colors that can be displayed. The _____ the bit depth, the _____ the file size.

Bit depth refers to the number of colors that can be displayed Bit depth refers to the number of colors that can be displayed. The higher the bit depth, the larger the file size.

What are the 3 primary graphic file formats for Web images?

What are the 3 primary graphic file formats for Web images? GIF, JPEG & PNG

__ is the preferred file format for images with large areas of solid colors (logos, graphics & cartoons).

GIF is the preferred file format for images with large areas of solid colors (logos, graphics & cartoons).

___ is a relatively new image file format and it can be 24-bit or 8-bit.

PNG is a relatively new image file format and it can be 24-bit or 8-bit.

The ____ color model is typically used when dealing with color viewed on a computer monitor.

The RGB color model is typically used when dealing with color viewed on a computer monitor.

The ____ color model is used on print material when printing in full color.

The CMYK color model is used on print material when printing in full color.

The CMYK color model is _____, which means light comes from a source, hits an object and reflects from the object into the eye.

The CMYK color model is reflective, hich means light comes from a source, hits an object and reflects from the object into the eye.

The RGB color model is _____, which means that light comes straight from the light source to your eyes.

The RGB color model is non-reflective, which means that light comes straight from the light source to your eyes.

What 3 types of colors make up the color wheel?

What 3 types of colors make up the color wheel What 3 types of colors make up the color wheel? primary, secondary & tertiary (tur-shee-er-ee)

___ refers to what most of us mean by color ___ refers to what most of us mean by color. It is the generic name used to describe a color.

Hue refers to what most of us mean by color Hue refers to what most of us mean by color. It is the generic name used to describe a color.

Red, Yellow & Blue are _______ colors.

Red, Yellow & Blue are primary colors.

The “C” in the CMYK color model stands for ______.

The “C” in the CMYK color model stands for Cyan (sahy-an).

_______ refers to the amount of white there is in the color.

Brightness refers to the amount of white there is in the color.

The result of blending a primary color with a secondary color is…?

The result of blending a primary color with a secondary color is… a tertiary (tur-shee-er-ee)color.

This is an example of a ____ image.

This is an example of a bitmap image.

This is an example of a _____ image.

This is an example of a vector image.

Yellow & Red make …?

Yellow & Red make Orange

Yellow & Blue make …?

Yellow & Blue make Green

Blue & Red make …?

Blue & Red make Purple