Fashion
Communication
83233 Fashion Drawing
and 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.
Creating vector images…
Victor Faretina // Curvy-world.com
GianlucaFallone // Design Shoot
Retroshoot.com
Week 1 Ai Intro
Week 1 Ai Intro
Week 1 Ai Intro
Accessories
Intricate
Shading
Week 1 Ai Intro
Range Plans
Front, side and back view
Look books
Spec Sheets
Costing Sheets
Trend prediction books
Merchandising Plans
Sewing patterns and instructions
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 difference
between 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
Differences in Resolution

• Raster           • Vector
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.
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
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
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
• The image editing tools and
                             commands for this lesson
                             are selected from the main
Lesson                       tool panel:
Overview
When you learn any new
skill it is important to                             Rotate Tool
start with the basics.
                            Select & Direct
We are going to start by    Select Arrows
looking atIllustrator's                              Reflect Tool
interface and workspace.                             (under Rotate
                                                     Tool)
Then I am going to
coversomeessential
techniques, tools                  Stroke and Fill
and commands.
TECHNIQUES
1. CREATE A NEW FILE
2. OPEN AN IMAGE
3. SIMPLE SELECTING
4. DRAW A SHAPE
5. ROTATE AN IMAGE
6. REFLECT AN IMAGE
7. RETURN AN IMAGE TO A PREVIOUS STATE
8. COPY & PASTE
9. SAVING FILES
10. PEN TOOL
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!

More Related Content

PPTX
Week 1 ai into
PPTX
Btec creative media production digital graphics technology
PPTX
Vector and bitmap
PPTX
Basic of photo editing
PDF
Raster vs vector
PPTX
Session 1 photoshop overview
PDF
Photoshop: Tools and Tricks for Beginners
PPTX
Chapter 11
Week 1 ai into
Btec creative media production digital graphics technology
Vector and bitmap
Basic of photo editing
Raster vs vector
Session 1 photoshop overview
Photoshop: Tools and Tricks for Beginners
Chapter 11

What's hot (18)

DOCX
Assignment 1 - 4018
PDF
Lesson 1 • Introduction to Photoshop
PDF
PaintOffice Product Presentation
PPTX
Resolution
PDF
Prepress and File Formats: Preparing Images for Print
PPT
Basics Of Photoshop
PPTX
Photoshop intro to basics
PPTX
Unit 54 digital graphics pp
PPTX
PPTX
Sesion 2.1 introduction to photoshop (basic)
PPT
Raster Vs. Vector Presentation1
PPTX
Raster and vector
DOCX
Digital graphics technology
PPTX
Introduction to adobe Photoshop
PPTX
Adobe PS raster image
PPTX
Digital graphics
PDF
Color Systems and Spaces
PDF
Adobe Photoshop Basics - Session 2
Assignment 1 - 4018
Lesson 1 • Introduction to Photoshop
PaintOffice Product Presentation
Resolution
Prepress and File Formats: Preparing Images for Print
Basics Of Photoshop
Photoshop intro to basics
Unit 54 digital graphics pp
Sesion 2.1 introduction to photoshop (basic)
Raster Vs. Vector Presentation1
Raster and vector
Digital graphics technology
Introduction to adobe Photoshop
Adobe PS raster image
Digital graphics
Color Systems and Spaces
Adobe Photoshop Basics - Session 2
Ad

Viewers also liked (17)

