⏰ Do Now — Start Here
Look at a logo you use every day (a brand icon on your phone, for example). Do you think it's a vector or a raster image? Why?
🎯 Today's Big Question
- How do vector shapes differ from raster images, and how can filters and layer styles add polish to a design?
📈 By the End of Today, You Will Be Able To
- Use the Pen tool to create a basic custom vector shape.
- Explain when a designer would choose a vector shape over a raster image.
- Apply at least one filter and one layer style to enhance a design element.
🧰 What You'll Need
- Computer with Photoshop
- Pen tool practice worksheet/template
📋 Your Plan for Today
Day 1: The Pen Tool
- Do Now (5 min): discussion revisiting the vector vs. raster vocabulary from Unit 2 last semester.
- Mini-lesson/demo (15 min): demonstrate the Pen tool step by step, practicing straight and curved paths.
- Guided practice (20 min): trace a simple provided shape using the Pen tool.
- Save progress (5 min).
Day 2: Filters & Layer Styles
- Do Now (5 min): name one filter or effect you've seen used in a design before.
- Mini-lesson/demo (10 min): filters vs. layer styles, destructive vs. non-destructive.
- Independent practice (25 min): apply one filter and one layer style to a design element from an earlier project (e.g. your pin or business card).
- Share (5 min).
📚 Key Words
- Pen Tool
- The primary tool for drawing precise, scalable vector paths and shapes.
- Filter
- An effect applied to an image or layer (blur, sharpen, stylize, etc.).
- Layer Style
- A reusable effect (drop shadow, glow, bevel) applied to a layer without altering its pixels.
✅ What Your Finished Work Should Include
Pen tool practice + filter/style example collected and checked for basic technique.
Exit Ticket: When would a designer choose to build something as a vector instead of using a photo (raster)?
📊 Before You Leave
Quick, anonymous class check-in -- takes less than a minute.
🎓 ACP Exam Prep
This lesson connects to the Photoshop Adobe Certified Professional exam: Domain 4: Creating and Modifying Visual Elements
🔗 Want to Learn More?
🚀 The Extra Mile
Cross-Class Connection: The same precision-drawing logic Geometry uses for constructing exact shapes with tools.
Career Connection: Clean vector work is core to Digital Designer 2D asset creation and tested directly on the ACP exam.
Go further -- turn this into a portfolio piece:
- Design a small set of matching vector icons (5-6) for a mock app idea, consistent in style and line weight. Start here: build one icon completely first, lock its stroke weight and artboard grid, then duplicate that same setup for the rest so all six stay consistent by construction, not by eye.
- Illustrate a science diagram (a cell, a circuit) in clean vector style — more useful as real study material than a photo. Start here: keep a labeled reference diagram from your science textbook open next to your workspace the whole time — an inaccurate diagram isn't usable as real study material.