Illustrator IBitmap vs. VectorSlide 3BitmapResolutionBitmapsSlide 7VectorSlide 9Slide 10RasterizingIllustratorLayers and HistoryNavigationZoomingArrangeShapesSelection ToolsMoving selectionsStrokeCrtl & Alt ShortcutsPen toolGradientGroupingDivide ToolDivide ShortcutCreate OutlinesRotate ToolStyles, Swatches, Brushes, SymbolsReferencesIllustrator II450 Technology SeminarBitmap vs. Vector•Photoshop = Bitmap•Illustrator = Vector•Bitmap images are resolution dependent•Vector images are resolution independent•Terminology–Bitmap = RasterBitmap 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.Bitmap32 pixels32 pixelsMost desktop icons are bitmap images, and are 32 pixels x 32 pixels.Notice the pixels in this image.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 screenBitmaps•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 transparencyBitmap 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 outlineVector•Scalable•Resolution independent•No background•Cartoon-like•Inappropriate for photo-realistic images•Metafiles contain both raster and vector dataVector•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 objectVector images are not restricted to a rectangular shape like BitmapsRasterizing•Turning a vector image into a bitmap•Lose all the vector qualitiesIllustrator•File -> New•Set size–Pixels, inches–Letter, 800 x 600•Orientation•RGB, CMYKLayers 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 imageNavigation•Hand Tool•Navigator Window–Move red box over desired spot on imageZooming•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, foreverArrange•Send to back•Send to front•Send backward•Send forwardShapesSelection ToolsSelection toolDirect selection toolSelect entire objectsSelect endpoints of objectsMoving selections•Once an image is selected use the arrow keys to move it in small increments–Hold down Shift to move it fasterStrokeFill ColorStroke ColorStroke = Image BorderStroke Palette on the rightSet weight, cap, etc.Cap = rounded corners, or straightJoin = for boxes – round corners, or straightCrtl & 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 middlePen tool•Used to draw curvesGradientSimilar to PhotoshopGrouping•Group objects:–selecting them–right click–Group•Ungroup:–Right click–Ungroup•Once objects are grouped you can move them togetherDivide Tool•Used to cutout the intersection of two objects•Create two objects, place them so they are overlapping:–Transform -> Pathfinder -> DivideDivide Shortcut•Put one object on top of the other•Select both objects•Press Crtl + 7–Get the intersection of the twoCreate Outlines•Type -> Create Outlines–Creates endpoints–Use direct selection tool to manipulate these endpointsRotate ToolPlace an anchor point on the pageRotate images around this pointStyles, Swatches, Brushes, SymbolsStyles with