Computer Science  ·  Level 6
Graphic Design

Chapter 4: Image Creation and editing

📚 4 Topics
⚑ What you will be able to do

By the end of this chapter, you will be able to:

  • Identify the key software and tools used in graphic design and photography.
  • Recognize and name different image file types accurately.
  • Create letter forms, lines of type, and body copy correctly for your designs.
  • Effectively create and manipulate images using graphic design tools.

These skills will help you bring your creative ideas to life and produce professional-quality graphic designs that stand out in the trade.

4.1 Identification of graphic design and photography Software and tools

Image creation and editing begins with choosing the right software and tools for the job. Graphic design software is used to build logos, posters, layouts and illustrations; photography software is used to process, correct and organise photographs; and a small set of physical tools supports the photographer who supplies the raw images. A designer who can identify each program by its purpose, and knows which file type it works with, can pick a suitable tool quickly and avoid forcing one program to do a job that another does better.

Example: a freelance designer in Kisumu is asked for a shop signboard, a flyer and a set of product photographs. She draws the shop logo in a vector program, retouches the photographs in a raster editor, and sets the flyer text in a layout program, so each job is done in the tool built for it.

Computers, scanners, printers, cameras and digital tablets are the hardware of the studio and are described under Graphic design equipment; this topic names the software and the photographic accessories that go with them.

Categories of graphic design software

Graphic design programs fall into groups according to how they treat an image. The groups are linked to the file types explained under Image file types.

  • Raster image editors: work on photographs and painted images made of pixels, for example Adobe Photoshop, GIMP and Krita.
  • Vector drawing programs: build logos, icons and illustrations from paths that scale without losing sharpness, for example Adobe Illustrator, Inkscape and CorelDRAW.
  • Page layout programs: combine text, images and graphics into brochures, magazines and posters, for example Adobe InDesign and Scribus.
  • Web-based design tools: run in a browser and offer ready-made templates for social media posts and flyers, for example Canva.
  • Mixed tools: one application that covers both pixel and vector work, for example the single free Affinity application by Canva (the separate Affinity Publisher, Designer and Photo programs were withdrawn from sale in 2025 and are no longer updated).

Graphic design software at a glance

Name Specification Use
Adobe Photoshop Raster editor with layers, masks and adjustment layers; subscription licence Photo retouching, compositing, web and social media graphics
GIMP Free, open-source raster editor; runs on Windows, macOS and Linux Photo editing and image creation without licence cost
Krita Free, open-source painting program with brush engines Digital painting and illustration with a graphics tablet
Adobe Illustrator Vector drawing program using the Pen tool and artboards; subscription licence Logos, icons, illustrations and signage artwork
Inkscape Free, open-source vector editor that uses SVG as its native format Logos, icons and diagrams for web and print
CorelDRAW Vector drawing and page layout suite; native CDR format Signwriting artwork, vinyl cutting files and print layouts
Adobe InDesign Page layout program with master pages, paragraph styles and text frames Magazines, brochures and multi-page documents
Scribus Free, open-source desktop publishing program with CMYK and PDF output Newsletters, leaflets and booklets prepared for print
Canva Browser and mobile design tool with templates; free and paid plans Quick flyers, posters and social media posts

Photography software

Photographs pass through two stages after the camera: organising and developing the images, then detailed editing.

  • Photo management and raw developing: programs such as Adobe Lightroom, darktable and RawTherapee read the raw files that a camera records, adjust exposure, white balance and colour, and export finished JPEG or TIFF files. Darktable and RawTherapee are free and open source.
  • Pixel editing: Adobe Photoshop and GIMP take over where developing ends, for retouching blemishes, removing unwanted objects, merging several photographs and preparing the final file.
  • Mobile editing apps: phone applications handle quick cropping, straightening and filters for images that will be posted online.
  • Viewing and sorting tools: the file browser, a photo viewer and the camera maker's transfer software are used to copy, rate and rename images before editing starts.

Photography tools and accessories

Name Specification Use
Tripod Adjustable legs with a tilting head; load rating above the camera and lens weight Keeps the camera still for sharp pictures in low light and for repeat shots
Reflector Foldable disc with white, silver or gold sides Bounces light into shadows on a portrait or product photograph
Lens set Wide-angle, standard and telephoto lenses with different focal lengths Controls framing, perspective and depth of field
Memory card and card reader SD-type card with enough capacity and write speed for raw files; USB reader Stores images and moves them quickly to the computer
Light stand and lamp Continuous or flash lighting on an adjustable stand Gives steady, controllable light for product and studio work
Grey card A card of neutral mid-grey Sets correct white balance and exposure in the editor
Colour calibration device A colorimeter or spectrophotometer that reads the screen Makes the monitor show colours that match print output

