Vector Logic Slides Vector Vs Raster
Lesson 01: Digital Foundations
Digital Precision
Infinite Scale
01
The Zoom Test
RASTER (.jpg)
Resolution Dependent
Made of pixels. As you zoom in, the image becomes "chunky" and loses detail.
VECTOR (.ai / .svg)
Resolution Independent
Made of math (paths). You can scale a postage stamp to a billboard without losing quality.
Anatomy of a Vector
A.
Anchor Points
The "coordinates" that define where a line starts, stops, or curves.
B.
Paths
The lines connecting anchor points. These can be straight or curved.
C.
Fill & Stroke
Attributes applied to paths. Stroke is the outline; Fill is the interior color.
Thinking in Shapes
Complex illustrations are just simple shapes added or subtracted together.
Unite
Combine shapes into one.
Minus Front
Cut holes in shapes.
Divide
Cut paths at intersections.
Intersect
Keep only overlapping areas.
Design for Transfer
"Your goal today: Create a high-contrast vector pattern. Think about the 'Analog' future—will this transfer well? Fine lines are beautiful but fragile. Bold shapes are striking but hard to transfer evenly."
Specs for Today
High Contrast (B&W or Limited Palette)
Scalable Vector Graphic (.SVG)
Pattern or Central Icon
Vector Master Worksheet Vector Master Checklist
Digital Graphics & Printmaking Hybrid Sequence
Student Name
Concept Check: Vector vs. Raster
Scenario 1
You are designing a 10-foot banner for the school gym. Why is a vector logo better than a high-res JPEG?
Scenario 2
You need to "cut a hole" out of a square to make a donut shape. Which Pathfinder tool do you use, and why?
Design Tool Skills Checklist
Shape Building
Created a complex icon using only three basic shapes (rectangles, circles, triangles) and the Pathfinder/Shape Builder tool.
SHIFT + M
Anchor Point Manipulation
Used the Direct Selection tool to pull one anchor point and adjust its handles to create a smooth curve.
A
Path Outlining
Converted a thick stroke into a "filled shape" (Object > Path > Outline Stroke) to ensure it scales correctly for print.
EXPAND
Phase 1: Digital Skeleton
Plan your design for Lesson 2's transfer. Keep in mind that toner transfers work best with high-contrast, black ink designs.
Subject/Motif Idea
Technical Considerations
High contrast (No gradients yet!)
Minimum line thickness > 1pt
Negative space vs. Positive space balance
Hybrid Studio // L1 // Vector Foundations
Transfer Tech Slides Bridge
The Gap
Digital to Analog Transfer
Why does it work?
Standard laser printers use Toner—not ink. Toner is essentially tiny plastic particles and pigment.
The Secret
"Heat or solvents break the plastic bond of the toner, allowing it to move from its paper host to a new surface."
[Diagram: Toner Particle Fusion]
Transfer Methodology
Gel Medium
Coat the paper and the surface with acrylic gel. Press together, let dry, and scrub away the paper backing.
Pro: Super Permanent | Con: Takes 24 Hours
Solvent (Wintergreen)
Brush wintergreen oil or blender pens onto the back of a photocopy. The solvent dissolves the toner instantly.
Pro: Instant | Con: Strong Smell / Fumes
Heat Press
Use a specialized heat press or iron to remelt the toner directly into the fibers of the new surface.
Pro: Cleanest | Con: Requires Equipment
Mirror Everything
When you transfer an image face-down, it flips. If you have text, you MUST flip the digital file horizontally before printing.
Studio Rules
• Eye protection on
• Windows open
• Gloves for solvents
• No food near station
Ready to Experiment?
Grab your "Transfer Trial" lab report. You will be rotating through 3 stations to test which method handles your specific design best.
Station 1: Gel
Station 2: Solvent
Station 3: Heat
Transfer Trial Report Transfer Trial
Inquiry-Based Lab Report
SUBJECT ID: ______________
DATE: ______________
The Mystery Experiment
You have been given three unknown liquids/tools. Test each on a sample scrap of toner-printed paper. Record your findings below.
Transfer Method Visual Quality (1-5) Observations (Texture, Smell, Time) Station A: Acrylic Gel Station B: Solvent Oil
| |
| Station C: Heat Tool |
| |
Post-Trial Analysis
Which method preserved the crispness of your vector lines the best?
Look at the "failed" transfers (smudges, incomplete areas). How could a designer use these "mistakes" intentionally for aesthetic effect?
Final Decision
Which method will you use for your final hybrid project? Why?
Hybrid Process Lab
Mixed Media Slides Disrupting
Perfection
Mixed Media Interventions & Collage
DIGITAL
ANALOG
HYBRID
Robert
Rauschenberg
"The master of the Combines"
Rauschenberg used solvent transfers of newspaper and magazine clippings, then "intervened" with aggressive paint strokes.
Key Takeaway:
The mechanical image provides the structure; the hand-applied paint provides the emotion.
[Visual Analysis: Layering mechanical grit with expressionist brushwork]
Choose Your Weapon
Watercolor
Transparent layers that tint the digital image without hiding it. Perfect for adding mood and atmosphere.
Gouache
Opaque and flat. Use it to "block out" parts of the digital image or create bold, graphic interruptions.
Collage
Add physical depth. Glue found textures or paper scraps to create a 3D relationship with the 2D print.
Conflict vs. Harmony
Don't just paint "next" to your transfer. Paint through it.
Let the digital and the analog fight for attention.
The Digital Pole:
Precise, clean, reproducible, cold, flat.
The Analog Pole:
Organic, messy, unique, warm, textured.
Today's Mission
Take your successful transfer from yesterday. Perform at least three distinct interventions.
Tint one area
Obscure one area
Extend one area
Intervention Plan Worksheet Intervention Plan
Project Phase 03 // Hybrid Composition
UNIT_HYBRID_GRAPHICS // REF_03
1. Visual Audit
Look at your current transfer. Where is the digital perfection "boring"? Where does it need a human touch?
Focal Point Location
Most Successful Area
2. The Three Interventions
A
Tint (Glazing): Where will you add a wash of transparent color?
B
Obscure (Opaque): What part of the digital image will you hide or paint over?
C
Extend (Collage/Mark-making): How will you break the boundaries of the original image?
Rough Layout
Sketch your plan here.
Indicate where paint strokes and collage elements will sit relative to the transfer.
Dominant Palette
"Creativity is the act of bringing two things together that haven't been brought together before." — Robert Rauschenberg
Approved by Director
Type Texture Slides Type & Texture
The Art of the Overprint
The Paradox
Hand-Lettering
Full of character, but difficult to maintain perfect legibility at small sizes or long paragraphs.
Digital Typography
Clinically perfect, ultra-legible, but can feel "soulless" on its own.
"This is hand-written texture..."
HYBRID TYPE
Step 1: The Analog Base
Before we touch the computer, we create a Monotype Texture using a Gelatin (Gelli) Plate.
Roll out ink thinly
Add stencils or string for texture
Pull a clean, expressive print
Let it dry completely!
2
The Overprint Hack
Measure
Measure your physical print exactly. Set your Illustrator artboard to those precise dimensions.
Position
Place your text on the screen exactly where you want it to land on the physical paper.
Feed
Mark the "top" of your dry print. Feed it into the manual tray of the digital printer.
WARNING: Thick or wet paint will ruin the printer. Only use flat, dry monotypes!
Message + Texture
"Your goal: Find a piece of text (quote, lyrics, data) that responds to the mood of your analog texture."
Start Printing
Overprint Calibration Guide Calibration Sheet 04
Overprint Calibration
Technical Guide: Digital Typography x Analog Print
Artisan Name
Print Dimensions
Part 1: The Dry Check
Before inserting your monotype into the printer, it must pass the "Friction Test."
Paper is perfectly flat (no curled edges)
Ink is 100% dry to the touch (zero tackiness)
No loose collage bits or heavy impasto paint
Part 2: Typography Specs
Font Choice
Point Size
Artboard Mapping
Sketch your texture layout below and mark where the text will be positioned.
Note: Manual Feed Tray is located on the right side of the printer. Load face-down.
Aesthetic Reasoning
Why did you choose this specific typeface for this texture? (e.g., Bold sans-serif for high energy, Serif for classic weight)
Hybrid Studio // Unit Overprint
Portfolio Reflection Slides The Hybrid
Portfolio
Curating the Process
Select Explain Present
Art Director Mindset
A portfolio is not a bucket of everything you did. It is a curated story of your best work and your growth.
Intentionality
Does every piece show a purposeful mix of digital and analog?
Consistency
Do the pieces feel like they belong to the same "family" of work?
The Statement
Your words bridge the gap between your concept and your execution.
The WHY
"Why did you choose to mix these media? What story are you telling about technology and hand-craft?"
The HOW
"Briefly explain your workflow. How did the digital vector become the analog texture?"
The SO WHAT
"What should the viewer feel when they see the crisp digital lines against the messy paint?"
Art Director Mode
The Gallery Walk
Today, you aren't students. You are Creative Directors at a hybrid design firm.
Observe without names
Give specific feedback
Select the "Standout Piece"
The Medium
Is the Message
"Your portfolio proves that you can navigate both the digital and physical worlds with precision and soul."
Final Assembly Begins Now
Artist Statement Template Artist Statement
Hybrid Graphics Portfolio Phase // FINAL
Writing Prompts
Identify your central theme. What idea links your digital designs to your analog textures?
Discuss your technique. Why did you choose Gel Transfer over Solvent? Why that specific monotype?
Reflect on tension. Where does the digital precision feel most interrupted?
Vocabulary Bank
Juxtaposition Tactility Resolution Intervention Reproducibility Organic Calibration Fusion
Draft Your Statement
Self-Assessment
Clear Purpose
Technical Details
Attach Portfolio Thumbnail Here
Hybrid Graphics Studio // Project Conclusion
Portfolio Review Form Director's Review
Confidential Portfolio Evaluation
Reviewing Portfolio ID:
# ___________
Reviewer Initials:
Hybrid Fluency
Does the work demonstrate a clear and intentional blending of digital precision (vectors/type) and analog texture (transfers/paint)?
Technical Mastery
How successful were the transfers and overprints? Are the lines crisp where they should be, and is the texture expressive?
Conceptual Narrative
Does the Artist Statement successfully explain the 'Why' behind the work? Is there a clear connection between the message and the medium?
Director's Recommendation
If this artist were to produce one more piece for this series, what "disruption" or "intervention" would you recommend they try next?
HYBRID GRAPHICS STUDIO // REVIEW_SYSTEM_V.1 CONFIDENTIAL ARTISTIC AUDIT