Zhrnutie na Základy informatiky, dizajnu a obchodného práva

Základy informatiky, dizajnu, práva: Maturita a prax

Úvod

Vektorová grafika je spôsob tvorby digitálnych obrázkov, kde sú tvary a čiary definované matematicky namiesto jednotlivých pixelov. Vďaka tomu sú objekty presné, ľahko upraviteľné a možno ich zväčšovať bez straty kvality. Tento materiál rozoberá základné pojmy, kompozičné princípy (zlatý rez, geometrický a optický stred) a praktické ukážky, ktoré sú užitočné pri príprave na maturitu.

Definícia: Vektorová grafika sú obrazy zložené z matematicky definovaných objektov, ktoré majú vlastnosti ako poloha, tvar, veľkosť a farba.

1. Základné pojmy vektorovej grafiky

Bod

Definícia: Bod je najmenší prvok vektorovej grafiky, definovaný súradnicami $x$ a $y$.

  • Bod je stavebný kameň všetkých ďalších prvkov.
  • Použitie: kotviace body pre krivky, referenčné body pre umiestnenie.

Línia a krivka

Definícia: Línia vzniká spojením bodov; môže byť rovná alebo zakrivená.

  • Typy: rovná, oblúková, zložená.
  • Vlastnosti: hrúbka, štýl (plná, prerušovaná), koncové ukončenia.
  • Použitie: obrysy objektov, vodiace prvky kompozície.

Bezierove krivky

Definícia: Bezierove krivky sú parametre kriviek riadené kontrolnými bodmi, ktoré umožňujú plynulé tvary.

  • V softvéri ako Illustrator alebo Inkscape používame kubické alebo kvadratické Bezierove krivky.
  • Praktické: presné vektorové písmo, logá, ilustrácie.

Objekt (tvar)

Definícia: Objekt je uzavretá línia, ktorá vytvára plochu (napr. kruh, obdĺžnik, polygon).

  • výplň (fill) a obrys (stroke).
  • Môže byť skupinovaný, transformovaný (škálovanie, rotácia, posun).

Vlastnosti vektorovej grafiky

  • Neobmedzené zväčšovanie bez straty kvality.
  • Presné a čisté hrany.
  • Možnosť editácie jednotlivých prvkov.
  • Efektívna veľkosť súboru pri jednoduchých tvaroch.

Praktické použitia

  • Logá, ikonografia
  • Vektorové ilustrácie a infografiky
  • Typografia a pre tlač
💡 Vedeli ste?Fun fact: Vektorová grafika sa často používa pri výrobe mapových podkladov a CAD výkresov, pretože umožňuje presné meranie a jednoduché úpravy.

2. Zlatý rez, geometrický a optický stred

Zlatý rez

Definícia: Zlatý rez je pomer dvoch úsekov $a$ a $b$ taký, že $$\frac{a+b}{a} = \frac{a}{b}$$ a výsledný pomer je $\varphi$, kde $$\varphi = \frac{1 + \sqrt{5}}{2}.$$

  • Numericky: $\varphi \approx 1.618$.
  • V praxi delíme obraz do častí podľa tohto pomeru, aby pôsobil harmonicky.
  • Zjednodušenie: pravidlo tretín (delenie na 3 časti) sa často používa ako praktická náhrada.

Geometrický stred

Definícia: Geometrický stred je presný stred obrazovky alebo obdĺžnika, vypočítaný ako prienik uhlopriečok.

  • Použitie: technické umiestnenie prvkov, presné vycentrovanie.
  • Nevýhoda: nemusí pôsobiť vizuálne príťažlivo.

Optický stred

Definícia: Optický stred je bod mierne nad geometrickým stredom, ktorý zodpovedá tomu, ako oko vníma stred plochy.

  • Vizuálne prirodzenejší bod pre umiestnenie dominantných prvkov.
  • Pri kreslení: nakreslite geometrický stred a posuňte bod mierne nahor.

Ako nakresliť na skúške:

  1. Nakreslite obdĺžnik.
  2. Vykreslite uhlopriečky → získate geometrický stred.
  3. Označte bod mierne nad geometrickým stredom → optický stred.
  4. Rozdelte strany na tretiny a naznačte línie → miesto pre pravidlo tretín / približný zlatý rez.
💡 Vedeli ste?Fun fact: Architektúra a umelecké diela staroveku často využívali pomer blízky zlatému rezu, pretože oči ľudí vnímajú také proporcie ako príjemné.

3. Kompozičné prvky grafiky

Bod

Definícia: Bod je základný stavebný prvok kompozície, ktorý priťahuje pozornosť.

  • Funkcia: akcent, stred záujmu.
  • Viac bodov môže vytvoriť rytmus alebo smer.

Línia

Definícia: Línia spája body a vedie očnú dráhu diváka.

  • Vlastnosti: smer (horizontálna, vertikálna, diagonálna), hrúbka, kontinuita.
  • Význam podľa smeru:
    • horizontálna → pokoj, stabilita
    • vertikálna → sila, autorita
    • diagonálna → pohyb, napätie
    • krivka → jemnosť, plynulosť

Tvar

Definícia: Tvar je uzavretá plocha vytvorená líniami; môže byť g

Zaregistruj sa pre celé zhrnutie
KartičkyTest znalostíZhrnutiePodcastMyšlienková mapa
Začni zadarmo

Už máš účet? Prihlásiť sa

Vektorová grafika - Základy