Common tools inside design and editing software

Although the programs look different, most of them offer the same family of tools in a toolbox beside the canvas. Learning to recognise them lets a designer move between programs easily.

Name Specification Use
Move and Selection tools Marquee, lasso and magic wand in raster editors; arrow tool in vector programs Choose the part of an image or the object to be changed
Crop tool Draggable frame with preset ratios Trims an image to a new size or shape
Brush and Eraser Adjustable size, hardness and opacity Paints or removes pixels
Clone and Healing tools Copy pixels from a source point Repair scratches, dust and blemishes
Pen tool Places anchor points and curve handles Draws precise vector paths and selections
Shape tools Rectangle, ellipse, polygon and line Builds basic forms for logos and layouts
Type tool Point type and area type with character and paragraph controls Adds lettering and body text
Eyedropper Samples a colour from the canvas Picks an exact colour to reuse
Zoom and Hand tools Magnify and pan the view Inspect small detail and move around a large canvas

Panels around the canvas show layers, colour swatches, brush settings and history. Learning where each panel is, and how to reset the workspace to its default arrangement, saves time when a shared computer has been rearranged.

Choosing suitable software for a project

The choice depends on the output and the working conditions, not on brand names.

  1. Identify the main content of the project: photographs point to a raster editor, a logo or icon to a vector program, a multi-page document to a layout program.
  2. Check the file types the client needs, such as SVG for the web or PDF for the printer, and confirm the program can open and export them.
  3. Compare the licence cost with the budget: free and open-source programs such as GIMP, Inkscape and Scribus suit a studio with limited funds, while subscription programs may be demanded by a client who supplies project files.
  4. Confirm the computer can run the program smoothly, using the system requirements published by the software maker.
  5. Consider the learning time needed and the availability of tutorials and templates.
  6. Test the program on a small sample job before committing a deadline to it.

Licensing and safe installation

Install software only from the maker's own website or a trusted store, and use licensed or open-source copies. Pirated programs break the licence terms, often carry malware and cannot be updated safely. Keep the operating system and the design software updated, and keep a record of licence keys and renewal dates for each computer in the studio.

The rest of this chapter
🔒

Create a free account to open more of this chapter.

Free: practical guides, quick cards, workplace scenarios and more.

Create a free account
🔒4.2 Image file types

An image file type is the way a picture is stored on a computer: what information is saved, how it is compressed and which programs can open it. Every digital image belongs to one of two families. Raster images are grids of coloured pixels and suit photographs…

🔒4.3 Creation of letter forms, lines of type and body copy

Type in a design is built at three scales. A letter form is a single character, drawn or chosen with care. A line of type is a headline, caption or slogan set on one or a few lines. Body copy is the running text of paragraphs that carries the main message. Eac…

🔒4.4 Creation and manipulation of images

Creating an image means starting a new design from nothing, from a sketch, or from a photograph or scan brought into the software. Manipulating an image means changing an existing one: resizing it, cropping it, correcting its colour, repairing faults or combin…

Chapter Practical Activities

Practical 1: Create a Vector-Based Logo Using Basic Shapes and Colors

Computer Science · Level 6
Graphic Design
PRACTICAL ASSESSMENT
TIME: 4 HOURS
⬇ PDFCandidate Instructions (Candidate Tool)

Type: Individual

INSTRUCTIONS TO CANDIDATE:
1.  You are required to perform the following task:
i.  Design a vector-based logo of 500mm x 500mm using basic shapes and colors as per the provided brief.
2.  You have been provided with the following resources for the practical task:
Tools & EquipmentMaterials
Computer with installed Adobe IllustratorUSB flash drive
Keyboard
Mouse
⬇ PDFResources Required (Cutting List)
S/NItemQuantity
1Computer with installed Adobe Illustrator1 Pc per Candidate
2Keyboard and Mouse1 Set per Candidate
3USB flash drive (for saving work)1 Pc per Candidate
⬇ PDFAssessor Guide
Items to be EvaluatedMarks AvailableMarks ObtainedComments
TASK 1: Software Setup and Page Preparation
Observed computer laboratory rules
(Award 2 marks or zero)
2
Launched Adobe Illustrator software successfully
(Award 1 mark or zero)
1
Set up new document with 500mm x 500mm artboard size
(Award 2 marks or zero)
2
Sub-Total5
TASK 2: Vector Image Creation
Used basic vector shapes (circles, rectangles, polygons) appropriately
(Award 1 mark for each shape type used correctly or zero)
3
Applied color fills and strokes as per brief
(Award 3 marks or zero)
3
Grouped and aligned shapes properly to form a logo
(Award 2 marks or zero)
2
Used layers to organize vector elements
(Award 2 marks or zero)
2
Sub-Total10
TASK 3: Typography and Finishing
Added text element with business name
(Award 2 marks or zero)
2
Applied appropriate font style and size
(Award 2 marks or zero)
2
Applied vector effects such as shadows or gradients where appropriate
(Award 2 marks or zero)
2
Saved the file correctly as 'vectorlogo.ai'
(Award 2 marks or zero)
2
Sub-Total8
PRODUCT CHECKLIST
Final logo measures 500mm x 500mm with correct dimensions
(Award 3 marks or zero)
3
All shapes are vector-based and editable
(Award 3 marks or zero)
3
Colors correspond to the brief and are consistent
(Award 3 marks or zero)
3
Typography is clear, legible, and styled as required
(Award 3 marks or zero)
3
Sub-Total12
GRAND TOTAL35
ASSESSMENT OUTCOME:   ☐ Competent    ☐ Not Yet Competent (competent if at least 50%)

