Year 7 · Y7.5 Vector Graphics · Lesson 2
Stretch tasks Working with vector shapes
Quiz Challenge
A quiz game against four computer players, then short and long written answers.
- Quiz Blitz12 questions against the clock
- Quick Fire4 short answers
- Big Think2 long answers
About 20 minutes
This or That
Pixel the cat asks 8 questions. Each has two answers: pick the right one.
- Two answers to every question
- A fish treat for every right answer
- Streaks win Pixel shades, then a party hat
About 4 minutes
Memory Match
Flip the cards two at a time to match each term card to its meaning card.
- 12 cards: each term has a meaning
- One peek at every card
- Combo points for pairs found in a row
6 pairs, about 4 minutes
The games need JavaScript. Every question is below, with the answers at the end.
Read the lesson: Working with vector shapes
Working with vector shapes: the questions
Quiz Challenge, round 1: Quiz Blitz
What is the fill of a shape?
- Its position
- The colour inside it
- Its outline
- Its size
What is the stroke of a shape?
- Its shadow
- Its layer
- Its outline
- The colour inside it
Which tool draws your own paths, with curves?
- The fill tool
- The zoom tool
- The pen or Bezier tool
- The rectangle tool
The shape drawn most recently sits on top of the others.
- True
- False
You want a circle to sit behind a square. What do you do?
- Lower the circle
- Raise the circle
- Group them
- Delete the square
What does Group do?
- Cuts one shape out of another
- Changes their colour
- Joins shapes so they move and scale together
- Merges shapes into one
Which operation keeps only the overlapping part of two shapes?
- Union
- Difference
- Exclusion
- Intersection
How do you make a crescent moon?
- Draw a square
- Cut one circle out of another with Difference
- Union two circles
- Group two circles
Which TWO operations combine shapes into new shapes?
Tick 2.
- Difference
- Raise
- Lower
- Zoom
- Union
Dragging shapes by eye is the best way to centre them.
- True
- False
Which operation merges shapes into one? One word.
Which operation keeps everything except the overlap?
- Union
- Group
- Exclusion
- Intersection
Quiz Challenge, round 2: Quick Fire
Explain the difference between fill and stroke. [2 marks]
Explain the difference between Group and Union. [2 marks]
Why should you use the align tools instead of dragging things into place by eye? [2 marks]
What is node editing? [2 marks]
Quiz Challenge, round 3: Big Think
Explain how you would make a crescent moon logo using vector operations. [4 marks]
Describe the four operations that combine shapes, and explain why designers use them. [6 marks]
This or That: tick the right answer
You change a shape's outline to red. Which did you change?
- Stroke
- Fill
Two shapes need to move together but stay separate. Which do you use?
- Group
- Union
Which operation cuts the top shape out of the one beneath?
- Difference
- Union
A new shape covers an old one. How do you bring the old one to the front?
- Lower it
- Raise it
Which tool draws a smooth custom curve?
- The rectangle tool
- The pen or Bezier tool
Intersection keeps which part?
- Everything except the overlap
- Only the overlap
What makes a design look professional quickly?
- Using every colour available
- Aligning things properly
Which lets you move the individual points of a shape?
- Node editing
- Grouping
Memory Match: match each term to its meaning
| Term | Meaning |
|---|---|
| A Fill | 1 Cuts the top shape out of the one beneath |
| B Stroke | 2 Merges shapes into one |
| C Union | 3 The colour inside a shape |
| D Difference | 4 The outline of a shape |
| E Intersection | 5 Keeps everything except the overlap |
| F Exclusion | 6 Keeps only the overlap |
Answers
Round 1: Quiz Blitz
- The colour inside it Fill is the colour inside a shape. Stroke is the outline.
- Its outline Stroke is the outline.
- The pen or Bezier tool The pen, or Bezier, tool draws custom paths.
- True Shapes stack in the order they are drawn.
- Lower the circle Lower sends a shape down the stacking order.
- Joins shapes so they move and scale together Grouped shapes stay separate but move together. Union merges them into one.
- Intersection Intersection keeps the overlap and nothing else.
- Cut one circle out of another with Difference A crescent is one circle with another circle cut out of it.
- Union; Difference Union and Difference change the shapes. Raise and Lower only change the stacking order.
- False The align and distribute tools centre things exactly, which makes a design look professional.
- union Union merges shapes into one.
- Exclusion Exclusion removes the overlapping part and keeps the rest.
Round 2: Quick Fire
- Fill is the colour inside the shape
- Stroke is the outline
Model answerFill is the colour inside a shape. Stroke is the outline around it.
- Group keeps the shapes separate but moves them together
- Union merges them into one shape
Model answerGroup joins shapes so they move and scale together, but they stay separate. Union merges them into one single shape.
- They are precise, so things are exactly centred
- The design looks more professional
Model answerThe align tools centre things exactly, which is more precise than by eye, and properly centred work looks far more professional.
- Moving the individual points
- That make up a shape, to change its outline
Model answerNode editing means moving the individual points that make up a shape, to change its outline.
Round 3: Big Think
- Draw a circle with the ellipse tool
- Draw a second circle overlapping the first
- Make sure the cutting circle is on top
- Use Difference to cut it out
- Set the fill and stroke
Model answerFirst draw a circle with the ellipse tool. Then draw another circle overlapping it, slightly to one side, and make sure it is on top. Select both and use Difference, which cuts the top circle out of the one beneath, leaving a crescent. Finally set the fill colour and the stroke.
- Union merges shapes into one
- Difference cuts the top shape out of the one beneath
- Intersection keeps only the overlap
- Exclusion keeps everything except the overlap
- This is how most professional logos are made
- Complex shapes can be built quickly and precisely from simple ones
- An example, such as a crescent moon
Model answerUnion merges shapes into one. Difference cuts the top shape out of the one beneath. Intersection keeps only the overlapping part, and Exclusion keeps everything except the overlap. Designers use them because complex shapes can be built quickly and precisely from simple shapes, which is how most professional logos are made. For example, a crescent moon is one circle with another subtracted from it.
This or That
- Stroke Stroke is the outline. Fill is the colour inside.
- Group Group keeps them separate. Union would merge them into one shape.
- Difference Difference subtracts the top shape from the one beneath.
- Raise it Raise moves a shape up the stacking order.
- The pen or Bezier tool The pen tool draws your own paths, with curves.
- Only the overlap Intersection keeps the overlap. Exclusion keeps everything else.
- Aligning things properly Centring and aligning things precisely is one of the fastest ways to look professional.
- Node editing Node editing moves the points that make up a shape.
Memory Match
- A 3 Fill: The colour inside a shape
- B 4 Stroke: The outline of a shape
- C 2 Union: Merges shapes into one
- D 1 Difference: Cuts the top shape out of the one beneath
- E 6 Intersection: Keeps only the overlap
- F 5 Exclusion: Keeps everything except the overlap