OCR J834 Creative iMedia · R094: Visual Identity and Digital Graphics

Stretch tasks R094 TA3: Creating the Visual Identity and Digital Graphics

Task 1

Quiz Challenge

A quiz game against four computer players, then short and long written answers.

  1. Quiz Blitz12 questions against the clock
  2. Quick Fire4 short answers
  3. Big Think2 long answers

About 20 minutes

Task 2

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

Task 3

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

Task 4

Sort It

Sort each statement into the right box, like the tick-box tables in the exam.

  • 12 cards to sort into 2 boxes
  • Drag a card, tap a box or press its number
  • Combo points for cards sorted in a row

12 cards, about 4 minutes

The games need JavaScript. Every question is below, with the answers at the end.

Read the lesson: R094 TA3: Creating the Visual Identity and Digital Graphics

R094 TA3: Creating the Visual Identity and Digital Graphics: the questions

Quiz Challenge, round 1: Quiz Blitz

  1. Which Boolean operation joins shapes into one?

    • Difference
    • Intersection
    • Exclusion
    • Union
  2. Which Boolean operation keeps only the overlap?

  3. What does a layer mask do?

    • Adds a new colour
    • Locks the layer
    • Hides part of a layer without deleting it
    • Deletes pixels permanently
  4. Adjustment layers change the original pixels permanently.

    • True
    • False
  5. Why convert text to paths before delivery?

    • To make the text editable
    • To reduce the colours
    • To add a shadow
    • So the file no longer depends on the font being installed
  6. What must you keep after converting text to paths?

    • Nothing else
    • Only the PNG
    • A screenshot
    • An editable version with live text
  7. Which technique moves, adds and removes points to shape a curve precisely?

  8. At what size should a finished logo be checked?

    • At 400%
    • 16 pixels, and in one colour
    • Only at full size
    • Only when zoomed in
  9. Which TWO are non-destructive techniques?

    Tick 2.

    • Painting over the original
    • Flattening the image
    • Adjustment layers
    • Layer masks
    • Erasing pixels
  10. What are the export settings for commercial print?

    • GIF, 256 colours
    • PNG, RGB, transparent
    • PDF, CMYK, 300 dpi, bleed, fonts embedded
    • JPG, RGB, 72 dpi
  11. What shows that you understood a technique?

    • A list of software used
    • The file size
    • Screenshots with the tool, the settings and the reason
    • The finished image alone
  12. Why open the exports on a different machine?

    • To find missing font problems
    • To make them load faster
    • To change the colour mode
    • To compress them

Quiz Challenge, round 2: Quick Fire

  1. Explain what non-destructive editing is and why it matters. [2 marks]

  2. Explain why a logo should be delivered as an SVG and a PNG, not only a JPG. [2 marks]

  3. Explain why a designer views a graphic at 100% and at its final size, not just zoomed in. [2 marks]

  4. Explain why changes from the visualisation diagram should be explained. [2 marks]

Quiz Challenge, round 3: Big Think

  1. Describe the vector and raster techniques you would use to create a logo and a poster featuring a photograph, and how you would evidence them. [6 marks]

  2. A designer has finished a poster for print and a version for a website. Explain how they should save, export and check the work before handing it over. [6 marks]

This or That: tick the right answer

  1. Cutting the top shape out of the one beneath: which operation?

    • Union
    • Difference
  2. Brightening a photo: an adjustment layer or painting over it?

    • An adjustment layer
    • Painting over it
  3. Removing a background: a layer mask or the eraser?

    • A layer mask
    • The eraser
  4. Overwrite the layered master with the flattened export?

    • No: keep the master
    • Yes: it saves space
  5. Convert the logo's text to paths: before delivery, or at the start?

    • Before delivery
    • At the start
  6. Screenshots of the finished work only: enough evidence?

    • No: show the process
    • Yes: it shows the result
  7. A social media export: RGB or CMYK?

    • CMYK
    • RGB
  8. Filters: on their own layer, or straight onto the photo?

    • Straight onto the photo
    • On their own layer

Memory Match: match each term to its meaning

TermMeaning
A Boolean operation1 An editable colour or tone change
B Node editing2 A test print checked before the run
C Layer mask3 Combining shapes by union or difference
D Adjustment layer4 The layered master behind every export
E Working file5 Moving points to shape a curve
F Proof6 Hides part of a layer without deleting

Sort It: tick one box in each row

Is each technique mainly used in vector or raster software?

StatementVector softwareRaster software
Cropping a photograph
Converting text to paths
Building a logo that scales
Clone and healing tools
Boolean union and difference
Adjustment layers on a photograph
Node editing
Aligning and distributing shapes
Levels and curves
Layer masks
Bezier curves
Refining a selection edge
Answers

