How-to-Design 👁️ ✋ 🧠

Prof. Ian Besler

Agenda

  1. How to Design? (Class Intros, Illustrator Basics Demo)
  2. Elements of Design
  3. Principles of Design
  4. Dimenion + Texture (EoD 3)
  5. Balance + Contrast (PoD 1)
  6. Dimension (EoD 5)
  7. Texture (EoD 6)
  8. Weekly Topic
  9. Weekly Topic
  10. Weekly Topic
  11. Weekly Topic
  12. Weekly Topic
  13. Weekly Topic
  14. Weekly Topic
  15. Weekly Topic
  16. Weekly Topic

Projects

  1. Project 1: Logo (Grid/Symmetry)
  2. Project 2: Portrait (Form/Field)
  3. Project 3: Money (Cohesion/Credibility)
  4. Project 4: Portfolio (System/Storytelling)

Workshops

  1. Workshop 1: The Golden Ratio
  2. Workshop 2: Workshop
  3. Workshop 3: Workshop
  4. Workshop 4: Workshop
  5. Workshop 5: Workshop
  6. Workshop 6: Workshop
  7. Workshop 7: Workshop
  8. Workshop 8: Workshop
  9. Workshop 9: Workshop
  10. Workshop 10: Workshop
  11. Workshop 11: Workshop
  12. Workshop 12: Workshop

Demos

  1. Adobe Illustrator
    1. Adobe Illustrator: Basics
      (Google Slides) (PDF)

      Raster vs. Vector, Artboards, Navigation, File Menu, View Menu, Guides, Grid, Transforms

    2. Adobe Illustrator: Shapes
      (Google Slides) (PDF)

      Rectangle Tool, Color Tool, Color Panel, Swatches Panel, Spot Colors, Eyedropper Tool, Stroke Panel, Gradient Panel, Gradient Tool

    3. Adobe Illustrator: Advanced Shape Control
      (Google Slides) (PDF)

      Anchor Points, Paths, Pen Tool, Curvature Tool, Object Menu, Path Sub-Menu

    4. Adobe Illustrator: Advanced Layout
      (Google Slides) (PDF)

      Object Menu, Arrange, Group/Ungroup, Lock/Unlock, Hide/Show, Layers Panel, Align Panel, Symbols Panel

    5. Adobe Illustrator: Frame Animation
      (Google Slides) (PDF)

      Animation & Frames, Illustrator Paste on All Artboards, Export for Screens, Photoshop Image Stack, Timeline Palette, Exporting Animated GIFs/Videos

    6. Adobe Illustrator: Clipping Masks, Pathfinder, Blends
      (Google Slides) (PDF)

      Clipping Mask Tool, Pathfinder Panel, Blend Tool

    7. Adobe Illustrator: Stylize & Appearance
      ( (Google Slides) (PDF)

      Transparency Panel, Drop Shadow, Feather Effect, Appearance Panel

    8. Adobe Illustrator: Expand, Live Paint, Symbols, Patterns
      (Google Slides) (PDF)

      Expand, Live Paint, Symbols, Patterns

  2. Adobe Photoshop
  3. Adobe InDesign
    1. Adobe InDesign: Basics (Google Slides) (PDF)
    2. Adobe InDesign: Typography & Layout
    3. Adobe InDesign: Interactive PDFs

Portfolio Design & Book Binding

Portfolio Design & Book Binding
  1. Book Layout Dummies (Google Slides) (PDF)
  2. Portfolio Design Process, Book Layout Dummies

  3. Book Binding (Google Slides) (PDF)
  4. Book Binding Methods, Kettle Stitch Book Binding

Adobe Photoshop

Adobe Photoshop
  1. Adobe Photoshop: Basics (Google Slides) (PDF)
  2. PSD File Format, Image Formats, Photoshop Layers, Marquee, Lasso, Magic Wand, Image Menu, Image Size, Canvas Size, Desaturate, Invert, Gradient Map, Halftone Patterns

References

  1. Weekly Topic

Week 04

  1. Weekly Topic