Objective: Understand the differences between raster and vector graphics.
Duration: 1 hour
Introduction to Raster and Vector Graphics
Overview: Raster and vector graphics are the two main types of digital images, each suited for specific purposes.
Key Concepts:
Raster Graphics: Pixel-based (e.g., JPEG, PNG). Best for photos, detailed textures. Resolution-dependent, may pixelate when scaled.
Vector Graphics: Path-based (e.g., SVG, AI). Ideal for logos, icons. Scalable without quality loss. Photopea supports vectors via paths/shapes.
Use Cases: Raster for web photos, vector for scalable designs.
Tools: Photopea (raster and basic vector), Canva (raster-focused, simpler interface). Why It Matters: Choosing the right graphic type ensures quality and functionality in design projects.
Resources:
Tutorial: Photopea Basics (https://www.photopea.com/learn/)
Video Tutorial: https://www.youtube.com/watch?v=yhR8Ea2z1qI
Activity Sheet 1: Analyzing Raster and Vector Graphics
Objective: Identify characteristics of raster and vector graphics.
Task:
In Photopea (https://www.photopea.com), open a raster image (e.g., JPEG from https://unsplash.com) and a vector image (e.g., SVG from https://www.flaticon.com).
Check out this tutorial here: https://www.youtube.com/watch?v=k6YbEmeWwq4
Zoom in 300% to observe differences (pixelation vs. clarity).
Answer:
How does the raster image change when zoomed? ___________________________
How does the vector image behave? ___________________________
Which is better for a logo and why? ___________________________
Submission: Submit answers and image share URL via Google Form below by September 8, 2025.
Tips: Use File > Open in Photopea. Explore tutorial: https://www.photopea.com/learn/ .