Klíčové pojmy: Vektorová grafika používa matematické objekty, nie pixely, Bod je základný prvok definovaný súradnicami $x$ a $y$, Línie vedú pozornosť: horizontála pokoj, vertikála sila, diagonála pohyb, Bezierove krivky umožňujú plynulé presné tvary, Objekt má výplň (fill) a obrys (stroke), Zlatý rez definovaný $\frac{a+b}{a}=\frac{a}{b}$ s $\varphi=\frac{1+\sqrt{5}}{2}$, Geometrický stred = prienik uhlopriečok, optický stred = mierne nad geometrickým, Vektorová vs. rastrová grafika: škálovateľnosť vs. fotografia, Negatívny priestor zlepšuje čitateľnosť a vytvára hierarchiu, Pri kreslení postupujte: hlavný objekt, podporné prvky, negatívny priestor, rovnováha

## Úvod Vektorová grafika je spôsob tvorby digitálnych obrázkov, kde sú tvary a čiary definované matematicky namiesto jednotlivých pixelov. Vďaka tomu sú objekty presné, ľahko upraviteľné a možno ich zväčšovať bez straty kvality. Tento materiál rozoberá základné pojmy, kompozičné princípy (zlatý rez, geometrický a optický stred) a praktické ukážky, ktoré sú užitočné pri príprave na maturitu. > **Definícia:** Vektorová grafika sú obrazy zložené z matematicky definovaných objektov, ktoré majú vlastnosti ako poloha, tvar, veľkosť a farba. ## 1. Základné pojmy vektorovej grafiky ### Bod > **Definícia:** Bod je najmenší prvok vektorovej grafiky, definovaný súradnicami $x$ a $y$. - Bod je stavebný kameň všetkých ďalších prvkov. - Použitie: kotviace body pre krivky, referenčné body pre umiestnenie. ### Línia a krivka > **Definícia:** Línia vzniká spojením bodov; môže byť rovná alebo zakrivená. - Typy: rovná, oblúková, zložená. - Vlastnosti: hrúbka, štýl (plná, prerušovaná), koncové ukončenia. - Použitie: obrysy objektov, vodiace prvky kompozície. ### Bezierove krivky > **Definícia:** Bezierove krivky sú parametre kriviek riadené kontrolnými bodmi, ktoré umožňujú plynulé tvary. - V softvéri ako Illustrator alebo Inkscape používame kubické alebo kvadratické Bezierove krivky. - Praktické: presné vektorové písmo, logá, ilustrácie. ### Objekt (tvar) > **Definícia:** Objekt je uzavretá línia, ktorá vytvára plochu (napr. kruh, obdĺžnik, polygon). - Má **výplň (fill)** a **obrys (stroke)**. - Môže byť skupinovaný, transformovaný (škálovanie, rotácia, posun). ### Vlastnosti vektorovej grafiky - Neobmedzené zväčšovanie bez straty kvality. - Presné a čisté hrany. - Možnosť editácie jednotlivých prvkov. - Efektívna veľkosť súboru pri jednoduchých tvaroch. ### Praktické použitia - Logá, ikonografia - Vektorové ilustrácie a infografiky - Typografia a pre tlač Fun fact: Vektorová grafika sa často používa pri výrobe mapových podkladov a CAD výkresov, pretože umožňuje presné meranie a jednoduché úpravy. ## 2. Zlatý rez, geometrický a optický stred ### Zlatý rez > **Definícia:** Zlatý rez je pomer dvoch úsekov $a$ a $b$ taký, že $$\frac{a+b}{a} = \frac{a}{b}$$ a výsledný pomer je $\varphi$, kde $$\varphi = \frac{1 + \sqrt{5}}{2}.$$ - Numericky: $\varphi \approx 1.618$. - V praxi delíme obraz do častí podľa tohto pomeru, aby pôsobil harmonicky. - Zjednodušenie: pravidlo tretín (delenie na 3 časti) sa často používa ako praktická náhrada. ### Geometrický stred > **Definícia:** Geometrický stred je presný stred obrazovky alebo obdĺžnika, vypočítaný ako prienik uhlopriečok. - Použitie: technické umiestnenie prvkov, presné vycentrovanie. - Nevýhoda: nemusí pôsobiť vizuálne príťažlivo. ### Optický stred > **Definícia:** Optický stred je bod mierne nad geometrickým stredom, ktorý zodpovedá tomu, ako oko vníma stred plochy. - Vizuálne prirodzenejší bod pre umiestnenie dominantných prvkov. - Pri kreslení: nakreslite geometrický stred a posuňte bod mierne nahor. Ako nakresliť na skúške: 1. Nakreslite obdĺžnik. 2. Vykreslite uhlopriečky → získate geometrický stred. 3. Označte bod mierne nad geometrickým stredom → optický stred. 4. Rozdelte strany na tretiny a naznačte línie → miesto pre pravidlo tretín / približný zlatý rez. Fun fact: Architektúra a umelecké diela staroveku často využívali pomer blízky zlatému rezu, pretože oči ľudí vnímajú také proporcie ako príjemné. ## 3. Kompozičné prvky grafiky ### Bod > **Definícia:** Bod je základný stavebný prvok kompozície, ktorý priťahuje pozornosť. - Funkcia: akcent, stred záujmu. - Viac bodov môže vytvoriť rytmus alebo smer. ### Línia > **Definícia:** Línia spája body a vedie očnú dráhu diváka. - Vlastnosti: smer (horizontálna, vertikálna, diagonálna), hrúbka, kontinuita. - Význam podľa smeru: - horizontálna → pokoj, stabilita - vertikálna → sila, autorita - diagonálna → pohyb, napätie - krivka → jemnosť, plynulosť ### Tvar > **Definícia:** Tvar je uzavretá plocha vytvorená líniami; môže byť g