Round 1: Quiz Blitz

  1. Union Union merges the shapes.
  2. intersection Exclusion keeps everything except the overlap.
  3. Hides part of a layer without deleting it Masks hide rather than delete.
  4. False They sit on their own layer and can be altered or removed later.
  5. So the file no longer depends on the font being installed A printer without your font would otherwise substitute one.
  6. An editable version with live text Paths can no longer be edited as text.
  7. node editing Bezier handles then control each curve.
  8. 16 pixels, and in one colour If it fails small, it is not finished.
  9. Adjustment layers; Layer masks The original pixels are never overwritten.
  10. PDF, CMYK, 300 dpi, bleed, fonts embedded Export settings come from the destination.
  11. Screenshots with the tool, the settings and the reason Evidence the process, not just the result.
  12. To find missing font problems Your own machine has every font installed.

Round 2: Quick Fire

    • Original pixels are never overwritten, using adjustment layers and masks
    • So changes can be revised or removed later
    Model answer

    Non-destructive editing means the original pixels are never overwritten: changes live on adjustment layers, and masks hide rather than delete. The file can then be revised later, or a change removed, instead of the work having to be redone.

    • An SVG is a vector master that scales to any size
    • A PNG keeps transparency, which a JPG lacks
    Model answer

    An SVG is a vector master, so the logo scales to any size with no loss. A PNG keeps a transparent background for places that cannot use SVG, whereas a JPG has no transparency and adds lossy artefacts.

    • Small text or detail may not be legible at the real size
    • Problems such as contrast or hierarchy only show at true size
    Model answer

    Zoomed in, every element looks big and sharp, which hides how it really reads. At its final size, small text may be illegible, detail may disappear and the hierarchy or contrast may not work, so problems are only found there.

    • Unexplained changes look like the plan was ignored
    • A reason shows the design is being judged and improved
    Model answer

    A change with no explanation looks as though the plan was ignored. A change with a reason, such as moving the address because it competed with the logo, shows the design is being judged and improved.

Round 3: Big Think

    • The logo built from shapes and paths in vector software
    • Boolean operations such as union and difference
    • Node editing and Bezier curves
    • Align and distribute, and text converted to paths
    • Adjustment layers, such as levels and curves, for the photo
    • Layer masks and selections
    • Retouching, cropping and resizing
    • Screenshots of each tool, its settings and the reason
    Model answer

    I would build the logo in vector software such as Inkscape, starting from shapes and paths, combining them with Boolean operations such as union and difference, and refining curves with node editing and Bezier handles. Align and distribute would make the spacing exact, and the text would be converted to paths for delivery, keeping an editable copy. For the poster's photograph, I would work in raster software using adjustment layers for levels and curves, layer masks and refined selections to cut out the subject, and the healing tool sparingly, cropping and resizing knowingly. I would take screenshots showing each tool, its settings and the reason I used it.

    • Keep the layered working file
    • Numbered versions, a naming convention, and no file called final
    • Print: a PDF in CMYK at 300 dpi with bleed and fonts embedded
    • Web: an RGB JPG or PNG at exact pixel dimensions, compressed
    • View at 100% and at the final size
    • Print a proof
    • Compare with the visualisation diagram and the brief
    • Open the exports on another machine to catch font problems
    Model answer

    The designer should keep the layered working file, such as the PSD, and every numbered version, using a naming convention like festival-poster-v04 and never calling a file final. The print export should be a PDF in CMYK at 300 dpi with bleed and fonts embedded, and the web export an RGB JPG or PNG at the exact pixel dimensions, compressed so it loads quickly. Before handing over, they should view each at 100% and at its final physical size, print a proof to check the colour, compare the work with the visualisation diagram and the brief, and open the exports on a different machine to catch missing fonts.

This or That

  1. Difference Union joins shapes. Difference cuts one out of another.
  2. An adjustment layer An adjustment layer can be altered or removed later.
  3. A layer mask A mask hides pixels. The eraser deletes them.
  4. No: keep the master The master is the only version that can be meaningfully changed.
  5. Before delivery Paths cannot be edited as text, so convert only for delivery.
  6. No: show the process Evidence needs the tool, the settings and the reason.
  7. RGB Anything shown on a screen uses RGB.
  8. On their own layer On their own layer, at a judged opacity, they stay adjustable.

Memory Match

  • A 3 Boolean operation: Combining shapes by union or difference
  • B 5 Node editing: Moving points to shape a curve
  • C 6 Layer mask: Hides part of a layer without deleting
  • D 1 Adjustment layer: An editable colour or tone change
  • E 4 Working file: The layered master behind every export
  • F 2 Proof: A test print checked before the run

Sort It

  1. Raster software Cropping a photograph Photographs are raster images.
  2. Vector software Converting text to paths Paths are vector outlines.
  3. Vector software Building a logo that scales Logos are built as vectors.
  4. Raster software Clone and healing tools Retouching photographs is raster work.
  5. Vector software Boolean union and difference Boolean operations combine vector shapes.
  6. Raster software Adjustment layers on a photograph Non-destructive raster editing.
  7. Vector software Node editing Nodes are the points on a vector path.
  8. Vector software Aligning and distributing shapes Exact spacing of shapes is vector work.
  9. Raster software Levels and curves Tone correction for photographs.
  10. Raster software Layer masks Masks hide parts of a raster layer.
  11. Vector software Bezier curves Bezier handles control vector curves.
  12. Raster software Refining a selection edge Cutting out a subject from a photo.