week 1 ai intro

34
83233 Fashion Drawing and Digital Media Fashion Communication

Upload: kirsten-hedgpeth

Post on 25-Jun-2015

405 views

Category:

Design


3 download

TRANSCRIPT

Page 1: Week 1 Ai Intro

83233 Fashion Drawing and Digital Media

Fashion Communication

Page 2: Week 1 Ai Intro

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

Page 3: Week 1 Ai Intro

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.

Page 4: Week 1 Ai Intro

USBs: 8MB or or more

Tip: Cheapies from Officeworks!

Page 5: Week 1 Ai Intro

Illustrator (Ai): Illustrator is the proffessional standard layout and illustration software.

Page 6: Week 1 Ai Intro

Creating vector images…

Page 7: Week 1 Ai Intro

Victor Faretina // Curvy-world.com

Page 8: Week 1 Ai Intro

Gianluca Fallone // Design ShootRetroshoot.com

Page 9: Week 1 Ai Intro
Page 10: Week 1 Ai Intro
Page 11: Week 1 Ai Intro
Page 12: Week 1 Ai Intro

Accessories

Page 13: Week 1 Ai Intro

Intricate

Page 14: Week 1 Ai Intro

Shading

Page 15: Week 1 Ai Intro
Page 16: Week 1 Ai Intro

Range Plans

Page 17: Week 1 Ai Intro

Front, side and back view

Page 18: Week 1 Ai Intro

Look books

Page 19: Week 1 Ai Intro

Spec Sheets

Page 20: Week 1 Ai Intro

Costing Sheets

Page 21: Week 1 Ai Intro

Trend prediction books

Page 22: Week 1 Ai Intro

Merchandising Plans

Page 23: Week 1 Ai Intro

Sewing patterns and instructions

Page 24: Week 1 Ai Intro

Raster and Vector Images

• Raster• Are measured in dpi (dots per inch) • Resolution dependant: when scaled,

the pixels get larger and the image will become less clear with jagged edges

• Edited using image editing software, Photoshop.

• Best results – scan and work at the correct resolution and size from the beginning

• Vector• Created by a mathematical formula which

forms smooth lines, curves and geometric objects

• Resolution independent – show examples

• Scaled up or down without image deteriorating, they remain sharp and clear

• Make excellent line drawings, DDS, logos, type, t-shirt images for sportswear, etc.

• Much smaller file size than bitmap.

• Specs and flats ideal to send via e-mail

• Once downloaded can be scaled to required size

Page 25: Week 1 Ai Intro

The following example shows the difference between a raster image and a vector image.

• Raster • Vector Image

Page 26: Week 1 Ai Intro

Selection• Raster selection

• Complex, computer doesn’t know that all the pixels are part of the same object.

• Just coloured dots according to the computer

• Vector Selection

• Simple, a matter of clicking on the shape to select individual parts

• Easier to edit

Page 27: Week 1 Ai Intro

Differences in Resolution

• Raster • Vector

Page 28: Week 1 Ai Intro

Image Modes:RGB (Red, Green, Blue)

The primary image mode for graphics is RGB You should be aware of the other modes though.

Is faster to work with than CMYK, as RGB creates a smaller file size making it perfect for web.

The human eye perceives colour as RGB; scanners and digital cameras capture colour information in RGB; computer monitors display colour as RGB.

Page 29: Week 1 Ai Intro

CMYK (Cyan, Magenta, Yellow, Black)

Colour printers generally use a mixture of different coloured inks to create the range of colours needed.

RGB images must be converted to CMYK for commercial printing

When an image is converted to CMYK some of the brilliance of the RGB gamut (range) of colours will be lost, so the image will have a duller appearance

Page 30: Week 1 Ai Intro

Resolution Before scanning an image or taking a photo to use in Illustrator the required resolution and image mode (RGB, CMYK, Grayscale) should be determined.

Choose: 300dpi for commercial printing of books, glossy magazines and brochures.

150-200dpi for laser and inkjet printers (home/office printers) make a test print to clarify the best resolution for your printer

72-96dpi for e-mail attachments, the web, PowerPoint and multimedia

Page 31: Week 1 Ai Intro

Major changes to resolution after you have started may result in loss of detail and colour

The larger the dpi the better the quality of the shot

Page 32: Week 1 Ai Intro

Lesson Overview

• The image editing tools and commands for this lesson are selected from the main tool panel:

When you learn any new skill it is important to start with the basics.

We are going to start by looking at Illustrator's interface and workspace.

Then I am going to cover some essential techniques, tools and commands.

Select & Direct Select Arrows

Stroke and Fill

Reflect Tool(under Rotate Tool)

Rotate Tool

Page 33: Week 1 Ai Intro

TECHNIQUES1. CREATE A NEW FILE2. OPEN AN IMAGE3. SIMPLE SELECTING4. DRAW A SHAPE 5. ROTATE AN IMAGE6. REFLECT AN IMAGE7. RETURN AN IMAGE TO A PREVIOUS STATE8. COPY & PASTE 9. SAVING FILES10. PEN TOOL

Page 34: Week 1 Ai Intro

Pen Tool = VERY IMPORTANT.

It is used to create technical sketches in the industry and is the go to tool for Design Assistants / Designers.

It can be a bit tricky to begin with but you may find once you master it that you eventually LOVE it!