Grafika komputerowa w liceum i technikum
Grafika rastrowa i wektorowa na poziomie szkoły ponadpodstawowej: piksele i obiekty, rozmiar i rozdzielczość, model barw RGB i zapis szesnastkowy, retusz z zaznaczeniem, przekształceniami, warstwami i filtrami, projekt logo i zestawu ikon, modele dwuwymiarowe (plan sali), infografika, animacja z kontrolą tempa i płynności oraz formaty plików i kompresja stratna i bezstratna. Edytory działają w przeglądarce, a zadania sprawdzają się automatycznie.
Dla kogo: Liceum i technikum: raster i wektor, kolor RGB, retusz, logo i ikony, plan sali, infografika, animacja i kompresja obrazów. Więcej o kursie
Grafika rastrowa i wektorowa
Obraz rastrowy to siatka pikseli o ustalonej szerokości i wysokości, obraz wektorowy to lista obiektów opisanych liczbami. Od tego zależy, co się stanie przy powiększeniu, edycji i zapisie do pliku.
Kolor: model RGB i zapis szesnastkowy
Ekran miesza światło czerwone, zielone i niebieskie. Każda składowa ma wartość 0-255, zapisywaną często szesnastkowo: #rrggbb. Spójna paleta i kontrast decydują o czytelności projektu.
Retusz: zaznaczenie, przekształcenia i filtry
Obróbka obrazu rastrowego to praca na pikselach: poprawa jasności i kontrastu, usuwanie zbędnych elementów, obracanie i odbijanie fragmentów. Zaznaczenie ogranicza zmianę do wybranego obszaru.
Warstwy i kompozycja rastrowa
Złożony obraz rastrowy buduje się z warstw: tło, ilustracja, napisy. Każdą warstwę można ukryć, przenieść wyżej lub niżej, zmienić jej krycie i poprawiać niezależnie od reszty.
Projekt wektorowy: logo i zestaw ikon
Logo i ikony projektuje się wektorowo: są skalowalne, mają mało kolorów i powtarzalne proporcje. Zestaw ikon wymaga jednakowych wymiarów, wyrównania i równych odstępów.
Modele dwuwymiarowe: plan i schemat
Model dwuwymiarowy przedstawia obiekt z góry albo w przekroju, z zachowaniem proporcji: plan sali, schemat sieci, mapka. Grafika wektorowa pozwala ustawiać wymiary i położenie z dokładnością do piksela.
Infografika: dane w obrazie
Infografika pokazuje dane obrazem: wykres, ikony i krótkie podpisy. Tytuł mówi, czego dotyczy, a słupki tej samej skali pozwalają porównać wartości jednym spojrzeniem.
Animacja: ruch, tempo i płynność
Płynność animacji zależy od liczby klatek na sekundę i od tego, jak duża jest zmiana między klatkami. Ruch z przyspieszeniem wygląda naturalniej niż ruch o stałej prędkości.
Formaty plików i kompresja
Format pliku decyduje o rozmiarze, jakości i możliwościach obrazu: kompresja bezstratna (PNG, GIF), stratna (JPG), zapis wektorowy (SVG). Dobór formatu i rozmiaru do celu to część projektu.