DociekAI
1/5
0%
LEKCJA03

Rozmiar obrazu i napisy na grafice

Ustaw dokładny rozmiar obrazu i podpisz go tak, żeby dało się to przeczytać.

25–30 min5 bloków

Ramę do obrazu kupuje się w konkretnym rozmiarze. Nie „takim ładnym”, tylko 30 na 40 centymetrów — bo inaczej obraz do niej nie wejdzie. Z obrazkami w komputerze jest tak samo: każdy ma swój rozmiar podany w pikselach i to od niego zależy, czy zmieści się tam, gdzie ma trafić.

W tej lekcji cały czas pracujesz na jednym obrazku z latarnią morską. Najpierw rozciągniesz go, aż zobaczysz pojedyncze piksele, potem zmienisz mu ramę, wykonasz trzy zamówienia o trzech różnych kształtach, a na koniec postawisz na nim napisy — takie, które naprawdę da się przeczytać.

Pusta drewniana rama obrazu leży na jasnym kremowym blacie, a obok niej wysunięte jedna spod drugiej białe, zupełnie puste kartki papieru różnej wielkości

Plan tej lekcji

  1. 01Haczyk6 min
  2. 02Wyjaśnienie7 min
  3. 03Ćwiczenie6 min
  4. 04Symulator8 min
  5. 05Zadanie praktyczne12 min
Haczyk6 min

Ciągnij za róg, aż coś pęknie

Mozaika ułożona z gładkich, pastelowych kamyków wciśniętych w okrągłą plamę piasku, widziana z góry — każdy kamyk jest osobny i policzalny, a w kilku miejscach po kamykach zostały puste wgłębienia

Z bliska widać, że to nie obrazek, tylko ułożone kamyki.

Obraz w komputerze też jest z kamyków. Nazywają się piksele i jest ich dokładnie tyle, ile ich zapisano — ani jednego więcej. Poniższy obrazek ma 32 na 24 piksele. Złap go za róg i pociągnij.

Runda 1 z 2 — złap narożnik i powiększ obrazek co najmniej dwa razy.

Oryginał · 32 × 24 px

32 × 24 px · 768 pikseli

Wyjaśnienie7 min

Obraz czy płótno? Te same liczby, dwa różne wyniki

W menu każdego edytora grafiki leżą obok siebie dwa polecenia: Rozmiar obrazu i Rozmiar płótna. Oba proszą o dwie liczby i oba kończą się przyciskiem OK. Robią jednak dwie zupełnie różne rzeczy — jedno zmienia rysunek, drugie ramę wokół niego. Trzy zamówienia niżej pokażą, które jest które.

Drewniana rama obrazu na jasnej ścianie, w środku kremowe passe-partout, a na jego środku dużo mniejsza, zupełnie pusta biała kartka, wokół której zostaje szeroki pusty margines

Zamówienie 1 z 3

oryginał: 32 × 24 px

Pod obrazkiem ma się znaleźć pusty pasek na podpis — wysoki na 6 pikseli. Sam rysunek ma zostać dokładnie taki, jaki jest: latarnia nie może zrobić się ani wyższa, ani chudsza.

obrazek przed zmianą · 32 × 24 px

Nowe wymiary

Kotwica

Gdzie na nowym płótnie ma stanąć stary rysunek. Przy „Rozmiarze obrazu” nie ma znaczenia — rysunek i tak wypełnia całe płótno.

Ćwiczenie6 min

Kwadrat, pasek i miniaturka

Awatar do dziennika

zamówienie 1 z 3

Kwadratowe zdjęcie profilowe, 12 × 12 px. Ma być na nim widać GÓRĘ LATARNI Z LAMPĄ — całą, bez ucinania.

kształt obrazka4:3· kształt zamówienia1:1

Skalowanie bierze cały obrazek — nie ma tu czego przesuwać.
12 × 12 px
Symulator8 min

Podpis, który da się przeczytać

Gładki biały kamień leży na ciemnoszarej płycie łupka i wyraźnie się od niej odcina, a obok taki sam biały kamień leży na złożonym białym płótnie i prawie się w nim gubi

Ten sam kamyk. Raz widać go z drugiego końca pokoju, raz nie widać wcale.

Z napisem na obrazie jest dokładnie tak samo. W zeszycie tło jest zawsze białe, więc wystarczy pisać. Na obrazie każde miejsce ma inny kolor — i to ono decyduje, czy podpis da się przeczytać.

Ustaw trzy napisy tak, żeby każdy dało się przeczytać.

płótno: 1096 × 756 px

Jan BrzechwaAkademia Pana KleksaLatarnia morska o zachodzie
Jan BrzechwaAkademia Pana KleksaLatarnia morska o zachodzie
Tak wygląda w galerii — 140 px szerokości. Za mały napis znika właśnie tutaj.

Napisy przeciąga się palcem albo myszą po obrazie. Stuknij napis, żeby go wybrać — wtedy pod spodem zmienisz jego treść, rozmiar, krój i kolor.

Rozmiar

40 px

Krój

Kolor liter

Napis „Imię i nazwisko autora książki” — co sprawdza program

  • Napis ma treść
  • Cały mieści się na obrazie
  • Wysokość co najmniej 30 px
  • Krój pasuje do rozmiaru
  • Odcina się od tłaPod napisem jest niebo, a litery są niewiele jaśniejsze (1,3× różnicy jasności, potrzeba 3×). Przesuń napis w inne miejsce albo zmień jego kolor.
  • Nie zasłania latarni
0 z 3 napisów gotowych
Zadanie praktyczne12 min

Scena z przeczytanej książki, 1096 × 756 px

Teraz to samo w prawdziwym programie — i z prawdziwymi liczbami. Wymiary ustawiasz zanim zaczniesz rysować, bo po rysowaniu każda zmiana rozmiaru coś kosztuje. Wiesz to już z pierwszego bloku.

Otwarta książka w bordowej oprawie leży na jasnym blacie, jej kremowe stronice są zupełnie puste i nic na nich nie napisano, a na środku między kartkami spoczywa zasuszony żółty kwiatek
Wykonaj obraz przedstawiający scenę z ostatnio przeczytanej książki. Ustaw wymiary grafiki na 1096 × 756 px. Na obrazie napisz imię i nazwisko autora oraz tytuł książki. Umieść też informację, co przedstawia twój rysunek.

Zanim narysujesz choć jedną kreskę

Scena z książki

Trzy napisy

Rozmiar obrazu ustawisz w Paincie przez Plik → Właściwości obrazu (albo Obraz → Zmień rozmiar, przełączone na piksele), w GIMP-ie przez Plik → Nowy, w Kricie tak samo. Napisy dodaje narzędzie Tekst — zwykle ikona z literą A. Zanim zaczniesz pisać, wybierz kolor liter: to on decyduje, czy podpis będzie widać.

Nagroda: ciekawostka

Ukończ wszystkie kroki tej lekcji, żeby ją odblokować.

Zrobione: 0 z 5 bloków

Przejdź wszystkie bloki i zrób to, co w nich jest do zrobienia — pasek u góry pokaże 100%.