Vector images

24
Unit 1 Selby High School Fireworks Vector images What are vector images? How are they different from bitmap images?

description

Vector images. What are vector images? How are they different from bitmap images?. Objectives. To understand what a vector image is To understand how to create vector images using fireworks . Vector images. Are made up of lines and curves. - PowerPoint PPT Presentation

Transcript of Vector images

Page 1: Vector images

Unit 1 Selby High School Fireworks

Vector imagesWhat are vector images? How are

they different from bitmap images?

Page 2: Vector images

Unit 1 Selby High School Fireworks

Objectives• To understand what a vector image is• To understand how to create vector

images using fireworks

Page 3: Vector images

Unit 1 Selby High School Fireworks

Vector images• Are made up of lines and curves. • When you make them bigger or

smaller they don’t lose their quality• They are not as detailed as bitmap

images, but they take up less computer memory

Page 4: Vector images

Unit 1 Selby High School Fireworks

Fireworks IntroductionDraw a Vector Bike

Page 5: Vector images

Unit 1 Selby High School Fireworks

Create New document & Find your picture…

Go to www.google.co.uk and find a picture

of a sideways facing bike.

Save your fireworks file and click on File

New

Page 6: Vector images

Unit 1 Selby High School Fireworks

Copy the bike…

Copy and paste the bike you found

earlier into your Fireworks file

Page 7: Vector images

Unit 1 Selby High School Fireworks

Pen tool…Select the pen tool

and use the settings as below.

Page 8: Vector images

Unit 1 Selby High School Fireworks

Main Frame…

Ctrl Z pressed at the same time will

undo the last step – TRY IT NOW.

Click on the centre of the rear wheel, move your

mouse then click where you want the line to be drawn. Use this method to draw

the main bike frame. Double click to complete

the drawing.

Page 9: Vector images

Unit 1 Selby High School Fireworks

Front Forks…Draw the front

forks of your bike. The pen tool is really useful for drawing straight

lines.

Page 10: Vector images

Unit 1 Selby High School Fireworks

Saddle StemDraw another line from the saddle to the chain sprocket.

Page 11: Vector images

Unit 1 Selby High School Fireworks

Handle bars… Add the handlebars, again with only straight

lines.

Page 12: Vector images

Unit 1 Selby High School Fireworks

Wheels… Click on the ellipse tool. Hold shift and

drag to draw a circle roughly the

shape of your front wheel.

Page 13: Vector images

Unit 1 Selby High School Fireworks

Finish the front wheel…Change the size of

your front wheel so that it fits nicely over your base

picture. Remember to keep the width

and height the same to keep it a

circle. Then nudge it into position.

Page 14: Vector images

Unit 1 Selby High School Fireworks

Rear wheel…Copy and paste

your front wheel and position it on

the rear wheel

Page 15: Vector images

Unit 1 Selby High School Fireworks

Chain Sprocket…Reduce the size of the pen tool and draw a smaller

circle and nudge it into place on the chain sprocket.

Page 16: Vector images

Unit 1 Selby High School Fireworks

Pedals…Draw in the pedals

and the pedal spindle.

Page 17: Vector images

Unit 1 Selby High School Fireworks

Saddle…Zoom in and go to the saddle part of your bike. Use the rectangle tool and draw a rectangle over the top of

your saddle.

Page 18: Vector images

Unit 1 Selby High School Fireworks

Distort…1. Use the distort

tool and drag the bottom left corner upwards

to create a wedge shape.

Page 19: Vector images

Unit 1 Selby High School Fireworks

SAVE your work then delete your internet picture…

Now that your bike is complete, you can delete your original picture.

Find the original on the layers tab on

the right and click the trash can to

delete it.

Page 20: Vector images

Unit 1 Selby High School Fireworks

Errors… If there are any errors or gaps

between your lines, you can see them

now. You can modify your bike

now so that it looks complete. You’re

done!

Page 21: Vector images

Unit 1 Selby High School Fireworks

Make it Colourful…

Select an item , click on the colour chooser and start

changing some colours

Page 22: Vector images

Unit 1 Selby High School Fireworks

Finished the bike?• Add a background using the vector

tools. • It could be– A shop– A skate park– A road

Page 23: Vector images

Unit 1 Selby High School Fireworks

Vectors/Bitmaps • Google Maps is a good example of

bitmap and vector images

Satellite View – Bitmap

Map view -

Page 24: Vector images

Unit 1 Selby High School Fireworks

Task• Go to google maps• Type in your home post code• Alternate between the map and

satellite view.

• What happens when you zoom in and out?

• Which one is clearer?• Which one is more detailed?