PDF
Figure Drawing For Men Fashion
PPTX
Fashion Drawing Slideshow Ivanova
PDF
The art of fashion illustration
PDF
Fashion sketchbook
PPTX
Fashion drawing 3
PDF
Fashion Drawing Portfolio
PDF
Illustrator Portfolio Florencia Patti
PDF
Walter Van Beirendonck: a Fashion Illustration Process
PDF
Tanu Chourasiya,B.Sc fashion Technology+2 years Diploma
PPT
Art & design (drawing technique)
PDF
Vinita Punjabi,B.Sc.Fashion Design +2years diploma fashion design
PPTX
PDF
Fast Fashion - Marketing, Visual Merchandising, Store Design Communication
PDF
Fashion Design Postgraduate Program
PDF
NIFT study material creative ability test
PDF
Nursing Top Costing Sheet
PPTX
Costing & Pricing strategies
Figure Drawing For Men Fashion
Fashion Drawing Slideshow Ivanova
The art of fashion illustration
Fashion sketchbook
Fashion drawing 3
Fashion Drawing Portfolio
Illustrator Portfolio Florencia Patti
Walter Van Beirendonck: a Fashion Illustration Process
Tanu Chourasiya,B.Sc fashion Technology+2 years Diploma
Art & design (drawing technique)
Vinita Punjabi,B.Sc.Fashion Design +2years diploma fashion design
Fast Fashion - Marketing, Visual Merchandising, Store Design Communication
Fashion Design Postgraduate Program
NIFT study material creative ability test
Nursing Top Costing Sheet
Costing & Pricing strategies
Ad

Similar to Week 1 Ai Intro (20)

PPTX
Using Graphics in Real-World Tech Comm
PPT
Presentation
PPT
Presentation
PPT
Intro todigitalimaging
PPT
Intro todigitalimaging
PPT
Intro todigitalimaging
PPT
Introtodigitalimaging
PPT
Presentation
PPT
Photoshop graphic intro ppt by kartik mandothiya
DOC
Photoshop Elements Primer
PPT
Presentation
PPT
Presentation
PPTX
Arts 6: Lesson 1: Explains Ideas About Logo .pptx
DOCX
Unit 13 Report - 4018
PPTX
PPT
HA1 Task 1 - Technical File
PPTX
File types pro forma(1)
PDF
Introduction to graphic design mo1 Colour theory M3 FINAL.pdf
PPT
Technical file
Using Graphics in Real-World Tech Comm
Presentation
Presentation
Intro todigitalimaging
Intro todigitalimaging
Intro todigitalimaging
Introtodigitalimaging
Presentation
Photoshop graphic intro ppt by kartik mandothiya
Photoshop Elements Primer
Presentation
Presentation
Arts 6: Lesson 1: Explains Ideas About Logo .pptx
Unit 13 Report - 4018
HA1 Task 1 - Technical File
File types pro forma(1)
Introduction to graphic design mo1 Colour theory M3 FINAL.pdf
Technical file

More from Kirsten Hedgpeth (11)

PPTX
Ethical fashion lecture
PPTX
Week12 document setup
PPT
Week11 illustrator
PPTX
Week9 fashion figures
PPTX
Week6 knits & accessories
PPTX
Week 5 jackets & layout
PPTX
Week 5 jackets & layout
PPTX
Week 4 shirts
PPTX
Week 3 dresses and skirts
PPTX
Illustrator Week2 ai
PPTX
Illustrator Week2 ai
Ethical fashion lecture
Week12 document setup
Week11 illustrator
Week9 fashion figures
Week6 knits & accessories
Week 5 jackets & layout
Week 5 jackets & layout
Week 4 shirts
Week 3 dresses and skirts
Illustrator Week2 ai
Illustrator Week2 ai

Recently uploaded (20)

