WF 02
Hand Sketch to Portfolio Page
Scanner → Photoshop → InDesign
Target OutcomeA print-ready portfolio page with cleaned hand sketches composed on an InDesign parent page template with consistent margins, type styles, and grid.
Scanner / Phone
→
JPEG
→
Photoshop
→
Cleaned JPEG
→
InDesign
→
Portfolio PDF
01
Scan the Sketch
Scan at 300dpi, grayscale. Save as JPEG. Phone cameras work fine — use Adobe Scan or Microsoft Lens to flatten perspective and reduce shadows.
Scan straight and flat. Crooked scans waste time in Photoshop.
02
Clean in Photoshop
Photoshop
Crop first. Then use adjustment layers to clean non-destructively — make a copy before editing the original pixels directly.
- Curves adjustment layer Ctrl M — pull the highlight end up to blow out paper tone and brighten whites
- Black & White adjustment layer — desaturate if starting from a color scan
- Levels adjustment layer — tighten the black and white points to punch up contrast
03
Export
Photoshop
Export as JPEG for placement in InDesign.
- File → Export → Export As — JPEG, quality 8–10
- Keep the .psd only if you did significant retouching. For basic scan cleanup, export the JPEG and delete the original scan to save space.
04
Set Up the InDesign Document
InDesign
New document: set page size, margins, columns, and bleed. Enable facing pages for a bound portfolio.
- 11"×17" landscape — most people view portfolios on 16:9 screens today, but this size also prints well. Set 0.125" bleed on all sides.
- Set margins and column guides here — these become the skeleton for your parent page
05
Build the Parent Page
InDesign
The parent page is the master template. Anything placed here repeats on every page it is applied to.
- Open via Pages panel → A-Parent. Double-click to edit.
- Add automatic page numbers: draw a text frame → Type → Insert Special Character → Markers → Current Page Number
- Place repeating elements here: course name, project title area, margin lines, logo, etc.
- Apply the parent to pages by dragging it onto page thumbnails in the Pages panel
- To override a parent element on a specific page: Ctrl Shift click the element
06
Set Up Paragraph Styles
InDesign
Define styles for title, caption, and body text. Apply consistently — never format text manually.
- Open Paragraph Styles panel F11 → New Style
- Define at minimum: Title, Caption, Body. Set font, size, leading, and color in each.
- To apply: click inside a text frame → click the style name. Changes to the style update all instances across the document.
07
Place Sketches and Compose
InDesign
Place images and build your layout using the document grid as a guide.
- Ctrl D or drag and drop to place — select multiple images at once in the dialog; use arrow keys to cycle through loaded images before placing
- Without releasing the mouse, use arrow keys to split the drag into a grid of frames. Hold Ctrl while pressing arrow keys to adjust gaps. Hold Shift to constrain frames to squares.
- Fit content: Ctrl Alt E (fit proportionally) or Ctrl Alt Shift E (fill frame)
- Click inside a frame with the Direct Selection tool A to reposition the image within its crop
Align and distribute frames consistently across pages.
- Align panel — align to page, spread, or selection
- Ctrl Alt U Step and Repeat — duplicate a frame at a precise offset to build a consistent grid
- Use Smart Guides (View → Grids & Guides) to snap frames to each other and to the margin
- Add captions using your Caption paragraph style directly below each frame
08
Export
InDesign
Export as PDF for print or screen.
- Ctrl E → PDF (Print) for physical output — include bleed and crop marks
- PDF (Interactive) for screen — smaller file, no bleed needed
- Use Ctrl Alt Shift P (Package) before sharing — collects all linked images and fonts into one folder