Práca s grafikou Nezačaté

0. Kľúčové fakty

1. Grafický editor — Je počítačový program určený na vytváranie a úpravu obrázkov, napríklad Skicár (Paint), GIMP, Photopea alebo Krita. Editor poskytuje nástroje ako štetec, ceruzka, výplň či guma, vďaka ktorým žiak kreslí a upravuje obraz priamo na obrazovke. Bez editora by sa digitálny obrázok nedal vytvoriť ani zmeniť.

2. Rastrová grafika (bitmapa) — Obrázok je zložený z mriežky drobných bodov nazývaných pixely, pričom každý pixel má svoju farbu. Pri zväčšení rastrového obrázka sa pixely zväčšia a obraz sa rozmaže a „zozrní" (vidno štvorčeky). Typické rastrové formáty sú JPG, PNG, BMP a GIF; vznikajú napríklad fotoaparátom alebo skenerom.

3. Vektorová grafika — Obrázok je popísaný matematicky pomocou čiar, kriviek a tvarov (úsečky, kruhy, mnohouholníky), nie pomocou bodov. Vďaka tomu sa dá ľubovoľne zväčšovať alebo zmenšovať bez straty kvality a ostrosti. Používa sa najmä na logá, ikony a ilustrácie; typický formát je SVG.

4. Pixel — Pixel (z anglického picture element) je najmenší bod obrazu, ktorý má jednu konkrétnu farbu. Z miliónov pixelov poskladaných do mriežky vzniká celý obrázok, podobne ako mozaika z drobných kamienkov. Čím viac pixelov obraz obsahuje, tým je detailnejší a ostrejší.

5. Rozlíšenie obrazu — Udáva počet pixelov na šírku a výšku obrázka, napríklad 1920 · 1080 pixelov. Vyššie rozlíšenie znamená viac detailov, ale aj väčší súbor, ktorý zaberie viac miesta v pamäti. Rozlíšenie je dôležité pri tlači aj pri zobrazení na monitore.

6. Rozmery obrazu (šírka a výška) — Veľkosť plátna určujeme v pixeloch alebo v centimetroch a vieme ju v editore meniť cez nastavenie veľkosti obrazu alebo plátna. Žiak by mal vedieť obrázok orezať (odstrániť okraje), zmeniť mierku alebo zachovať pomer strán, aby sa obraz nedeformoval (nenaťahoval). Správne rozmery sú dôležité napríklad pri vkladaní obrázka do dokumentu alebo na web.

7. Vrstvy (layers) — Vrstvy fungujú ako priehľadné fólie naukladané na seba, pričom na každej je iná časť obrázka (napríklad pozadie, postava, text). Pracovať s vrstvami umožňuje upravovať jednu časť obrazu bez toho, aby sme poškodili ostatné, a meniť ich poradie či priehľadnosť. Vrstvy podporujú pokročilejšie editory ako GIMP, Krita alebo Photopea, jednoduchý Skicár ich nemá.

8. Farebný model RGB — Farby na obrazovke vznikajú miešaním troch základných svetelných zložiek: červenej (Red), zelenej (Green) a modrej (Blue). Každá zložka má hodnotu od 0 do 255, takže ich kombináciou vie počítač zobraziť milióny farieb (napríklad 255, 0, 0 je čistá červená). RGB je základný model pre monitory, fotoaparáty a všetky digitálne obrazovky.

9. Farebný model CMYK — Používa sa pri tlači a mieša štyri farby: azúrovú (Cyan), purpurovú (Magenta), žltú (Yellow) a čiernu (blacK). Na rozdiel od RGB, kde sa svetlo pridáva, pri CMYK sa farby na papieri odčítavajú (čím viac farby, tým tmavšie). Preto sa obrázky určené na tlač pripravujú v CMYK, kým obrázky pre obrazovku v RGB.

10. Priehľadnosť a kanál alfa — Niektoré formáty (najmä PNG) dokážu uložiť priehľadné oblasti, kde nie je žiadne pozadie, vďaka takzvanému alfa kanálu. To je užitočné napríklad pri logách alebo nálepkách, ktoré chceme vložiť na iné pozadie bez bieleho rámčeka. Formát JPG priehľadnosť nepodporuje, preto sa na ňu používa PNG alebo GIF.

11. Kompresia a veľkosť súboru — Aby obrázok nezaberal príliš veľa miesta, ukladá sa zmenšený (skomprimovaný) do formátov ako JPG (stratová kompresia) alebo PNG (bezstratová kompresia). Pri stratovej kompresii sa časť detailov natrvalo stratí, no súbor je oveľa menší; bezstratová kompresia zachová kvalitu, ale súbor býva väčší. Voľba formátu závisí od toho, či potrebujeme malú veľkosť alebo dokonalú kvalitu.

12. Základné úpravy obrazu — V editore vieme obrázok otáčať, prevracať (zrkadliť), orezávať, meniť jas, kontrast a sýtosť farieb či vkladať text. Tieto nástroje umožňujú vylepšiť fotografiu alebo prispôsobiť obrázok potrebe, napríklad do projektu či prezentácie. Pred uložením je vhodné si zmeny premyslieť, lebo niektoré úpravy (najmä po opätovnom uložení JPG) sa nedajú vrátiť.

1. Poučka

Grafický editor je program na vytváranie a úpravu obrázkov. Obraz sa skladá z bodov (pixelov), má svoje rozmery (šírku × výšku v pixeloch) a môže byť uložený vo viacerých vrstvách. Vrstvy sú priehľadné „fólie" poukladané na sebe — na každej kreslíme samostatne a ich poradie aj viditeľnosť vieme meniť. Farba sa zvyčajne skladá z troch zložiek: červenej, zelenej a modrej (model RGB).

2. Vysvetlenie

Predstav si, že kreslíš na sklenené tabule položené na seba — to sú vrstvy. Pracuj po krokoch: 1. Vytvor nový obraz a nastav jeho rozmery (napr. 800 × 600 pixelov). 2. Pridaj vrstvy — pozadie na spodok, popredie a text vyššie. Hornú vrstvu vidíš ako prvú. 3. Vyber farbu — buď z palety, alebo zmiešaním zložiek R, G, B (každá 0–255). 4. Kresli nástrojmi — štetec, ceruzka, výplň (plechovka), guma. 5. Uprav obraz — zmeň veľkosť, orež, otoč alebo prefarbi. 6. Ulož vo vhodnom formáte (napr. PNG, JPG).

Rastrový obraz (z pixelov) sa pri veľkom zväčšení rozmaže — objavia sa štvorčeky. Vektorový obraz (z čiar a tvarov) ostane ostrý pri akejkoľvek veľkosti.

3. Príklady a prečo je to dôležité

• Plagát na školskú akciu — pozadie, nadpis a obrázok dáš na samostatné vrstvy, aby si vedel ľubovoľnú časť upraviť bez zničenia ostatných.
• Úprava fotky z výletu — orežeš okraje, zmeníš jas a farby, zmenšíš rozmery pred poslaním e-mailom.
• Logo pre triedny časopis — vektorovým editorom, aby ostalo ostré aj zväčšené na transparent.
• Profilová ikonka — nastavíš presné rozmery (napr. 256 × 256 px), aby sa správne zobrazila.
• Koláž — viac obrázkov vložíš každý na vlastnú vrstvu a ľubovoľne ich posúvaš.

Prečo je to dôležité: grafiku používajú grafici, fotografi, tvorcovia hier, webov aj reklamy. Keď vieš pracovať s vrstvami a rozmermi, dokážeš obrázok upraviť rýchlo, čisto a bez straty kvality — a tvoje práce vyzerajú profesionálne.