PPTX
DIGITAL DESIGN AND.pptxttttttttttttttttttt
PPTX
CEPT UNIVERSITY PPT FOR LITERATURE CASE STUDY FOR ARCHITECTURE
PPTX
Wrought Iron Crafts of Dindori -FINAL30112021.pptx
PDF
APPLICATION OF MATRIX PROFILE TECHNIQUES TO DETECT INSIGHTFUL DISCORDS IN CLI...
PPTX
LESSON-3-Introduction-to-Office-Suite.pptx
PDF
Sewing tools can be broadly categotrized
PPTX
BOMBAY RAYON FASHIONS LIMITED.pp ghggtx
PDF
Design and Work Portfolio by Karishma Goradia
PPTX
Fabrication Of Multi directional elevator
DOCX
Making and Unmaking of Chandigarh -a city of Crisis..docx
PPTX
introduction of linguistics bdhddjsjsjsjdjd
PPTX
2. Introduction to oral maxillofacial surgery .pptx
PPTX
GROUP-1-PA-103-PPT-BULQUERIN-CORTEZ-MORENO.pptx
PPTX
Unit - 1 ppt.pptx Design Thinking overview
PPT
Sustainable cities- concepts and approaches
DOCX
allianz arena munich case study of long span structure
PDF
Ɔɒll ϱiɿlƨ bɘlʜi ¢คll ງirlŞ ໓ēlhi ¢คll ງirlŞ ໓ēlhi
PDF
Medical diagnostic centre case study Live
PDF
Architects in Wave City Creating Dream Homes That Inspire.pdf
PDF
Major ppt for aakin cancer and Abhay.pdf
DIGITAL DESIGN AND.pptxttttttttttttttttttt
CEPT UNIVERSITY PPT FOR LITERATURE CASE STUDY FOR ARCHITECTURE
Wrought Iron Crafts of Dindori -FINAL30112021.pptx
APPLICATION OF MATRIX PROFILE TECHNIQUES TO DETECT INSIGHTFUL DISCORDS IN CLI...
LESSON-3-Introduction-to-Office-Suite.pptx
Sewing tools can be broadly categotrized
BOMBAY RAYON FASHIONS LIMITED.pp ghggtx
Design and Work Portfolio by Karishma Goradia
Fabrication Of Multi directional elevator
Making and Unmaking of Chandigarh -a city of Crisis..docx
introduction of linguistics bdhddjsjsjsjdjd
2. Introduction to oral maxillofacial surgery .pptx
GROUP-1-PA-103-PPT-BULQUERIN-CORTEZ-MORENO.pptx
Unit - 1 ppt.pptx Design Thinking overview
Sustainable cities- concepts and approaches
allianz arena munich case study of long span structure
Ɔɒll ϱiɿlƨ bɘlʜi ¢คll ງirlŞ ໓ēlhi ¢คll ງirlŞ ໓ēlhi
Medical diagnostic centre case study Live
Architects in Wave City Creating Dream Homes That Inspire.pdf
Major ppt for aakin cancer and Abhay.pdf

Week 1 Ai Intro

  • 2. 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 
  • 3. 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.
  • 4. USBs: 8MB or or more Tip: Cheapies from Officeworks!
  • 5. Illustrator (Ai): Illustrator is the proffessional standard layout and illustration software.
  • 7. Victor Faretina // Curvy-world.com
  • 8. GianlucaFallone // Design Shoot Retroshoot.com
  • 17. Front, side and back view
  • 23. Sewing patterns and instructions
  • 24. 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
  • 25. The following example shows the difference between a raster image and a vector image. • Raster • Vector Image
  • 26. 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
  • 27. Differences in Resolution • Raster • Vector
  • 28. 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.
  • 29. 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
  • 30. 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
  • 31. 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
  • 32. • The image editing tools and commands for this lesson are selected from the main Lesson tool panel: Overview When you learn any new skill it is important to Rotate Tool start with the basics. Select & Direct We are going to start by Select Arrows looking atIllustrator's Reflect Tool interface and workspace. (under Rotate Tool) Then I am going to coversomeessential techniques, tools Stroke and Fill and commands.
  • 33. TECHNIQUES 1. CREATE A NEW FILE 2. OPEN AN IMAGE 3. SIMPLE SELECTING 4. DRAW A SHAPE 5. ROTATE AN IMAGE 6. REFLECT AN IMAGE 7. RETURN AN IMAGE TO A PREVIOUS STATE 8. COPY & PASTE 9. SAVING FILES 10. PEN TOOL
  • 34. 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!

Editor's Notes

  • #26: 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.
  • #27: 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.
  • #28: 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.