RFNXVfwQQPS4J

Creating digital images

Source: licencja: CC 0.

Tworzenie cyfrowych obrazów

You will learn
  • how to draw your own image using a graphic editorgraphic editorgraphic editor,

  • the basic possibilities of a graphic editor,

  • how to tell about it in English.

Rc2hKSYDHXArc1
nagranie abstraktu

Answer the introductory questions:

  1. Can images be painted on cardboard only?

  2. Can you create your own image on your computer?

  3. Does creating a digital imagedigital imagedigital image require special devices?

  4. Does creating a digital image require specialized software?

Discuss answers in the class.

RHTNJnVwDdhoA1
nagranie abstraktu

You have painted or sketched various images many times during art classes. Now it's time to draw an image using a computer. Each image displayed on the screen of the monitor consists of many single points called pixels and is a digital imagedigital imagedigital image. To display an image, simply take a photo with a digital camera or view one of the millions available on the Internet. However, it is worth to know the possibilities that the computer gives us in the field of creating such images.

There are many free graphic creation programs on the Internet. We will focus on handling the Paint program available to every Windows user. For Windows 10, the Paint 3D program was also created, allowing you to create your own three‑dimensional images. Images made using this graphic editorgraphic editorgraphic editor are examples of raster graphicsraster graphicsraster graphics, because each pixelpixelpixel is assigned a colour. The image consists of many pixels and is stored in the form of a bitmapbitmapbitmap on the computer disk. You can check this by selecting the magnifying glass iconiconicon in the toolbar in Paint. In the future, you'll also learn graphic editors for creating vector graphicsvector graphicsvector graphics.

Using this program, you can draw a lot of graphics needed for school projects or to publish, for example, on social networks.

Open Paint, and then follow the instructions below. If you do not have the program iconiconicon on your desktop, then for Windows users it is available under: Start > All Programs > Accessories > Paint.

Task 1
RDTrNjuuMvLBU1
nagranie abstraktu

Familiarize with the Paint main window view.

R15tF5OuH1hvL
Ilustracja interaktywna przedstawia zrzut ekranu z programu Paint. Na górze znajduje się pasek narzędzi programu podzielone na grupy: Tools (narzędzia) , Brushes (pędzle), Shapes (kształty), Outline (krawędź) oraz Fill (wypełnienie), Size (rozmiar), Color 1 (kolor 1), Color 2 (kolor 2), Colors (kolory), Edit colors (edytuj kolor), Edit with Paint 3D (edytuj z Paint 3D), Product alert (alert dotyczący produktu). Na ilustracji widoczne są numery, a na nich podpisy. 1. selection of a pencil, eraser, text, magnifying glass, pipette, filling with colour {audio}, 2. selection of the brush type {audio}, 3. selection of geometrical shapes {audio}, 4. selection of outline and filling {audio}, 5. line thickness {audio}, 6. foreground colour, drawing shapes and writing text {audio}, 7. background colour, filling the interior of shapes and background for text {audio}, 8. colour palette {audio}
Familiarize with the Paint main window view
Source: GroMar, licencja: CC BY 3.0.
Task 2
RFXg746xHUJE5
nagranie abstraktu

By clicking on the letter iconiconicon, you can write your name. Write your personal data using different fonts and colours. Then, try to write about your hobby by selecting a pencil from the Tools menu.

R1JxrkwdP9U32
nagranie abstraktu

In Paint, you can draw geometrical shapes in three modes:

  1. drawing only the edges.

  2. drawing the edges and filling the backgroundbackgroundbackground with the same colour.

  3. drawing the edges with one colour and filling the background with others.

The above effects can be obtained by selecting the appropriate icons from the Outline or Fill tool menutool menutool menu. You can also choose the line thickness from the Size menu. Another option is to choose the tool that you can use to make an image. This time, check what is under the Brushes iconiconicon.

Do not forget to save your image in the appropriate format (* .jpg, * bmp, * .png, * tiff).

Task 3
R1PWpjVhUA5LH1
nagranie abstraktu

Using available basic geometrical shapes, draw a house with a path. Colour the image.

Task 4
ROyJKvtlTAlH81
nagranie abstraktu

Using the possibilities offered by Paint, draw the image below. You may have to use other program functions, e.g. Rotate. Test different options.