Practical 2: Photo Editing and Retouching of a Portrait Photograph

Computer Science · Level 6
Graphic Design
PRACTICAL ASSESSMENT
TIME: 4 HOURS
⬇ PDFCandidate Instructions (Candidate Tool)

Type: Individual

INSTRUCTIONS TO CANDIDATE:
1.  You are required to perform the following task:
i.  Edit and retouch the provided portrait photograph sized 3000mm x 4000mm pixels by adjusting brightness, contrast, and removing blemishes to enhance image quality.
2.  You have been provided with the following resources for the practical task:
Tools & EquipmentMaterials
Computer workstation with installed Adobe PhotoshopHigh-resolution portrait photograph file (JPEG format, 3000x4000 pixels)
Keyboard and mouse
Graphics tablet (optional)
⬇ PDFResources Required (Cutting List)
S/NItemQuantity
1Computer workstation with installed Adobe Photoshop1 Pc per Candidate
2Keyboard and mouse1 Set per Candidate
3High-resolution portrait photograph file (JPEG format, 3000x4000 pixels)1 File per Candidate
4Graphics tablet (optional)1 Pc per 3 Candidates
⬇ PDFAssessor Guide
Items to be EvaluatedMarks AvailableMarks ObtainedComments
TASK 1: Photo Editing and Retouching
Observed use of personal protective equipment (PPE) and workstation ergonomics
(Award 2 marks for compliance, zero if not)
2
Launched Adobe Photoshop and opened the correct photograph file
(Award 1 mark for launching software, 1 mark for opening correct file)
2
Adjusted brightness and contrast settings appropriately to enhance photo quality
(Award 2 marks each for effective brightness and contrast adjustment)
4
Used retouching tools to remove visible blemishes and imperfections
(Award up to 6 marks for thorough blemish removal and seamless retouching)
6
Applied additional editing techniques such as sharpening or noise reduction where appropriate
(Award up to 3 marks for relevant additional editing techniques)
3
Saved the edited photograph correctly in both PSD and JPEG formats with specified filenames
(Award 2 marks for saving PSD, 1 mark for JPEG)
3
Closed software properly and cleared workstation
(Award 1 mark for proper closing and cleanup)
1
Sub-Total21
PRODUCT CHECKLIST
Brightness and contrast levels adjusted to enhance image clarity without overexposure
(Award 5 marks for correct and balanced adjustment)
5
Blemishes and imperfections removed with no visible editing artifacts
(Award 8 marks for flawless retouching)
8
Final image saved correctly as 'edited_portrait.psd' and 'edited_portrait.jpg'
(Award 3 marks for correct file naming and formats)
3
Sub-Total16
GRAND TOTAL37
ASSESSMENT OUTCOME:   ☐ Competent    ☐ Not Yet Competent (competent if at least 50%)
🔒

Free: practical guides, quick cards, workplace scenarios and more.

Create a free account
🔒Create a composite image by layering and masking multiple imagesPractical 3
🔒Color Correction and Adjustment of a Digital ImagePractical 4
🔒Resize and crop a digital image to specified dimensionsPractical 5
🔒Create and format text within a promotional imagePractical 6
🔒Apply filters and effects to enhance a digital imagePractical 7
🔒Image Format Conversion and Optimization for Web and PrintPractical 8
🔒Create a detailed digital illustration of a Kenyan wildlife scenePractical 9
🔒Prepare and adjust images for print layout with correct resolution and bleedPractical 10
Am I competent?

At the start of this chapter we promised you would be able to:

  • Identify the key software and tools used in graphic design and photography.
  • Recognize and name different image file types accurately.
  • Create letter forms, lines of type, and body copy correctly for your designs.
  • Effectively create and manipulate images using graphic design tools.

Tick each one you can genuinely do.

So, are you there yet?

You're competent when you can confidently do 50% or more of what this chapter promised.

Sign in to record how you're doing.