Be able to rotate an image

Topic 12 – Images

Objective

Students will be able to edit digital images accurately using a range of ICT software. They must be able to:

  • Rotate, flip, resize, crop and adjust brightness/contrast.
  • Use groups or layers to organise multiple images.
  • Choose an appropriate file format, control resolution (DPI) and manage file‑size.
  • Apply e‑safety and copyright rules when using images from the Internet.

Why edit an image?

  • Correct orientation for presentations, reports or web pages.
  • Improve visual impact and readability.
  • Fit images into a specific layout or page size.
  • Reduce file size for faster loading or to meet submission limits.
  • Respect copyright and e‑safety rules when using images from the Internet.

Common software for image editing (ICT 0417 – Topic 12)

SoftwareTypical use in schoolKey image functions
Microsoft PaintBasic editing on Windows PCsRotate (90°, 180°, 270°), Flip, Resize, Crop, Save As
Microsoft Word / PowerPointEmbedding images in documents or slidesFree‑hand rotation, 90° increments, Flip, Resize (aspect‑ratio lock), Crop, Group/Ungroup, Bring Forward/Send Backward
Adobe Photoshop / Photoshop ElementsAdvanced manipulation and professional‑grade outputArbitrary rotation, Flip, Resize (pixels or %), Crop, Brightness/Contrast, Layers, Export settings (JPEG quality, PNG compression)
GIMP (free, open‑source)School‑wide free alternative to PhotoshopAll Photoshop functions listed above
LibreOffice Draw / Microsoft PhotosFree, cross‑platform tools already installed on many school computersRotate, Flip, Resize, Crop, basic layering/grouping, simple export options

Core image operations

1. Rotate an image

  • Standard angles (90°, 180°, 270°) – quick menu options in Paint, Word/PowerPoint and most free tools.
  • Arbitrary angles – Photoshop → Image → Image Rotation → Arbitrary…; GIMP → Image → Transform → Arbitrary Rotation….
  • Resampling – When rotating by 90° most programs rotate without resampling (no loss of quality). Arbitrary angles require resampling; choose “Bicubic” or “Lanczos” for the best result.

2. Flip (reflect) an image

  • Horizontal flip – mirror left‑to‑right.
  • Vertical flip – mirror top‑to‑bottom.
  • Useful for correcting scanned pages or creating symmetrical designs.

3. Resize an image

Two ways to specify the new size

  • Pixels – exact width × height (e.g., 1200 × 800 px). Best when you need a precise dimension for a web layout.
  • Percentage – relative to the original size (e.g., 50 %). Handy for quick reductions.

Maintain aspect ratio

  • Always tick the “Maintain aspect ratio” (or “Lock”) box unless a deliberate distortion is required.
  • In Paint: Home → Resize → check “Maintain aspect ratio”.
  • In Photoshop: Image → Image Size → ensure the chain‑link icon is active.
  • In Word/PowerPoint: drag a corner handle while holding Shift.

Changing DPI (resolution)

  • Screen images: 72 – 96 dpi is sufficient.
  • Print images: 300 dpi (or 150 dpi for large posters) is the usual requirement.
  • Paint: File → Properties → Horizontal/Vertical resolution.
  • Photoshop: Image → Image Size → Resolution (uncheck “Resample” to change DPI without altering pixel dimensions).

4. Crop an image

  • Select the area you want to keep with a rectangular (or free‑form) selection tool.
  • Click Crop. Cropping does not change the resolution of the remaining pixels, but it reduces the overall file size.

5. Adjust brightness & contrast

  • Photoshop/GIMP: Image → Adjustments → Brightness/Contrast – live preview, then OK.
  • Word/PowerPoint: Picture Format → Corrections – preset sliders.
  • Use the “Undo” command (Ctrl + Z) if the result looks over‑ or under‑exposed.

6. Group & layer images

  • Group (Word/PowerPoint, LibreOffice Draw) – treats several pictures as a single object for moving or resizing.
  • Layers (Photoshop, GIMP) – stack images on top of each other; each layer can be edited independently.
  • Layer basics:

    • New layer → Layer → New → Layer…
    • Change order with “Bring Forward” / “Send Backward”.
    • Toggle visibility (eye icon) to compare before/after.

  • Free alternatives: Microsoft Photos (basic layering via “Add → Sticker”); LibreOffice Draw (objects can be ordered with “Arrange”).

7. Choose the right file format

FormatWhen to useKey characteristicsExport settings to note
PNGGraphics with text, logos, screenshots, images that need transparency.Lossless compression; supports transparency; larger than JPEG.PNG‑8 (256 colours) for simple graphics, PNG‑24 for full colour; optional compression level (0‑9) in Photoshop/GIMP.
JPEGPhotographs or complex colour images where a small file size is essential.Lossy compression – quality degrades each time the file is re‑saved.Set quality between 60 %–80 % (Photoshop: “Save for Web” → Quality slider). Higher quality = larger file.
GIFSimple graphics, animations, or when only 256 colours are needed.Limited to 256 colours; supports simple animation; small file size.Use “Export As → GIF” and choose “Lossless” for static images.
TIFFHigh‑quality print work, archival storage.Lossless or LZW‑compressed; large files; not ideal for web.Choose “LZW” compression to keep file size reasonable.

