1. Illustrator I I450 Technology Seminar

2. Bitmap vs. Vector Photoshop = Bitmap Illustrator = Vector Bitmap images are resolution dependent Vector images are resolution independent Terminology –Bitmap = Raster

3. Bitmap vs. Vector Bitmap Images –Bitmap images -- also known as raster images -- are made up of pixels in a grid. Pixels are picture elements; tiny dots of individual color that make up what you see on your screen. All these tiny dots of color come together to form the images you see. The typical computer monitor has 72 or 96 pixels per inch, depending on your monitor and screen settings.

4. Bitmap 32 pixels Most desktop icons are bitmap images, and are 32 pixels x 32 pixels. Notice the pixels in this image.

5. Resolution Bitmap images are displayed on a computer at 72 or 96 dpi (dots per inch) –dpi = ppi (pixels per inch) Bitmap images are printed at 150-300 dpi A 300 dpi scanned image appears much larger on a 76 dpi computer screen

6. Bitmaps All scanned images All images from a digital camera Pixels in a grid Resolution dependent Resizing reduces quality Easily converted Restricted to rectangle Minimal support for transparency

7. Bitmap vs. Vector Vector Images –Vector images are made up of many individual, scalable objects. These objects are defined by matematical equations rather than pixels, so they always render at the highest quality. Objects consist of lines, curves, and shapes with editable attributes such as color, fill, and outline

8. Vector Scalable Resolution independent No background Cartoon-like Inappropriate for photo-realistic images Metafiles contain both raster and vector data

9. Vector Because they're scalable, vector-based images are resolution independent. You can increase and decrease the size of vector images to any degree and your lines will remain crisp and sharp, both on screen and in print. Fonts are a type of vector objectresolution

10. Vector images are not restricted to a rectangular shape like Bitmaps

11. Rasterizing Turning a vector image into a bitmap Lose all the vector qualities

12. Illustrator File -> New Set size –Pixels, inches –Letter, 800 x 600 Orientation RGB, CMYK

13. Layers and History Doesn’t use layers like Photoshop Objects in Illustrator are independent of each other No History Palette –Use Undo (Crtl + Z) to go back as far as the beginning of an image

14. Navigation Hand Tool Navigator Window –Move red box over desired spot on image

15. Zooming Can zoom up to 6400% Photoshop = 1600% Notice image renders perfectly at 6400% –No pixilation because the images are not made with pixels! Vector graphics scale perfectly, forever

16. Arrange Send to back Send to front Send backward Send forward

17. Shapes

18. Selection Tools Selection tool Direct selection tool Select entire objects Select endpoints of objects

19. Moving selections Once an image is selected use the arrow keys to move it in small increments –Hold down Shift to move it faster

20. Stroke Fill Color Stroke Color Stroke = Image Border Stroke Palette on the right Set weight, cap, etc. Cap = rounded corners, or straight Join = for boxes – round corners, or straight

21. Crtl & Alt Shortcuts Alt drag = copy, paste –Hold down Crtl D to keep pasting To scale an image perfectly, hold down Shift while scaling Hold down Alt and scale to scale from the middle

22. Pen tool Used to draw curves

23. Gradient Similar to Photoshop

24. Grouping Group objects: –selecting them –right click –Group Ungroup: –Right click –Ungroup Once objects are grouped you can move them together

25. Divide Tool Used to cutout the intersection of two objects Create two objects, place them so they are overlapping: –Transform -> Pathfinder -> Divide

26. Divide Shortcut Put one object on top of the other Select both objects Press Crtl + 7 –Get the intersection of the two

27. Create Outlines Type -> Create Outlines –Creates endpoints –Use direct selection tool to manipulate these endpoints

28. Rotate Tool Place an anchor point on the page Rotate images around this point

29. Styles, Swatches, Brushes, Symbols Styles with Shapes

30. References http://graphicssoft.about.com/library/extra/ blfund_bitmap.htmhttp://graphicssoft.about.com/library/extra/ blfund_bitmap.htm