Vector and Raster Illustrations.


83 views
Uploaded on:
Category: News / Events
Description
Vector and Raster Representation CSE5060: Sight and sound Applications on the Web Address 7 Dan Roof Raster versus Vector Design All the exchange so far has identified with raster illustrations: a moving point that touches every pixel position from upper left to base right:
Transcripts
Slide 1

Vector and Raster Graphics CSE5060: Multimedia Applications on the Web Lecture 7 Dan Eaves CSE5060: Lecture 7: Vector & Raster Graphics

Slide 2

Raster versus Vector Graphics All the examination so far has identified with raster illustrations: a moving point that touches every pixel position from upper left to base right: Bitmaps packed with GIF and JPEG, and so on.. The most exceedingly awful conceivable case. We can produce pictures utilizing vector design Using 4-6 organizes we can determine a B é zier bend. Numerous such bends are utilized to make the blueprint of a shape CSE5060: Lecture 7: Vector & Raster Graphics

Slide 3

B é zier Curves Having a framework, we can load with a shading or utilize a wellspring fill to stream changing hues into the shape. B é zier bends exchange little record sizes for extensive PC preparing. Generally, Flash activitys are vector illustrations “movies”, with the incidental raster layer out of sight. In contemporary utilization, may contain a raster feature CSE5060: Lecture 7: Vector & Raster Graphics

Slide 4

Flash Introduced First discharged in 1996 by (Macromedia was purchased by Adobe in 2005) Now called “Adobe Flash” or simply Flash Has two sections Flash – An IDE for creating movements for utilization on the web. The Flash Player – a program augmentation for running Flash activitys inside HTML-based pages Hated by numerous Time-devouring Intro pages Intrusive notices on pages But to some degree less unpleasant on the off chance that you have broadband (and peruse with the sound killed!) CSE5060: Lecture 7: Vector & Raster Graphics

Slide 5

Monash Has a Site License for: “Macromedia” Web Tools 8 Dreamweaver 8 IDE to create site pages with HTML concealed Flash 8 Basic IDE to create Flash “movies” Fireworks 8 Freehand MX The suite is introduced in all labs The permit is constrained to labs and staff so you can’t get a duplicate from the Help Desk Note that we are utilizing Release 8 (late 2005) CSE5060: Lecture 7: Vector & Raster Graphics

Slide 6

Assignment 3 Will be founded on learning and utilizing Flash May be incorporated with Assignment 4 As you learn Flash, keep your psyche on concocting thoughts for those two assignments. They may be joined! There’s some danger with that But you will surely wind up with a decent exhibition of your conjectures! CSE5060: Lecture 7: Vector & Raster Graphics

Slide 7

Raster Versus Vector Best approach to recognize them is to contrast A photo with a drawing CSE5060: Lecture 7: Vector & Raster Graphics

Slide 8

Raster Image (.jpg) Top Left Corner @ 4x CSE5060: Lecture 7: Vector & Raster Graphics

Slide 9

Vector Image (.cdr) Top Left Corner @ 4x CSE5060: Lecture 7: Vector & Raster Graphics

Slide 10

There are dependably tradeoffs With raster illustrations Many hues, bunches of point of interest, reasonable, however Very huge, can’t expand/lessening size, moderate download, little clientside preparing Required if authenticity/individuals fundamental so “Postage stamp” size important With vector representation Limited number of hues – shading inclinations (“fountain fills”), strong hues Small document size, can build/abatement size, quick download, significant clientside handling CSE5060: Lecture 7: Vector & Raster Graphics

Slide 11

The Formats Are Not Interchangeable You can’t transform a raster picture into a vector picture Well, you can yet the subsequent record is too huge to utilize! You can’t transform a vector picture into a raster picture Well, you can yet you then lose every one of the vector\'s upsides positions. Streak (and different items) let you superimpose vector layers on top of a raster picture. Furthermore, that raster picture may be a compacted film. CSE5060: Lecture 7: Vector & Raster Graphics

Slide 12

Industry Standards For making/altering vector pictures Adobe Illustrator (market pioneer) Corel Draw Macromedia Freehand (not ache for this world?) For making/altering raster pictures Adobe Photoshop (There isn’t truly any second) For making modest 2D vector activitys Macromedia Flash CSE5060: Lecture 7: Vector & Raster Graphics

Slide 13

Do Not Confuse Flash Animations with Real 3D Animations These are delivered with lavish items: LightWave 3D (NewTek) 3D Studio Max (Autodesk) Maya/Alias (Recently Autodesk) Softimage|XLS (Avid) RenderMan (Pixar) (Roughly in value request) Require huge “render farms” to fabricate last pictures Produce pictures too enormous for normal web use CSE5060: Lecture 7: Vector & Raster Graphics

Slide 14

Just to Prove Me Wrong 3D Animations for Flash Swift 3D Showcase Joe Pingleton Less favor movements Viva Graphics Don’t Click It My Flash Resourc

Recommended
View more...