Your SlideShare is downloading. ×

Vector to Bitmap Workflow for Surface Designers


Published on

Fashion Education. Advantages of developing an understanding of Vector [Adobe Illustrator] and bitmap {Adobe Photoshop] images for integrated surface design development.

Fashion Education. Advantages of developing an understanding of Vector [Adobe Illustrator] and bitmap {Adobe Photoshop] images for integrated surface design development.

Published in: Business, Technology
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. FashionCAD Vector to Bitmap Workflow for Surface Designers Elaine Polvinen Buffalo State College
  • 2. Smart Designers
    • … need to educate themselves about how to navigate between vector and bitmap off the shelf programs relating to the basic concepts of:
      • Color Separation
      • Custom Color Palettes
      • Preparing a bitmap/vector “single repeat”
      • Resolution
      • Importing and exporting files
      • Resampling images
  • 3. CAD Studios
    • Off-the-shelf software can significantly:
      • reduce pre-production costs.
      • compliment and integrate with industrial CAD systems.
      • expand their current CAD product development capacities.
  • 4. Bitmap and Vector
    • A variety of Off-the-shelf vector/bitmap packages provide extensive moderately priced pre-production development potential.
  • 5. Bitmap and Vector
    • Most widely used off-the-shelf programs….
      • Adobe Photoshop®
      • Adobe Illustrator®
    • Specialized plug-ins for apparel/textile industry.
  • 6. Bitmap and Vector
    • Two major graphic types and each type has exceptional attributes.
    Vector Bitmap 100% 300% 500% 1200% 1600% 3200% 4800% 800%
  • 7. Bitmap Graphics
    • Bitmap-based images are easier to work with and are comprised of pixels in a grid but they are resolution dependant .
    • In addition to a variety of off-the-shelf bitmap programs CAD industry textile design software systems are also bitmap/raster based.
  • 8. Adobe PS Bitmap Graphics Image Interpolation settings under Preferences set how the pixels will be modified. Nearest Neighbor to maintain same number of colors and Bicubic for tonal images.
  • 9. Adobe PS Bitmap Graphics
    • Primary limitation of bitmap Image development…
      • “ RESOLUTION”
  • 10. Bitmap Graphics : Image Resampling 300% zoom Nearest Neighbor – solid colors keeps colors separated Bicubic [tonal]- Anti Alias [soft edge] Creates multiple blended edges … as image size increases, image gets choppier. … as image size increases, image gets burlier.
  • 11. Bitmap Graphics
    • Designers moved towards off-the-shelf bitmap first because of the…
      • freedom to intuitively simulate actual hand painting and drawing tools.
    • CAD surface design for industry began with proprietary bitmap-based industrial CAD systems…
  • 12.
    • Vector software - it was used primarily for marker making and garment pattern development. Vector software has come a long way since the days of the simple black line.
    but CAD History began with…
  • 13. Smart Designers Learn…
    • How to use the “best of both vector and bitmap worlds.”
    • The unique characteristics of each program and plug-in.
    • How to integrate them into their workflow to radically speed up creativity and productivity in the CAD studio.
  • 14. Vector Graphics : Resolution-Free
    • Objects that are resolution free because they can be output to the highest quality at any scale.
    • Line drawings that computers render using mathematical logarithms.
      • appliqué graphic
      • logos
      • line art: fashion croquees and/or product specs
  • 15. Vector Graphics: Flexibility, Object Oriented
    • The unfamiliar concept of treating everything as individual and group “objects” must be assimilated to successfully retool and design in vector format.
    Objects, Elements
  • 16. Vector Graphics: Pattern Development
    • Pattern Development
      • Create a custom swatch or pattern brush
    • Symmetry Works
      • How it works…. seventeen built-in symmetries
      • Clipping masks
      • Replicas
      • Cropping a single repeat
  • 17. Vector Graphics: Small File Size
  • 18. Vector Graphics: Great Specs
    • Great product specification sheets can be quickly developed in Illustrator.
      • They can be totally developed in Illustrator or they can easily be exported into Excel or MSWord for detailed measurement and additional listing of notions and costing info.
  • 19. Advantages of Vector Graphics
    • Resolution-free
    • Flexibility - objects or elements can be endlessly modified
    • Objects or elements can be archived for future use
    • Built-in pattern making functions
      • Art brush
      • Scatter brush
      • swatch
    • SymmetryWorks Plug-in (w/Adobe)
    • Great specs
    • Small file size
  • 20. Incorporating the Advantages of Both..
    • Increases creative options.
    • Increases productivity.
  • 21. Integrated Development
    • Can begin in vector format and shifted at anytime (in any resolution) over to bitmap development for fine tuning (if needed).
    • With vector graphics – “you” the designer determine the size and resolution when importing a vector design into a bitmap program.
  • 22. Vector to Bitmap Import You determine the size, you determine the color mode and you determine the RESOLUTION…
  • 23. Vector to Bitmap Import Very important not to select the anti-alias function when importing or working with bitmap images. NO ANTI ALIAS Individual number of colors remain constant ANTI ALIAS Multiple color tones are added to soften edges – number of colors increase 3 colors 10-40 colors
  • 24. Integrated Development
    • Translates into a cost effective, quick response pre-production design development strategy.
  • 25. Bitmap Graphics
    • Color Separation options in Photoshop®
  • 26. Basic Pattern Development
    • Can be completed in Photoshop® and Illustrator ®
      • Straight – bitmap/vector Half Drop – bitmap/vector
      • H & V flip – bitmap/vector
      • Seamless – bitmap/vector
      • Tossed – bitmap/vector
      • Encrusting – bitmap/vector
  • 27. Textures and Simulations
    • Unlimited variety can be completed in Photoshop® and Illustrator® using traditional materials and techniques as inspirations.
  • 28. Specialized Adobe Plug-ins
    • Clicdesign PlaidMaker Pro®
    • Clicdesign MotifStudio®
    • Clicdesign StyleDraper®
    • Clicdesign ColorTool®
    • Clicdesign ColorChart ®
  • 29. Clicdesign PlaidMaker Pro®
  • 30. Clicdesign MotifStudio®
  • 31. Clicdesign StyleDraper®
  • 32. ClicDesign ColorTool ® in Illustrator®
    • Create and manage color story boards.
      • Generate color combinations.
      • Changes to a sketch are updated in real time to all color combinations.
      • Big time saver.
  • 33. ClicDesign ColorChart ® in Photoshop®
    • For managing and matching your colors.
      • Send color charts to your printer.
      • 3600 colors are stored in your swatch file for easy access.
      • Big time saver.
  • 34. Pantone Color Chooser ® in Photoshop® or Illustrator® PANTONE® for fashion and home color chooser kit … works with Illustrator® and Photoshop®
  • 35. Integrated Development
    • Many pre-production steps are possible in an off the shelf vector or bitmap design program before shifting over to a commercial CAD program.
  • 36. File Formats
    • Bitmap – continuous tones or can be indexed.
    • Tiff– Excellent - continuous tones or can be indexed, alpha channels can be saved and can be compressed.
    • JPG – highest quality is ok – high compression.
    • EPS - Encapsulated PostScript can contain a combination of text, graphics and images.
    • PNG – true color or indexed, alpha channels can be saved – excellent compression.
    • Portable Document Format (PDF) is a flexible, cross-platform, cross-application file format. Adobe compression.
  • 37. CAD in Industry
    • Additional cost cutting in industry is possible with a solid digital understanding of how to integrate off-the-shelf software with the series of development steps that are required to take a product from an initial idea to it’s final pre-production stage.
  • 38. CAD in Industry
    • Many development stages are completed in off-the-shelf before shifting over to industrial CAD stations but students and designers need to be educated about how to prepare vector files for pre-production to avoid additional file setup charges.
  • 39. CAD in Industry
    • Will industrial CAD systems become obsolete?
    • Never – Industrial CAD systems address many different functions for specialized manufacturing requirements.
  • 40. CAD in Education
    • The growing trend in education is to focus more on “the basic concepts” that off-the-shelf programs can provide before shifting over to industrial software.
    • Why? Once students learn the basic concepts on off-the-shelf software the learning curve to transition over to industrial software is significantly lowered.
  • 41. The Bottom Line…workflow
    • Use the “best of both worlds” to speed up productivity, cut production costs and develop design archives all at the same time.
    • Effectively integrate off-the-shelf with industrial CAD systems to expand your design facilities.
  • 42. The End… Thank you… [email_address] Elaine Polvinen Buffalo State College © 2004-2007, by Elaine Polvinen all rights reserved This material can be used for non-commercial use only