II. Programming and solving problems by using the computer and other digital devices. The student:
3) develops and presents solutions to problems by using basic applications (a text and image editor, a spreadsheet, a programme for creating a multimedia presentation) on the computer or in a cloud to demonstrate the following skills:
a) creating illustrations in an image editor: drawing with selected tools, transforming images, adding text to images.
Before the lesson the students learn the information about image resolutionresolutionresolution and the differences between the resolution of an image on the screenscreenscreen and on a printoutprintoutprintout.
The teacher initiates a short discussion about the resolution of image files.
What is image resolution? How to distinguish between an image of high resolution and an image of low resolution? What is an image on the screen composed of? What is an image on a printout composed of? What does the abbreviation dpi mean? What does the abbreviation ppi mean?
The student answer the questions asked by the teacher and then they formulate the definitions of a pixelpixelpixel and resolution together.
A pixelpixelpixel is the smallest controllable element of a picture:
- displayeddisplayeddisplayed on the screenscreenscreen (of a computer monitor, television set, telephone, tablet, smartphone), - printed on paper (using printing techniques in which an image is represented by dots), - captured with the use of image processing devices (a digital camera, scanner).
[Illustration 1]
Image resolutionresolutionresolution is the precision in representing the details of a bitmap imagebitmap imagebitmap image. The resolution of an image displayed on the screen indicates the number of pixels per inch (approximately 2.5 cm). The unit of the resolution of the image displayed on the screen is ppi. The higher resolution, the higher image quality and consequently the larger file sizesizesize.
[Interactive graphics 1]
Colour in displays is obtained by mixing the three primary colours of the RGB model. Therefore a pixelpixelpixel consists of three subpixels emitting red, blue and green light. For example, a full HD matrixmatrixmatrix, i.e. of the resolution 1920 × 1080, has 1920 pixels in every line and 1080 lines. The sizesizesize of the pixel depends on the predicted distance of viewing the screenscreenscreen and it decreases with this distance. Pixel density depends on the size of the pixelpixelpixel. It amounts to 90 ppi for LCD monitors and to 300 ppi for smartphones. The matrix resolution of digital cameras is expressed in megapixels.
[Table 1]
The number of dots per inch (approximately 2.5 cm) is a measure used for specifying the resolution of images generated by printing devices. For instance, the resolution 600 dpi indicates that 600 printed dots are placed in a line within the span of 1 inch of an image.
Imagine that you want to print a 13 cm x 9 cm picture enlarged two times on a printer of the resolutionresolutionresolution of 600 dpi. Calculate the resolution at which the image must be scanned.
Answer:
The length of the sides of the enlarged picture expressed in inches:
The selection of the resolutionresolutionresolution of an image depending on its purpose:
- printing of a photograph – 300 dpi, - medium quality printing, medium format printing – 150‑250 dpi, - image to be displayeddisplayeddisplayed on the screenscreenscreen – 96‑72 dpi, - large format printinglarge format printinglarge format printing – 72 dpi.
Task 2:
Download the prepared image. Check how much disc space it takes up. Change the resolution of the image according to the following purposes and check how its sizesizesize changes.
[Download attachment 1]
[Table 2]
Task 3
Download the included file and prepare it for printing in the 10 cm x 15 cm format. Apart from changing the resolution of the image, you must also crop it.
Ważnym parametrem decydującym o jakości obrazu jest rozdzielczość. Jest ona związana z liczbą pikseli w przypadku obrazu wyświetlanego na ekranie monitora lub liczbą punktów przypadających na jednostkę długości w przypadku obrazu drukowanego. Należy ją dobierać w zależności od przeznaczenia obrazu. Programy graficzne umożliwiają zmianę rozdzielczości obrazu.
Ze zmianą rozmiaru zdjęcia wiąże się problem z zachowaniem jego jakości. Rozdzielczość i wielkość bitmapy zależą od parametrów urządzenia będącego źródłem obrazu. Liczba punktów zawierająca informacje o obrazie jest ustalona. Zmiana wielkości obrazu niesie ze sobą zmianę jego rozdzielczości. Powiększenie rozmiarów prowadzi do zmniejszenia rozdzielczości, a pomniejszenie – do zwiększenia rozdzielczości.
m9486497a72eeb766_1528449000663_0
Rozdzielczość obrazu drukowanego i wyświetlanego na monitorze
m9486497a72eeb766_1528449084556_0
Drugi
m9486497a72eeb766_1528449076687_0
Klasy IV–VI
II. Programowanie i rozwiązywanie problemów z wykorzystaniem komputera i innych urządzeń cyfrowych. Uczeń:
3) przygotowuje i prezentuje rozwiązania problemów, posługując się podstawowymi aplikacjami (edytor tekstu oraz grafiki, arkusz kalkulacyjny, program do tworzenia prezentacji multimedialnej) na swoim komputerze lub w chmurze, wykazując się przy tym umiejętnościami:
a) tworzenia ilustracji w edytorze grafiki: rysuje za pomocą wybranych narzędzi, przekształca obrazy, uzupełnia grafikę tekstem.
m9486497a72eeb766_1528449068082_0
45 minut
m9486497a72eeb766_1528449523725_0
Tworzenie ilustracji w edytorze grafiki.
m9486497a72eeb766_1528449552113_0
1. Zmiana rozdzielczości i rozmiaru grafiki w zależności od jej zastosowania.
m9486497a72eeb766_1528450430307_0
Uczeń:
- rozróżnia pojęcia rozdzielczości obrazu na ekranie urządzenia i na wydruku,
- dobiera rozdzielczość i skaluje rozmiar grafiki w zależności od jej zastosowania.
m9486497a72eeb766_1528449534267_0
1. Uczenie się przez obserwację.
2. Praktyczne wykorzystanie wiedzy.
m9486497a72eeb766_1528449514617_0
1. Praca indywidualna.
2. Praca z całą klasą.
m9486497a72eeb766_1528450135461_0
m9486497a72eeb766_1528450127855_0
Uczniowie przed lekcją mają za zadanie przygotowanie informacji na temat rozdzielczością obrazu oraz różnic pomiędzy rozdzielczością obrazu na ekranie a na wydruku.
Nauczyciel przeprowadza dyskusję na temat rozdzielczości plików graficznych.
- Co to jest rozdzielczość obrazu? - W jaki sposób odróżnić zdjęcie o wysokiej rozdzielczości od obrazu wykonanego z niską rozdzielczością? - Z czego jest zbudowany obraz na ekranie monitora, a z czego na wydruku? - Co oznacza skrót dpi? - Co oznacza skrót ppi?
Uczniowie odpowiadają na pytania nauczyciela, a następnie wspólnie formułują definicje piksela i rozdzielczości.
m9486497a72eeb766_1528446435040_0
Piksel to najmniejszy jednolity element obrazu:
- wyświetlanego na ekranie (monitora komputera, telewizora, telefonu, tabletu, smartfonu), - drukowanego (w technice druku punktowego), - uzyskanego za pomocą urządzeń przetwarzania obrazu (aparat, skaner).
[Ilustracja 1]
Rozdzielczość jest to precyzja odtwarzania szczegółów obrazu bitmapowego. Rozdzielczość obrazu wyświetlanego na ekranie oznacza liczbę pikseli przypadających na cal (ok. 2,5 cm). Jednostką rozdzielczości obrazu wyświetlanego na ekranie jest ppi. Im większa rozdzielczość, tym większa jakość obrazu, a co za tym idzie – większy rozmiar pliku.
[Grafika interaktywna 1]
Na wyświetlaczach kolor uzyskiwany jest za pomocą mieszania trzech barw podstawowych (system RGB). Piksel skład się więc z trzech subpikseli emitujących światło w kolorach czerwonym, niebieskim i zielonym. Przykładowo matryca full HD, czyli o rozdzielczości 1920 × 1080, ma 1920 pikseli w każdej linii, a linii tych ma 1080. Wielkość piksela zależy od przewidywanej odległości oglądania ekranu i zmniejsza się wraz z nią. Gęstość pikseli jest zależna od wielkości piksela. Dla monitorów LCD wynosi 90 ppi, dla ekranów smartfonów – 300 ppi. Rozdzielczość matrycy w cyfrowych aparatach fotograficznych jest wyrażana w megapikselach.
[Tabela 1]
Liczba punktów przypadających na cal (ok. 2,5 cm) jest miarą stosowaną w określaniu rozdzielczości obrazów generowanych przez urządzenia drukujące. Np. rozdzielczość 600 dpi oznacza , że na długości 1 cala obrazu znajduje się 600 wydrukowanych punktów.
[Grafika interaktywna 2]
Zmiana rozmiaru zdjęcia: Ze zmianą rozmiaru zdjęcia wiąże się problem z zachowaniem jego jakości. Rozdzielczość i wielkość bitmapy zależą od parametrów urządzenia będącego źródłem obrazu. Liczba punktów zawierająca informacje o obrazie jest ustalona. Zmiana wielkości obrazu niesie ze sobą zmianę jego rozdzielczości. Powiększenie rozmiarów prowadzi do zmniejszenia rozdzielczości, a pomniejszenie – do zwiększenia rozdzielczości.
[Ilustracja 2]
Zapamiętaj! 1 cal = 2,54 cm.
Polecenie 1
Wyobraź sobie, że chciałbyś wydrukować zdjęcie o rozmiarze 13 cm x 9 cm w dwukrotnym powiększeniu na drukarce o rozdzielczości 600 dpi. Oblicz, w jakiej rozdzielczości należy zeskanować zdjęcie.
Odpowiedź:
Długość boków powiększonego zdjęcia wyrażona w calach:
Wybór rozdzielczości zdjęcia w zależności od jego zastosowania:
- wydruk fotografii – 300 dpi, - wydruk średniej jakości, druki średnioformatowe – 150‑250 dpi, - obiekt do oglądania na monitorze – 96‑72 dpi, - druk wielkoformatowy – 72 dpi.
Polecenie 2
Pobierz przygotowane zdjęcie. Sprawdź, ile zajmuje ono miejsca na dysku. Zmieniaj rozdzielczość zdjęcia odpowiednio do jego zastosowania i sprawdź, jak zmienia się jego rozmiar.
[Załącznik 1]
[Tabela 2]
Polecenie 3
Pobierz załączone zdjęcie i przygotuj je do wydrukowania w formacie 10 cm x 15 cm. Oprócz zmiany rozdzielczości należy je również wykadrować.
[Załącznik 2]
m9486497a72eeb766_1528450119332_0
Ważnym parametrem decydującym o jakości obrazu jest rozdzielczość. Jest ona związana z liczbą pikseli w przypadku obrazu wyświetlanego na ekranie monitora lub liczbą punktów przypadających na jednostkę długości w przypadku obrazu drukowanego. Należy ją dobierać w zależności od przeznaczenia obrazu. Programy graficzne umożliwiają zmianę rozdzielczości obrazu.