RCBIXvDPyhlYd1
Source: GroMar, licencja: CC BY 3.0.
Task 5
R1DaCgJTv8UN61
nagranie abstraktu

In Paint, create your own emoticon. Examples can be found below.

RHD1FpXzAh5hD1
Source: GroMar, licencja: CC BY 3.0.
Task 6
R1FJlrLt5SAe91
nagranie abstraktu

Create your own comic character using the capabilities of the Paint program. An example of the form and steps to draw it are shown in the figure below.

RizWUd38Hp7pH1
Source: GroMar, licencja: CC BY 3.0.

Summary

R1OxfHWGZ2gs01
nagranie abstraktu

By using graphic editors, you can create your own image. Using them you can also modify in the basic scope images obtained from the scanner or taken with a digital camera.

Exercises

Exercise 1
RphwtFqivEFIr
Wersja alternatywna ćwiczenia: Determine which sentence is true. Możliwe odpowiedzi: 1. Creation of a graphic image is possible only with the use of additional graphic devices, e.g. a graphic tablet., 2. A pixel is the smallest part of the image., 3. Pixels are used in raster graphics., 4. Only commercial, paid graphic editors are available on the market., 5. Using graphic editors, you can draw images consisting of only geometrical shapes., 6. By using a graphic editor you can create your own image.
zadanie
Source: GroMar, licencja: CC BY 3.0.
Exercise 2

Using the graphic hints below how to draw an Indian tent, draw your own picture.

RIDxHrCnSKabP1
Source: GroMar, licencja: CC BY 3.0.
Exercise 3

Describe in English what actions to perform in order to draw your own digital imagedigital imagedigital image.

Exercise 4
RIQO8E2PciR4H
Wersja alternatywna ćwiczenia: Indicate which pairs of expressions or words are translated correctly. Możliwe odpowiedzi: 1. obraz cyfrowy - digital image, 2. edytor graficzny - graphic editor, 3. piksel - pixel, 4. mapa bitowa - bitmap, 5. grafika rastrowa - vector graphics, 6. menu narzędziowe - graphic editor
zadanie
Source: GroMar, licencja: CC BY 3.0.
R1cZDjhwGL24O1
Interaktywna gra, polegająca na łączeniu wyrazów w pary w ciągu jednej minuty. Czas zaczyna upływać wraz z rozpoczęciem gry. Jeden ruch to odkrywanie najpierw jednej potem drugiej karty z wyrazem. Każdy wyraz jest odczytywany. Kolejny ruch to odkrywanie trzeciej i czwartej karty. W ten sposób odsłuchasz wszystkie wyrazy. Nawigacja z poziomu klawiatury za pomocą strzałek, odsłuchiwanie wyrazów enterem lub spacją. Znajdź wszystkie pary wyrazów.
Source: Zespół autorski Politechniki Łódzkiej, licencja: CC BY 3.0.

Glossary

background
background

tło

R1CMvNNQ9PTCg1
wymowa w języku angielskim: background
bitmap
bitmap

mapa bitowa

R1IvYWtaQc2sG1
wymowa w języku angielskim: bitmap
digital image
digital image

obraz cyfrowy

R1T46cykPbFoi1
wymowa w języku angielskim: digital image
editing
editing

edycja

RiDBwiQ9oR1y91
wymowa w języku angielskim: editing
graphic editor
graphic editor

edytor graficzny

R1EQOtl5KtoJw1
wymowa w języku angielskim: graphic editor
icon
icon

ikona

RCPzVhqNLGjFO1
wymowa w języku angielskim: icon
pixel
pixel

piksel

R4tHJUTwJoxRb1
wymowa w języku angielskim: pixel
raster graphics
raster graphics

grafika rastrowa

R1MGz8mgWju971
wymowa w języku angielskim: raster graphics
tool menu
tool menu

menu narzędziowe

RktgOPgsW4wTa1
wymowa w języku angielskim: tool menu
vector graphics
vector graphics

grafika wektorowa

RBIKNnJ5izUoL1
wymowa w języku angielskim: vector graphics

Keywords

bitmapbitmapbitmap

digital imagedigital imagedigital image

graphic editorgraphic editorgraphic editor

pixelpixelpixel

raster graphicsraster graphicsraster graphics