OCR J834 Creative iMedia · R094: Visual Identity and Digital Graphics
Stretch tasks R094 TA3: Creating the Visual Identity and Digital Graphics
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
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
Which Boolean operation joins shapes into one?
- Difference
- Intersection
- Exclusion
- Union
Which Boolean operation keeps only the overlap?
What does a layer mask do?
- Adds a new colour
- Locks the layer
- Hides part of a layer without deleting it
- Deletes pixels permanently
Adjustment layers change the original pixels permanently.
- True
- False
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
What must you keep after converting text to paths?
- Nothing else
- Only the PNG
- A screenshot
- An editable version with live text
Which technique moves, adds and removes points to shape a curve precisely?
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
Which TWO are non-destructive techniques?
Tick 2.
- Painting over the original
- Flattening the image
- Adjustment layers
- Layer masks
- Erasing pixels
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
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
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
Explain what non-destructive editing is and why it matters. [2 marks]
Explain why a logo should be delivered as an SVG and a PNG, not only a JPG. [2 marks]
Explain why a designer views a graphic at 100% and at its final size, not just zoomed in. [2 marks]
Explain why changes from the visualisation diagram should be explained. [2 marks]
Quiz Challenge, round 3: Big Think
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]
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
Cutting the top shape out of the one beneath: which operation?
- Union
- Difference
Brightening a photo: an adjustment layer or painting over it?
- An adjustment layer
- Painting over it
Removing a background: a layer mask or the eraser?
- A layer mask
- The eraser
Overwrite the layered master with the flattened export?
- No: keep the master
- Yes: it saves space
Convert the logo's text to paths: before delivery, or at the start?
- Before delivery
- At the start
Screenshots of the finished work only: enough evidence?
- No: show the process
- Yes: it shows the result
A social media export: RGB or CMYK?
- CMYK
- RGB
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
| Term | Meaning |
|---|---|
| A Boolean operation | 1 An editable colour or tone change |
| B Node editing | 2 A test print checked before the run |
| C Layer mask | 3 Combining shapes by union or difference |
| D Adjustment layer | 4 The layered master behind every export |
| E Working file | 5 Moving points to shape a curve |
| F Proof | 6 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?
| Statement | Vector software | Raster 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
- Union Union merges the shapes.
- intersection Exclusion keeps everything except the overlap.
- Hides part of a layer without deleting it Masks hide rather than delete.
- False They sit on their own layer and can be altered or removed later.
- So the file no longer depends on the font being installed A printer without your font would otherwise substitute one.
- An editable version with live text Paths can no longer be edited as text.
- node editing Bezier handles then control each curve.
- 16 pixels, and in one colour If it fails small, it is not finished.
- Adjustment layers; Layer masks The original pixels are never overwritten.
- PDF, CMYK, 300 dpi, bleed, fonts embedded Export settings come from the destination.
- Screenshots with the tool, the settings and the reason Evidence the process, not just the result.
- 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 answerNon-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 answerAn 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 answerZoomed 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 answerA 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 answerI 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 answerThe 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
- Difference Union joins shapes. Difference cuts one out of another.
- An adjustment layer An adjustment layer can be altered or removed later.
- A layer mask A mask hides pixels. The eraser deletes them.
- No: keep the master The master is the only version that can be meaningfully changed.
- Before delivery Paths cannot be edited as text, so convert only for delivery.
- No: show the process Evidence needs the tool, the settings and the reason.
- RGB Anything shown on a screen uses RGB.
- 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
- Raster software Cropping a photograph Photographs are raster images.
- Vector software Converting text to paths Paths are vector outlines.
- Vector software Building a logo that scales Logos are built as vectors.
- Raster software Clone and healing tools Retouching photographs is raster work.
- Vector software Boolean union and difference Boolean operations combine vector shapes.
- Raster software Adjustment layers on a photograph Non-destructive raster editing.
- Vector software Node editing Nodes are the points on a vector path.
- Vector software Aligning and distributing shapes Exact spacing of shapes is vector work.
- Raster software Levels and curves Tone correction for photographs.
- Raster software Layer masks Masks hide parts of a raster layer.
- Vector software Bezier curves Bezier handles control vector curves.
- Raster software Refining a selection edge Cutting out a subject from a photo.