Today we will be talking about how forms are used for graphic design. We will discuss the basic relationships between these forms, i.e. format, shape, position, dimension and rotation. How different forms can represent different emotions. Once we understand how to use these forms we will learn how to create them using p5js and code.
Programming Design Systems, Chapter Shapes
1. Use p5js and the shape functions you learned today to design a movie poster for your favorite film or TV series. You can only use grayscale values and you may not use text.
2. Have the link to your p5js sketch ready to share on Slack during our next class.
3. Watch the video of the Week 3 lecture and come with questions to our Slack class next week.
Shape – point(), line(), rect(), ellipse(), triangle(), quad(), beginShape(), endShape(), vertex(), bezierVertex(), curveVertex() also covering ellipseMode(), rectMode(), fill(), noFill(), stroke(), noStroke(), strokeWeight()
Dimension – rect(10, 20, 10, 10), scale()