Presentation is loading. Please wait.

Presentation is loading. Please wait.

1. WHAT IS A DIGITAL IMAGE? LO: Understand how a digital image is made up and be able to recognise the affect changing the resolution has on an image.

Similar presentations


Presentation on theme: "1. WHAT IS A DIGITAL IMAGE? LO: Understand how a digital image is made up and be able to recognise the affect changing the resolution has on an image."— Presentation transcript:

1

2 1. WHAT IS A DIGITAL IMAGE? LO: Understand how a digital image is made up and be able to recognise the affect changing the resolution has on an image.

3 Types of Digital Image Bitmap Vector Two main types:
We’re focussing on bitmap in this topic as we’re looking at photographs.

4 Bitmap Images Pixels Who knows how images on a computer are made up?
Bitmap images are made up of lots of picture elements Also known as . . . Pixels

5 8x8 Pixel Drawing Open the Pixel Drawing spreadsheet and complete the first activity. 1 = part of the image is showing 0 = empty box

6 What’s happened? What’s happened to our image? It is pixelated (the image is made up of large blocks instead of smooth lines) The same thing happens when you copy small or low quality images from the Internet and try to enlarge them. Who’s done that before?

7 16x16 Pixel Drawing Is it any better if we use 16x16 pixels? Try the same thing on the 16x16 grid in the spreadsheet. Any better? Why?

8 Resolution The number of pixels we use is known as the resolution. So, what affect did increasing the resolution have? On average, computer screens are 1,366 x 768 pixels which means we can display images from the computer using 1,049,088 pixels! 1,366 768

9 Comparing Resolutions
Comparing mobile phones, on which phone will pictures look better? Why? Lumia 925 Resolution = 1280 x 768 at 334ppi Galaxy S4 Resolution = 1920 x 1080 at 441ppi iPhone 5S Resolution = 1136 x 640 at 326ppi

10 Lesson 1 Questions In a new Word document answer the following questions in FULL sentences: On which phone will pictures look better and why? What does PPI stand for and what does it mean? Digital cameras use the term ‘Megapixels', explain what this means. EXTENSION: Take a small image from the Internet and stretch it so it becomes pixelated. Explain what is happening here. iPhone 5S Resolution = 1136 x 640 at 326ppi Galaxy S4 Resolution = 1920 x 1080 at 441ppi Lumia 925 Resolution = 1280 x 768 at 334ppi

11 2. PIXELS EVERYWHERE LO: Understand how a computer displays coloured images using binary and RGB values.

12 Adding Some Colour Last lesson we looked at pixels using just two colours: 1 = black 0 = white This has a pixel depth of one bit per pixel. Changing the pixel depth allows us to add more colours. How many colours would we get if we had two bits per pixel? 00 = white 01 = red 10 = green 11 = blue -> Four colours

13 24 bits (Also known as “Truecolour”)
How Much Colour? So are four colours enough? NO! Nowadays we use 24 bits per pixel to store an amount of red, an amount of green and an amount of blue. These are combined to make other colours: Red = 255 Blue = 204 Green = 103 24 bits (Also known as “Truecolour”)

14 Try This! Open Paint Select ‘Edit Colours’ and choose a colour you like. What are the red, green and blue values for that colour?

15 Mystery Image What’s this a picture of?

16 Images on Screen That is exactly how images are displayed on screens. Here’s a microscopic picture of an iPhone screen: Screens use coloured LEDs to display an amount of red, an amount of green and an amount of blue. Sound familiar?

17 Try this Take out your mobile phones.
Use the camera to take a photo of your computer screen (get as close as you can but make sure the picture is in focus). Now zoom in on the picture. Can you see the individual LEDs?

18 Lesson 2 Questions In a new Word document answer the following questions in FULL sentences: What is Pixel Depth? How many bits per pixel are required for a monochrome (black & white) image? What is the pixel depth of “Truecolour”? Which three colours are used to make all other colours on a computer? Explain the process, in your own words, of how a computer takes an image and displays it on the screen. EXTENSION: If an image that is 1024x768 is stored on the computer with 24 bits per pixel, how much storage space would be needed? (in MB)

19 3. TEACHER MAKEOVER LO: Understand how to combine the dodge and burn tools along with spot removal in Photoshop.

20

21 Make Over My Teacher Your teacher would like a makeover! Try doing the following: Remove any spots/blemishes Whiten their teeth How about a suntan? EXTENSION: Now dress them up using one of the outfits. Tools you’ll need: Burn tool Spot healing tool Background eraser Dodge tool

22 4. SPOOF STORIES LO: Understand how to combine layers and remove backgrounds to create new images.

23 Spoof Stories Tools you’ll need:
Choose one of the animal pictures and combine it with one of the locations to create a spoof story like one of these examples: Tools you’ll need: Magnetic Lasso Layers Text Background Eraser

24 GIANT RHINO LOOSE IN NEW YORK
Newspaper Front Page Use Publisher to create a mock-up of a newspaper front page. Combine your image with a catchy headline and write a news story relating to the picture. GIANT RHINO LOOSE IN NEW YORK

25 5. NEW ANIMALS LO: Know how to responsibly use online pictures and be able to merge them together using the clone tool in Photoshop.

26 Using Online Images Are we allowed to use any images we find online?
No, they are often copyright protected. Who does this picture belong to? -> What does Copyright mean? You are not allowed to use the images without permission from the copyright holder (the owner). Be responsible and select “labelled for non-commercial reuse” when using Google to find images. Another good, legal source is The picture is of a ‘selfie’ taken by a monkey and there is a copyright dispute stating that technically the photographer cannot claim copyright as he didn’t take the picture himself!

27 New Animals Tools you’ll need:
Find some suitable animal pictures and combine them together to create new animals like these examples. Use the text tools to name the animals you have “created”. Tools you’ll need: Clone Stamp Layers Text Background Eraser

28 6. COLLATE THE PICS LO: Understand how to effectively collate a selection of images into a suitable portfolio.

29 Collating the Pictures
Create a presentation to display the images you have created to form a portfolio. Beside each picture explain what the purpose was and what tools you used in Photoshop to create the picture. EXTENSION: Add a slide to your presentation to explain: How you adhered to Copyright when you collected online images. What is Copyright?

30 7. COLLECTING FEEDBACK LO: Know how to put together a questionnaire to collect suitable feedback for a portfolio of images.

31 Collecting Feedback We need to collect feedback about the portfolio we have created. What kind of questions should we ask? Were the techniques well explained? What improvements are needed? Are the images convincing? Which image is best? Why? Are the images convincing? Is the layout of the portfolio suitable?

32 Questionnaire Create a questionnaire with at least 10 questions to gather useful and suitable feedback about your portfolio. Ask the person next to you look at your portfolio then complete your questionnaire.

33 8. EVALUATION LO: Know how to combine own ideas with peer feedback to produce a detailed evaluation.

34 Writing a Good Evaluation
Point - State the point you are trying make. What are you talking about? Evidence - What examples can you show to help make your point? Maybe you could include screenshots? Explanation - Thoroughly explain the point, including good and bad points where possible.

35 Your Evaluation In a new Word document write an Evaluation of your portfolio of images. This should include: Explanation of what you have done Detailed breakdown of the feedback you received Detailed self-evaluation (use the same criteria as you did for your questionnaire). What went well? Even better if . . . Evaluate your experience of using Photoshop, include: What you found easy/difficult Explain the tools used Why was Photoshop a suitable application to use?


Download ppt "1. WHAT IS A DIGITAL IMAGE? LO: Understand how a digital image is made up and be able to recognise the affect changing the resolution has on an image."

Similar presentations


Ads by Google