8. Reducing file size – step‑by‑step example (Photoshop)

  1. Open the image.
  2. Check the current size: File → File Info → Image Size.
  3. If the image is for screen use, set Resolution to 72 dpi (uncheck “Resample”).
  4. Resize to the required pixel dimensions (e.g., 800 × 600 px) with “Resample” turned on.
  5. Choose File → Export → Save for Web (Legacy)….

    • Format: JPEG.
    • Quality: 70 % (preview the file size in the bottom‑left).
    • Check “Optimised” and tick “Convert to sRGB”.

  6. Strip metadata: click the “Metadata” dropdown and select “None”.
  7. Click Save. The resulting file will be considerably smaller while retaining acceptable visual quality.

9. Metadata / EXIF

  • EXIF data can contain camera settings, GPS location and orientation tags.
  • To view or delete metadata:

    • Windows: right‑click → Properties → Details → Remove Properties and Personal Information.
    • Photoshop: File → Export → Save for Web… → Metadata → None.
    • GIMP: File → Export As… → Advanced Options → Strip EXIF metadata.

  • Removing metadata reduces file size and protects privacy.

Keyboard shortcuts (where available)

  • Ctrl + O – Open file (Paint, Word, PowerPoint, Photoshop).
  • Ctrl + S – Quick save.
  • Ctrl + Shift + S – Save As.
  • Ctrl + Z – Undo.
  • Alt + H, R, R – Rotate right 90° in Word/PowerPoint.
  • Ctrl + Alt + I – Open Image Rotation dialog in Photoshop.
  • Ctrl + W – Open Resize dialog in Paint.
  • Ctrl + Shift + U – Open “Save for Web” in Photoshop.

Common problems & solutions

ProblemPossible causeSolution
Image appears sideways after rotationWrong 90° increment selectedUndo (Ctrl + Z) and choose the correct rotation option.
Blurry or jagged edges after rotationSoftware resampled the image using a low‑quality algorithmUse a “Rotate without resampling” command (e.g., Photoshop → Image → Image Rotation → 90° Clockwise) or select “Bicubic” resampling for arbitrary angles.
File size becomes much largerSaved in a different format or with higher colour depthRe‑save using the original format, lower colour depth, or adjust JPEG quality (60‑80 %).
Blank space appears after rotating a portrait imageCanvas size not automatically trimmedCrop the extra space, or use “Fit Canvas to Image” (Photoshop → Image → Trim).
Image quality drops after several editsRepeated saving in a lossy format (JPEG)Work on a lossless copy (PNG or TIFF) and only export the final version as JPEG.
Orientation tag is ignored on another deviceEXIF orientation not applied by the viewing softwareRotate the image permanently (not just the tag) and save; or strip the EXIF data before sharing.

E‑safety & copyright (Cambridge syllabus wording)

  • Only use images you have created, that are in the public domain, or that are licensed under Creative Commons (CC‑BY, CC‑BY‑SA, etc.).
  • When a licence requires attribution, give credit in the format: Author, Title, Source, licence (e.g., “John Doe, Sunset, Flickr, CC‑BY‑2.0”).
  • Do not edit or redistribute copyrighted images without permission.
  • Check file size and format before opening downloaded images to avoid malware.

Assessment checklist (AO2 – produce; AO3 – explain)

  1. Open an image in at least two different programmes (e.g., Paint and Word).
  2. Rotate the image:

    • 90° clockwise
    • 180°
    • Arbitrary angle (e.g., 45°) in Photoshop or GIMP.

  3. Flip the image horizontally and vertically.
  4. Resize the image:

    • Using pixels (e.g., 1024 × 768 px)
    • Using a percentage (e.g., 50 %).
    • Maintain aspect ratio and note the DPI before and after.

  5. Crop the image to remove unwanted borders.
  6. Adjust brightness and contrast to improve visual quality.
  7. Group two images in Word/PowerPoint, or place them on separate layers in Photoshop/GIMP and change their stacking order.
  8. Save the edited image using “Save As”:

    • Choose PNG for a graphic with text.
    • Choose JPEG (quality 70 %) for a photograph.

  9. Explain (AO3) how each of the following affects resolution, file size and suitability for screen or print:

    • Rotation (especially arbitrary angles).
    • Resizing (pixel vs percentage, DPI change).
    • File‑format choice (PNG vs JPEG vs GIF).

  10. Identify at least two e‑safety or copyright considerations when using an image sourced from the Internet.
  11. Troubleshoot a common problem (e.g., blurry edges after rotation) using the solutions table.

Summary

Image editing is a core ICT skill for the Cambridge IGCSE 0417 syllabus. Mastery of rotation, flipping, resizing, cropping, brightness/contrast adjustment, grouping/layers, and appropriate saving ensures that students can produce professional‑looking visual material while controlling resolution, DPI and file size. Understanding when to use PNG, JPEG, GIF or TIFF, and how to optimise export settings, links directly to the syllabus requirement for “file‑size control”. Finally, applying e‑safety and copyright rules guarantees responsible and legal use of digital media.

Suggested diagram: Flowchart – “Identify required edit → Choose software → Apply operation (rotate/flip/resize/crop/adjust) → Check quality & file size → Save As (appropriate format)”.