UNIT/TOPIC

LEARNING
INTENTIONS
UNIT 1 : Binary and online graph Bitmaps
& SUCCESS
CRITERIA
VOCABULARY COMPARING VECTORS AND BITMAPS
LITERACY LINK
REVIEW PRIOR
LEARNING
I DO IT
FOCUSED
INSTRUCTION
GRADUAL RELEASE

WE DO IT
GUIDED INSTRUCTION

YOU DO IT
COLLABORATIVE
LEARNING

YOU DO IT
INDEPENDENT
LEARNING

PLENARY

HOMEWORK
 UNIT/TOPIC

LEARNING CONTEXT FOR THIS GROUP OF STUDENTS

INTENTIONS
LEARNING ACTIVITY LEARNING INTENTIONS (WALT) SUCCESS CRITERIA (WILF)
& SUCCESS WHAT WE ARE DOING? WHAT WE ARE LEARNING? HOW I WILL DEMONSTRATE LEARNING
CRITERIA
Open some images 1. Understand the basic 1. I can describe the link
VOCABULARY
LITERACY LINK
using photo-editing structure of a bitmap. between resolution and
software and 2. Understand the link between image quality.
REVIEW PRIOR experiment by resolution and image quality 2.
LEARNING changing the What is a bitmap?
I DO IT
FOCUSED
resolution. 3. Understand the key
INSTRUCTION difference between vectors and
bitmaps.
GRADUAL RELEASE

WE DO IT
GUIDED INSTRUCTION

YOU DO IT
COLLABORATIVE
LEARNING

YOU DO IT
INDEPENDENT
LEARNING

PLENARY

HOMEWORK
 ESSENTIAL VOCABULARY
UNIT/TOPIC

LEARNING
INTENTIONS
Gradient
& SUCCESS
CRITERIA
pixels per inch (PPI)
VOCABULARY
LITERACY LINK resolution
REVIEW PRIOR
LEARNING
pixel
I DO IT
FOCUSED
INSTRUCTION
bitmap
LITERACY LINKS
GRADUAL RELEASE

WE DO IT
GUIDED INSTRUCTION

YOU DO IT
COLLABORATIVE
LEARNING Graphic designers will use both vectors
YOU DO IT
INDEPENDENT
LEARNING
and bitmaps in their work and there are
PLENARY popular software applications for both. The
HOMEWORK Adobe Creative Suite, for example,
includes Photoshop for bitmap editing and
Illustrator for creating vector graphics.
 WHAT HAVE WE LEARNT SO FAR?
UNIT/TOPIC

LEARNING
INTENTIONS
& SUCCESS
CRITERIA 1)Explain the main difference
VOCABULARY
LITERACY LINK
REVIEW PRIOR
between bitmap and vector
LEARNING
I DO IT
FOCUSED
graphics.
INSTRUCTION
GRADUAL RELEASE

WE DO IT
GUIDED INSTRUCTION

YOU DO IT
COLLABORATIVE
LEARNING
2)List two advantages of using
YOU DO IT
INDEPENDENT
vector graphics.
LEARNING

PLENARY

HOMEWORK 3)Name one disadvantage of

bitmap graphics.
 UNIT/TOPIC

LEARNING
“I DO” - TEACHER MODELLING
INTENTIONS
& SUCCESS
CRITERIA
Scenario 1: A logo
VOCABULARY
LITERACY LINK
REVIEW PRIOR
LEARNING A designer is creating a new logo to promote a
I DO IT
FOCUSED
INSTRUCTION
fairtrade chocolate. To be used on
a variety of different sized packages, the logo
GRADUAL RELEASE

WE DO IT
GUIDED INSTRUCTION

YOU DO IT
needs to use simple shapes, and be eye-
COLLABORATIVE
LEARNING catching.
YOU DO IT
INDEPENDENT
LEARNING

PLENARY

HOMEWORK
 UNIT/TOPIC

LEARNING
“WE DO” - FACILITATION
INTENTIONS
& SUCCESS
CRITERIA
VOCABULARY
LITERACY LINK
Scenario 2: A fashion magazine
REVIEW PRIOR
LEARNING
I DO IT
FOCUSED
INSTRUCTION
An editor must select a range of digital
photographs every month to be added
GRADUAL RELEASE

WE DO IT
GUIDED INSTRUCTION

YOU DO IT
COLLABORATIVE
to the magazine. Each photograph must
LEARNING
be crystal clear when printed so the fine
YOU DO IT
INDEPENDENT
LEARNING detail of the clothing can be seen.
PLENARY

HOMEWORK
 UNIT/TOPIC

