Top Banner
DiDA – Image manipulation Lesson 1 – Objectives • Understand what a bitmap is • Understand what image resolution means • Using selection in GIMP • Using layers and background erasing to create a combined image
31

Lesson 1 – Objectives

Feb 23, 2016

Download

Documents

sharla

Lesson 1 – Objectives. Understand what a bitmap is Understand what image resolution means Using selection in GIMP Using layers and background erasing to create a combined image. Bitmap images. This is a family of images which are made up of tiny dots. Each dot will have a different colour. - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Lesson 1 – Objectives

DiDA – Image manipulation

Lesson 1 – Objectives

• Understand what a bitmap is• Understand what image resolution means• Using selection in GIMP• Using layers and background erasing to create

a combined image

Page 2: Lesson 1 – Objectives

DiDA – Image manipulation

Bitmap images

• This is a family of images which are made up of tiny dots.

• Each dot will have a different colour.• Combined they produce an image• All photos and most images from the internet

will be bitmaps.

Page 3: Lesson 1 – Objectives

DiDA – Image manipulation

Jaguar at 50% (or half the original size)

Page 4: Lesson 1 – Objectives

DiDA – Image manipulation

Jaguar at 200% (double size)

Page 5: Lesson 1 – Objectives

DiDA – Image manipulation

Jaguar at 1000% (or 10x zoom)

Page 6: Lesson 1 – Objectives

DiDA – Image manipulation

Pixels and resolution

• Notice the dots? These are known as pixels.• The more pixels on the screen the higher the

quality. • We measure pixels by counting the number of

pixels vertically and horizontally.• This is known as resolution.

Page 7: Lesson 1 – Objectives

DiDA – Image manipulation

Low resolution Vs high resolution

128 x 128 1600 x1200

Page 8: Lesson 1 – Objectives

DiDA – Image manipulation

Resolution in google

Each image has it’s resolution under it in google!!

Page 9: Lesson 1 – Objectives

DiDA – Image manipulation

Bitmap file formats

• BMP – Windows bitmap (very large files)• JPG – Jpeg. These images are heavily

compressed and sometimes loose quality.• GIF – Used for drawings. Can only have 256

colours!! This is known as indexed. Supports transparency

• PNG – Good mixture of compression and quality. Supports transparency

Page 10: Lesson 1 – Objectives

DiDA – Image manipulation

Image manipulation

• Programs such as GIMP, photo shop and paint shop pro are known as image manipulation programs.

• They allow bitmap images to be manipulated.• They are essential when creating high quality

publications.

Page 11: Lesson 1 – Objectives

DiDA – Image manipulation

Your task today

• You are going to create a film poster.• Your poster will be made in sections in GIMP• We will break your poster down into the

following sections– Main foreground image– Background– Title + slogan– Other text (like actors etc)

Page 12: Lesson 1 – Objectives

DiDA – Image manipulation

Sections

Foreground image

Title

sloganExtra text

Background

Page 13: Lesson 1 – Objectives

DiDA – Image manipulation

Getting started

• Your film must be made up. • It can be a parody of a old film or a brand new one• Decide on this first before you continue.• Take a few minutes to decide this. Decide– On the title– On the genre (rom com, thriller, sci-fi etc)– Actors

• Be imaginative. For example you could have yourself as the main actor/actress!

Page 14: Lesson 1 – Objectives

DiDA – Image manipulation

Getting the foreground image

• Now find a high quality (high resolution) image to act as the foreground.

• This could be a photo if you want to use yourself or a friend as the main character.

• It does not have to be a person, it could be a car or anything which fits in with your film.

Page 15: Lesson 1 – Objectives

DiDA – Image manipulation

Task

• Find 3 high resolution images to use for your film poster.

• Note – Do not worry about your choice. The key here is practicing skills!

Page 16: Lesson 1 – Objectives

DiDA – Image manipulation

My main image

Page 17: Lesson 1 – Objectives

DiDA – Image manipulation

Removing the background

Page 18: Lesson 1 – Objectives

DiDA – Image manipulation

Tools to use

The “portrait” tool. To use this you must –1. Draw roughly around the shape you want. Make sure

you create a complete loop.2. Draw on the foreground image. The background

should turn blue.3. Any blue parts on your main image just draw over

them!4. Any parts of the background which are NOT blue

then you must hold [CTRL] on the keyboard and then draw over it.

Page 19: Lesson 1 – Objectives

DiDA – Image manipulation

More tools

The magic wand tool (or fuzzy select) will select areas which are similar in colour. This can be used to remove areas which might have been missed by the portrait tool

This tool selects ALL colours which match the one you click on. Can be very useful!

Page 20: Lesson 1 – Objectives

DiDA – Image manipulation

Video help!

• You can watch this video to help!

Page 21: Lesson 1 – Objectives

DiDA – Image manipulation

Changing faces

• Next we are going to replace the face. We need to find a face which is looking in the same direction in order for it to “work”.

Page 22: Lesson 1 – Objectives

DiDA – Image manipulation

Removing the face

• Again you can remove the background AND the body using the same tools.

Page 23: Lesson 1 – Objectives

DiDA – Image manipulation

Smoothing

• If you get any “jagged” edges you can smooth them out using this tool

Page 24: Lesson 1 – Objectives

DiDA – Image manipulation

Copy and paste

Jonathon Ross is now Neo! This does not look great. We need to get the gun in front of Mr Ross.

Page 25: Lesson 1 – Objectives

DiDA – Image manipulation

Duplicate the background

Make a copy of the background and add it as a new layer. This new layer will be the “gun”.

You can duplicate a layer by selecting it and click on the icon shown below

Page 26: Lesson 1 – Objectives

DiDA – Image manipulation

Move the gun layer

Page 27: Lesson 1 – Objectives

DiDA – Image manipulation

Showing the face underneath!

• You can rub out Neo’s face to get Jonathon’s instead.

• Again you can use the skills already used to help.

• You will need to smooth things out after editing as it is easy to make mistakes!

Page 28: Lesson 1 – Objectives

DiDA – Image manipulation

Note!

• This is MUCH easier with high resolution images.

• If you find the image is too difficult then choose something else.

• There is a limit on how much editing you can do in order to improve an image.

Page 29: Lesson 1 – Objectives

DiDA – Image manipulation

Version 2 – Gun in front of Mr Ross

Page 30: Lesson 1 – Objectives

DiDA – Image manipulation

Step 3 – Remove old parts of neo from the background.

Page 31: Lesson 1 – Objectives

DiDA – Image manipulation

Task

• Remove the background from a second image• Combine the two images together• Extension – Save the image as a PNG file and

then import the image into publisher. Complete the poster in publisher.