Graphics 1. Pixel vs Vector 2. Photoshop vs Illustrator vs Fireworks.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

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 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.
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.
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
ICS 61 - Graphics. Light Color Wheel Color Perception.
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.
Dedicated Vector and Bitmap editing software.
Unit 30 Digital Graphics – Course overview Anne Sewell
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
Computer Graphics Prepared by Dragon Lee 1 January 2003.
© 2000 – All Rights Reserved - Page 1 Workflow in Computer Graphics Workflow in Computer Graphics For Print and For the Web.
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
 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.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
Graphics and Animation Multimedia Projects Part 2.
Multimedia in Web Images. A Picture Tells A Thousand Words Forms of Images Photograph Painting Symbol Logo Flag Map Diagram Functions Provide facts Explain.
EDT321EDT321 1 Summer Session Online Presentations Presentation Guidelines Design Guidelines Graphic File Types Power Point Skills PowerPoint Project.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Graphics in HTML. Graphics  Question: How does a web page include graphics?  Are the graphics included in the HTML file or separate files?
I n t r o t o d e s i g n Raster vs. Vector Images.
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.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
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.
Introduction to Vector Graphics and Adobe Illustrator CS3
Graphic Image Editing Software. It removes White Backgrounds CS3 Fireworks is for Editing Non-Photo Images.
Photoshop 7.0. What is Photoshop Photoshop is a graphics package used to create, modify and correct pictures and images. Retouching photos.
Introduction To Technology.  In computer graphics, there are two type of graphics:  Raster  Vector.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
OV Copyright © 2012 Logical Operations, Inc. All rights reserved. Beginning with Image Basics  Manage Image Elements and Formats  Work with Digital.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor.
Graphics Concepts Presentation
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.
Raster vs. Vector 2.02 Understand Digital Vector Graphics.
STEM. a. Photoshop is the world’s leading digital image editing software application. b. People use it to create, enhance and modify images, such as brochures,
What is the Internet?. The Internet is millions of computers all over the world connected together so they can exchange information.
Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.
Efficient Game Graphics From Flash MX 2004 Game Design Demystified.
Computer Graphic. Raster graphics In computer graphics, a raster graphics image, digital image, or bitmap, is a data structure representing a generally.
Adobe Products Introduction. Menu Within this PowerPoint I plan to give small introduction to some of the applications provided by adobe. These are the.
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.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
Download Free PSD File
Royalty Free Background Textures
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Digital Imaging 101 Ann Ware.
Vector (Shapes) vs. Raster (Pixels)
Types of Graphics Technological Design.
RESEARCH AND APPLY GRAPHIC DESIGN TECHNIQUES #3
Adobe Fireworks.
Graphics Basics Ellen Eyth.
Some terms to become familiar with:
Graphics and Animation
Traditionally artist have created their work with the following tools:
Graphics Basic Concepts.
ImageEditing Understanding Image Resolution.
Digital Media Objective
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
Digital Image Creation & Editing
Vector (Shapes) vs. Raster (Pixels)
Color and Images.
Graphics and Animation
DREAMWEAVER FIREWORKS PHOTOSHOP FLASH.
Presentation transcript:

Graphics 1. Pixel vs Vector 2. Photoshop vs Illustrator vs Fireworks

Pixel Based Graphics Squares of Color Quality of Graphic decreases as it is enlarged

Vector Based Graphics Mathematical equations Can be enlarged unlimitedly

More about Pixel Graphics When is it Appropriate? –Photos! –Web only graphics How are they created? –Photoshop Almost impossible to convert to vector

More about Vector Graphics When is it Appropriate? –Uses are unsure or known to be wide in scope How are they created? –Illustrator Easy to convert to raster (pixel)

Scenarios Picture re-coloring? Online Image for mailing list signup? Company Logo? Event Web Page Header?

Fireworks? Vector and Raster!?!?! Create or Edit… Why not just use Fireworks? –Originally designed as a Photoshop contender by Macromedia. –It doesn’t do either as well as Photoshop or Illustrator Purpose: to do site Mockups.

Next Class Topic: Graphics Continued Prepare: Read Ch 5 Name to Logo (due date?)