As you can see from the Sydney Opera House example, the raster image looks more realistic as it is easier to create a realistic image out of thousands of coloured dots than it is with a collection of coloured shapes. Both formats have their advantages however. In the next example, the top portion of the highest sail on the opera house has been enlarged considerably.
Good for complex artwork and realistic images such as photos. Vector graphics can also be a little easier to edit. As the picture is made of shapes, it is easier to select and edit individual parts. For example, in both of the examples below, a sail of the opera house has been selected. In the vector example on the right it was a simple matter of clicking a shape to select it. With the raster graphic on the left, however, it was a much more painstaking process as the computer doesn’t know that all of those pixels are part of the same object. It’s all coloured dots as far as the computer is concerned so applications like Photoshop need to include complex selection tools to assist the user in selecting parts of an image.
In this example, you can see the decrease in quality with the raster graphic. If you zoom in or enlarge a raster graphic, then the individual pixels become clearly visible. Since the vector graphic is made out of shapes, you can resize or zoom in as much as you want and the quality will remain unchanged.
Week 1 Ai Intro
FashionCommunication83233 Fashion Drawingand Digital Media
Please…• Keep Facebook for outside class.• Mobile phones switched off // or to airplane mode to record or use camera in class so we can all support each other to be present.• Respect the amazing computers provided and keep ALL food and drink OUT of the computer labs.• Don’t hack or download copyright music.• Keep your account access to yourself.• Leave chairs in the room.• Have fun
Laptop Loans• If you need a laptop temporarily (ie. yours has broken down or you need one for a project) UTS loans laptops for 1 week at a time.• Go to the UTS: IT Support Centre desk on level 4 (entry level in the engineering building (bldg 2) - entry through tower building.
USBs: 8MB or or more Tip: Cheapies from Officeworks!
Illustrator (Ai):Illustrator is the proffessional standard layout and illustration software.
Raster and Vector Images• Raster • Vector • Created by a mathematical formula which• Are measured in dpi (dots per inch) forms smooth lines, curves and geometric objects• Resolution dependant: when scaled, the pixels get larger and the image • Resolution independent – show examples will become less clear with jagged edges • Scaled up or down without image deteriorating, they remain sharp and clear• Edited using image editing software, • Make excellent line drawings, DDS, logos, Photoshop. type, t-shirt images for sportswear, etc. • Much smaller file size than bitmap.• Best results – scan and work at the correct resolution and size from the • Specs and flats ideal to send via e-mail beginning • Once downloaded can be scaled to required size
The following example shows the differencebetween a raster image and a vector image.• Raster • Vector Image
Selection• Raster selection • Vector Selection• Complex, computer doesn’t know that all the pixels are part of the same object.• Just coloured dots according to the computer • Simple, a matter of clicking on the shape to select individual parts • Easier to edit
Image Modes:RGB(Red,Green,Blue)The primary image mode forgraphics is RGB You should be awareof the other modes though.Is faster to work with than CMYK, asRGB creates a smaller file sizemaking it perfect for web.The human eye perceives colour asRGB; scanners and digital camerascapture colour information in RGB;computer monitors display colour asRGB.
CMYK(Cyan,Magenta,Yellow,Black)Colour printers generally use amixture of different coloured inks tocreate the range of colours needed.RGB images must be converted toCMYK for commercial printingWhen an image is converted toCMYK some of the brilliance of theRGB gamut (range) of colours will belost, so the image will have a dullerappearance
ResolutionBefore scanning an image or taking a photo to use in Illustrator the requiredresolution and image mode (RGB, CMYK, Grayscale) should be determined.Choose:300dpi for commercial printing ofbooks, glossy magazines and brochures.150-200dpi for laser and inkjet printers(home/office printers) make a test print to clarifythe best resolution for your printer72-96dpi for e-mail attachments, the web, PowerPoint and multimedia
Major changes to resolution after you have startedmay result in loss of detail and colour The larger the dpi the better the quality of the shot
• The image editing tools and commands for this lesson are selected from the mainLesson tool panel:OverviewWhen you learn any newskill it is important to Rotate Toolstart with the basics. Select & DirectWe are going to start by Select Arrowslooking atIllustrators Reflect Toolinterface and workspace. (under Rotate Tool)Then I am going tocoversomeessentialtechniques, tools Stroke and Filland commands.
TECHNIQUES1. CREATE A NEW FILE2. OPEN AN IMAGE3. SIMPLE SELECTING4. DRAW A SHAPE5. ROTATE AN IMAGE6. REFLECT AN IMAGE7. RETURN AN IMAGE TO A PREVIOUS STATE8. COPY & PASTE9. SAVING FILES10. PEN TOOL
Pen Tool = VERY IMPORTANT.It is used to create technical sketches in the industry and is the go totool for Design Assistants / Designers.It can be a bit tricky to begin with but you may find once you master itthat you eventually LOVE it!