WF 02
Hybrid Drawing + Deck
Hybridize · Diagram · Lay Out
Length1 session
SheetsPlan 11"×17"; others any size
FormatPs → Ai → Id → PDF
DueThu Dec 3
Learning Objectives
- How hand linework and digital media share one drawing
- Linked files: the Photoshop → Illustrator → InDesign pipeline a firm uses for a presentation deck
AssignmentA presentation deck of your WF06 project, laid out in InDesign from linked files and exported as one PDF: your plan on an 11"×17" page over a toned-down satellite base, with vector diagrams of circulation, materials, and planting drawn in Illustrator, plus your sections and other drawings, hybridized in Photoshop.
Final Integrated Drawing Set (due Dec 21)
This deck starts your final set. Keep the InDesign file and its Links folder; the other workflows go in as more pages.
Scanned Drawings
→
Photoshop
→
Illustrator
→
InDesign
→
PDF Deck
Part 1 — Photoshop: Hybrid Drawings
01
White Balance Your Scans
Photoshop
Open your scanned WF06 drawings — any size, one file per drawing. Make the paper read as clean white and the lines as true black. Add a Levels adjustment layer and click the paper with its white-point eyedropper; this removes the yellow or blue cast in one move.
- Drag the black slider in until the linework is solid, and the white slider until paper texture drops out
- Still a color cast? Use the gray-point eyedropper on a neutral area, or Filter → Camera Raw Filter → Temperature and Tint
- Straighten and crop with C (Crop) before you add anything
02
Set the Plan on a Satellite Base
Photoshop
The plan is the one sheet with a fixed size: 11"×17" landscape at 300 dpi. This is the live demo. Place the WF06 aerial under your plan scan and set the scan to Multiply so the paper drops out. Add a Black & White adjustment clipped to the aerial, and lower the aerial’s opacity until it reads as context and your linework leads.
- The aerial is on the WF06 page, same frame and scale as the base plan
- Line the two up with Ctrl T (Free Transform) and scale uniformly, so the plan stays at 1"=20'
- Start the aerial around 30–50% opacity and adjust by eye
03
Hybridize Other Drawings
Photoshop
On your own
Do this on your own after class, with the same moves as the plan, on your sections, perspective, and other drawings. Collage material into them: a photographed canopy set on your hand-drawn trunks, a ground texture, sky, figures. Keep the scan on top in Multiply so your lines stay in front.
- Use layer masks, not the eraser — you can always paint a mask back
- Clip a Hue/Saturation or Curves adjustment to each asset (Alt-click between layers) so it matches the rest
- Let the hand linework lead: keep assets partial, and leave some areas as pure drawing
- Site photos or a Hockney-style joiner can be one of your assets
04
Save Layered PSDs
Photoshop
Save every drawing as a layered PSD in a Links folder next to where your InDesign file will live. These are your working files; Illustrator and InDesign link to them.
- File → Save As → Photoshop (.psd), layers kept
- Name files by drawing:
plan.psd,section-a.psd,perspective.psd
Part 2 — Illustrator: Plan Diagrams
05
Place the Plan
Illustrator
Open a 17×11 in artboard and File → Place
plan.psd with Link checked. Put it on its own layer and lock it.- Need to change the drawing? Select it and click Edit Original in the Links panel; the update comes back to Illustrator
06
Draw the Diagrams in Vector
Illustrator
On layers above the plan, draw what the hand drawing doesn’t say: circulation, materials, planting, zones. One layer per system, so you can turn each on and off or pull one out as its own diagram page.
- Circulation: arrows weighted by how many people move along each path
- Materials: flat fills or hatches with a small legend
- Planting: canopy circles and planting areas, keyed to a plant list
- Keep the palette small and let the satellite and linework sit underneath
07
North Arrow, Scale Bar, Labels
Illustrator
Finish the plan with a north arrow, a scale bar, and labels. Save it as .ai in the Links folder.
- Draw the scale bar from the 1"=20' base: 1 inch on the artboard is 20 feet
- Save with Create PDF Compatible File on, so InDesign can place it
Part 3 — InDesign: The Deck
08
Lay Out the Deck
InDesign
Build the deck with as many pages as your project needs. Make the plan page 11"×17" landscape; size the other pages to suit the drawings. Ctrl D places the plan .ai and the PSDs as links. Add a title and short captions.
- Change a PSD and the .ai and the deck both update; the Links panel flags any file that moved
- Single diagram layers can become their own pages: place the .ai again and pick visible layers under Object → Object Layer Options
09
Export the PDF
InDesign
Export the deck as one PDF and post it to Miro.
- File → Export → Adobe PDF (Print)
- File → Package collects the InDesign file and every link into one folder when you hand the deck off