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:
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 elementsAlso known as . . .Pixels
5 8x8 Pixel DrawingOpen 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 DrawingIs it any better if we use 16x16 pixels? Try the same thing on the 16x16 grid in the spreadsheet. Any better? Why?
8 ResolutionThe 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,366768
9 Comparing Resolutions Comparing mobile phones, on which phone will pictures look better? Why?Lumia 925Resolution =1280 x 768 at 334ppiGalaxy S4Resolution =1920 x 1080 at 441ppiiPhone 5SResolution =1136 x 640 at 326ppi
10 Lesson 1 QuestionsIn 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 5SResolution =1136 x 640 at 326ppiGalaxy S4Resolution =1920 x 1080 at 441ppiLumia 925Resolution =1280 x 768 at 334ppi
11 2. PIXELS EVERYWHERELO: Understand how a computer displays coloured images using binary and RGB values.
12 Adding Some ColourLast 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 = 255Blue = 204Green = 10324 bits (Also known as “Truecolour”)
14 Try This!Open PaintSelect ‘Edit Colours’ and choose a colour you like.What are the red, green and blue values for that colour?
16 Images on ScreenThat 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 QuestionsIn 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 MAKEOVERLO: Understand how to combine the dodge and burn tools along with spot removal in Photoshop.
21 Make Over My TeacherYour teacher would like a makeover! Try doing the following:Remove any spots/blemishesWhiten their teethHow about a suntan?EXTENSION: Now dress them up using one of the outfits.Tools you’ll need:Burn toolSpot healing toolBackground eraserDodge tool
22 4. SPOOF STORIESLO: 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 LassoLayersTextBackground Eraser
24 GIANT RHINO LOOSE IN NEW YORK Newspaper Front PageUse 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 ANIMALSLO: 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 isThe 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 StampLayersTextBackground Eraser
28 6. COLLATE THE PICSLO: 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 FEEDBACKLO: Know how to put together a questionnaire to collect suitable feedback for a portfolio of images.
31 Collecting FeedbackWe 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 QuestionnaireCreate 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. EVALUATIONLO: 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 EvaluationIn a new Word document write an Evaluation of your portfolio of images. This should include:Explanation of what you have doneDetailed breakdown of the feedback you receivedDetailed 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/difficultExplain the tools usedWhy was Photoshop a suitable application to use?