EXERCISE:
BEZIER METHOD & FLAG DESIGN
Learning Goals
This two-part exercise builds foundational vector graphics skills through bezier curve practice and applies geometric design principles to create a simple, effective flag design using Adobe Illustrator tools.Instructions
Part 1: Bezier Curves
- Practice bezier curve drawing at: https://bezier.method.ac/
- Take a screenshot of your final high score
- Post screenshot to Bezier + Flag Exercise Figma file
Part 2: Flag Design
- Create new Adobe Illustrator file with artboard: 5 inches wide × 3 inches high
- Design a flag using vector graphics (fills, strokes, simple shapes, pathfinder tool)
- Keep it abstract and simple!
- Export as PNG and upload the PNG to Bezier + Flag Exercise Figma file
- File naming: lastname_firstname_flag.png
References:
- Online flag designer tool: https://flag-designer.appspot.com/
- 99% Invisible podcast on vexillology: https://99percentinvisible.org/episode/vexillonaire/
Successful Completion Rubric
- Bezier practice completed with screenshot showing reasonable proficiency
- Correct Illustrator setup (5"×3" artboard, vector graphics only)
- Simple, effective flag design uses basic shapes and clear composition
- Proper file management includes saving your .ai on your computer, and exporting a .png raster file - not taking a screenshot - with correct file naming
- Technical competency demonstrates understanding of vector graphics tools
Further Viewing:
There are some parts in here specific to Sketch, another wireframing and prototyping software (similar to Figma), but this in depth video explain the mathematics behind Bezier curves very well.
Cubic Bezier Curves - Under the Hood from Mastering the Bezier Curve in Sketch