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.

Slides:



Advertisements
Similar presentations
27. Looking back on your preliminary task, what do you feel you have learnt in the progression from it to the full product?
Advertisements

Photography Portfolio Student Name :. Task 1 - Learn the Basics In Task 1 you are taking a series of photographs and finding out the basic tools in Photoshop.
LEAFLET EVIDENCE By Zosia Staniaszek. LEAFLET RESEARCH.
R090. Learning objective 1 TASK 1TASK 2 Talk about the features and setting of equipment. Capabilities and limitations of different equipment. Talk about.
What have you learnt about technologies from the process of constructing this product?
Lesson Objectives Explain the representation of an image as a series of pixels represented in binary Explain the need for meta data to be included in the.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Lesson 3: Removing objects. Starter: Open the powerpoint from O:\ Drive 1. Double click “My Computer” on the desktop 2. Double click “O:\” 3. Double click.
Dedicated Vector and Bitmap editing software.
Unit 30 Digital Graphics – Course overview Anne Sewell
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Unit 30 P1 – Hardware & Software Required For Use In Digital Graphics
Unit 1 – Improving Productivity Ryan Wetton Instructions ~ 100 words per box.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
Unit 1 – Improving Productivity Loren Thomas Instructions ~ 100 words.
Unit 1 – Improving Productivity Connor Mckeever Instructions ~ 100 words per box.
GCSE Computing#BristolMet Session Objectives#9 MUST identify the data needed for a computer to display an image correctly (metadata) SHOULD describe the.
© GCSE Computing Candidates should be able to:  explain the representation of an image as a series of pixels represented in binary  explain the need.
Level 2 IT Users Qualification – Unit 1 Improving Productivity Jordan Girling.
Unit 1 – Improving Productivity Tyler Dunn Instructions ~ 100 words per box.
Unit 1 – Improving Productivity Louis Price Instructions ~ 100 words per box.
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Unit 1 – Improving Productivity Ryan Taroni Instructions ~ 100 words per box.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
Images Data Representation. Objectives  Understand the terms bitmap & pixel  Understand how bitmap images are stored using binary in a computer system.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
Unit 1 – Improving Productivity. 1.1Why did you use a computer? What other systems / resources could you have used? In my PowerPoint I used a computer.
Agenda Last class: Memory, Digitizing Numbers Today: Digitizing: Text
Unit 1 – Improving Productivity Joshua McCutcheon.
Unit 1 – Improving Productivity Dylan Wakelam Instructions ~ 100 words per box.
Unit 1 – Improving Productivity. 1.1Why did you use a computer? What other systems / resources could you have used? I used a computer because it is easy.
Evaluation. Dash the greatest music magazine. This is Dash that I word so hard to make for the few past months. My music magazine is based for people.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
Unit 1 – Improving Productivity Bradley Cogin Instructions ~ 100 words per box.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Representing and Storing Graphics EXTENSION.
HOW SCANNERS WORK A scanner is a device that uses a light source to electronically convert an image into binary data (0s and 1s). This binary data can.
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
What do you think this lesson is all about? Write your answer on a sticky note.
 Many people like the flexibility of digital images. For example:  They can be shared by attaching to /uploading to Internet  Sent via mobiles.
Computer Systems Nat 5 Computing Science Data Representation
Unit 2.6 Data Representation Lesson 3 ‒ Images
Image and Sound Representation
Images Data Representation.
Data Representation Images.
Computer Systems Nat 4/5 Data Representation Lesson 4:
Delete this box when you are done!
Delete this box when you are done!
Year 7 E-Me Web design.
Look at Me Mod 4 Lesson 3 Graphics Module 4- Build a Game.
Unit R006 – Creating Digital Images
Data Representation.
Bitmap, Vector, Pixels, Resolution, Metadata.
Representing Images 2.6 – Data Representation.
What do these words mean to you?
Computer Graphics Enhancing Photos with Adobe Photoshop – Level 1.
Unit 4 Design and Produce Multimedia Products
Computer Systems Nat 4.5 Computing Science Data Representation
Do it now activity Use the coloured pencils to complete the do it now activity. Stick in your book.
Uppingham Community College
Year 8 Unit 2 Bitmap Graphics
Presentation transcript:

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.

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

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

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

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?

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?

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

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

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

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

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

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 1 1 1 1 1 1 1 1 1 1 0 0 1 1 0 0 0 1 1 0 0 1 1 1 1 1 1 1 1 1 1 1 0 1 1 0 0 1 1 1 1 1 0 0 1 1 0 0 24 bits (Also known as “Truecolour”)

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

Mystery Image What’s this a picture of?

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?

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?

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)

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

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

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

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

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

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

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 http://commons.wikimedia.org 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!

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

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

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?

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

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?

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.

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

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.

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?