LEARNING
“YOU DO” – SHARED PRACTICE
INTENTIONS
& SUCCESS
CRITERIA Scenario 3: An animated character
VOCABULARY
LITERACY LINK
REVIEW PRIOR A popular online animated series requires a
LEARNING
I DO IT
FOCUSED
brand new character. The style of the series
INSTRUCTION
uses thick, strong lines and bright vibrant
GRADUAL RELEASE

WE DO IT
GUIDED INSTRUCTION
backgrounds. This character will need to be
YOU DO IT
COLLABORATIVE
LEARNING
edited and animated regularly.
YOU DO IT
INDEPENDENT
LEARNING

PLENARY

HOMEWORK
 UNIT/TOPIC

LEARNING “YOU DO” INDEPENDENT PRACTICE

INTENTIONS
& SUCCESS
CRITERIA
VOCABULARY Scenario 4: A movie poster
LITERACY LINK
REVIEW PRIOR
LEARNING
I DO IT
A designer has been asked to create a
FOCUSED
INSTRUCTION movie poster for a new movie. It will feature
GRADUAL RELEASE

WE DO IT
GUIDED INSTRUCTION
photo-realistic images of the main
YOU DO IT characters and a fantasy background. It will
COLLABORATIVE
LEARNING
be used in a range of online and printed
YOU DO IT
INDEPENDENT
LEARNING
locations.
PLENARY

HOMEWORK
 What is a bitmap?
A bitmap is an image file made up of dots,
or pixels. Each pixel can be a different
colour. The greater the number of pixels, the more detailed the
image.

These two images both show a pineapple.

The one on the left is a vector; the one on the right is a bitmap.

Bitmaps can be used for:

1. Digital photographs, either taken with a digital camera or
scanned using a scanner.
2. 2. High quality original game graphics.
 Bitmap structure and terminology
When exploring bitmaps, it is important to understand
the following key terms:

1. Pixel: short for picture elements. Each pixel is a tiny

coloured square that makes up an image.
2. Resolution: relates to the number of pixels within
the image. The more detailed the image, the higher
the resolution is required.
3. Gradient: describes the change from one colour to
another, fading from black to white for example with
the pixels moving from black to grey to white.
Resolution and image quality
 The key difference between the images is the
resolution - the number of pixels used to create the
image. The unit of pixel resolution is pixels per inch
(PPI).

 The image on the right of each pair has a resolution of

300 PPI and the image on the left is 10 PPI.

 The file size of the images is related to the resolution -

the higher the resolution, the larger the file size.

 That increasing the physical size of any bitmap will

reduce the resolution, lowering the image quality.
 Similarities and differences
When comparing similar technology or working methods,
it is important to have a list of criteria. For example:

file size: how much storage space will the image require?

image quality: what is the level of detail shown?

scaling: can the image be increased or reduced in size so

that the image is still recognisable?

use of colour: how many colours can be displayed?

Vectors vs Bitmaps
Criteria Vectors Bitmaps

File size Very small file sizes The file size increases as
compared to a bitmap and the resolution, size of
it is not size- or resolution- image and number of
dependent. colours increases.
Image quality At any distance, size or Bitmaps are ideal for
magnification, a vector showing high- quality
image will maintain the photos as every pixel can
same level of quality but is display a different colour.
not suitable for high
resolution, realistic images.
Scaling A vector can be scaled to Images can be made
any size, large or small, smaller in size but if made
because it is based on bigger there will be a
mathematical data. reduction in image quality
as the pixels become
further apart.
Use of colour Lines, shapes and areas can Bitmaps can display
be set to any colour but millions of colours and
vector graphics cannot detailed gradients.
easily create gradients.
 PLENARY - BRINGING IT ALL TOGETHER
UNIT/TOPIC

LEARNING
INTENTIONS
& SUCCESS
CRITERIA
VOCABULARY
LITERACY LINK
REVIEW PRIOR
LEARNING
I DO IT
FOCUSED
INSTRUCTION
GRADUAL RELEASE

WE DO IT
GUIDED INSTRUCTION

YOU DO IT
COLLABORATIVE
LEARNING

YOU DO IT
INDEPENDENT
LEARNING

PLENARY

HOMEWORK
 HOMEWORK
UNIT/TOPIC

LEARNING
INTENTIONS
& SUCCESS
CRITERIA
VOCABULARY
LITERACY LINK
REVIEW PRIOR
LEARNING
I DO IT
FOCUSED
INSTRUCTION
GRADUAL RELEASE

WE DO IT
GUIDED INSTRUCTION

YOU DO IT
COLLABORATIVE
LEARNING

YOU DO IT
INDEPENDENT
LEARNING

PLENARY

HOMEWORK
ANSWER KEY