{"id":2548,"date":"2023-04-19T16:56:03","date_gmt":"2023-04-19T14:56:03","guid":{"rendered":"https:\/\/www.mariakurty.com\/?p=2548"},"modified":"2023-04-19T16:56:03","modified_gmt":"2023-04-19T14:56:03","slug":"vyhody-a-nevyhody-rastrovej-a-vektorovej-grafiky-co-je-lepsie","status":"publish","type":"post","link":"https:\/\/www.mariakurty.com\/en\/vyhody-a-nevyhody-rastrovej-a-vektorovej-grafiky-co-je-lepsie\/","title":{"rendered":"V\u00fdhody a nev\u00fdhody rastrovej a vektorovej grafiky: \u010co je lep\u0161ie?"},"content":{"rendered":"

Stretli ste sa u\u017e so slovami \u201evektor\u201c <\/strong>and \u201eraster\u201c<\/strong> alebo \u201evektorov\u00e1\u201c <\/strong>and \u201erastrov\u00e1 grafika\u201c<\/strong>? Pokia\u013e sa pohybujete vo svete grafiky a digit\u00e1lnej ilustr\u00e1cie, predpoklad\u00e1m, \u017ee tieto slov\u00e1 s\u00fa v\u00e1m zn\u00e1me. No ak patr\u00edte do skupiny \u013eud\u00ed, ktor\u00ed s grafikou za\u010d\u00ednaj\u00fa, alebo s \u0148ou nepracuj\u00fa, pravdepodobne v\u00f4bec netu\u0161\u00edte, o \u010dom hovor\u00edm. Ale nemajte strach, nie ste v tom sami. V\u00e4\u010d\u0161ina mojich z\u00e1kazn\u00edkov tieto pojmy nepozn\u00e1 v\u00f4bec, alebo maj\u00fa len matn\u00fa \u0161ajnu, o \u010do ide.<\/p>\n\n\n\n

Pre\u010do je d\u00f4le\u017eit\u00e9 ma\u0165 aspo\u0148 z\u00e1kladn\u00fa predstavu o t\u00fdchto dvoch slov\u00e1ch? Preto\u017ee s\u00fa to dva z\u00e1kladn\u00e9 druhy grafiky<\/strong>, ktor\u00e9 navz\u00e1jom nijako nes\u00favisia a je d\u00f4le\u017eit\u00e9 ich vedie\u0165 rozozn\u00e1va\u0165, aby sa v\u00e1m nestalo, \u017ee budete ma\u0165 nere\u00e1lne po\u017eiadavky na umelca<\/strong>, ktor\u00fd pracuje s vektorom (ako napr\u00edklad ja) a umelca, ktor\u00fd tvor\u00ed v rastri.<\/p>\n\n\n\n

Rovnako umelci musia vedie\u0165, ktor\u00fd typ grafiky pon\u00fakaj\u00fa z\u00e1kazn\u00edkovi<\/strong>, aby v priebehu tvorby nedo\u0161lo k omylom a strate \u010dasu, pe\u0148az\u00ed a nervov kv\u00f4li nedostato\u010dn\u00fdm vedomostiam o mo\u017enostiach, ktor\u00e9 ka\u017ed\u00fd z t\u00fdchto dvoch typov grafiky pon\u00faka. \u010ci u\u017e ide o za\u010d\u00ednaj\u00faceho alebo sk\u00fasen\u00e9ho ilustr\u00e1tora, pochopenie oboch typov grafiky je nevyhnutn\u00e9 pre vytv\u00e1ranie kvalitn\u00fdch a profesion\u00e1lnych n\u00e1vrhov.<\/p>\n\n\n\n

V tomto blogu sa ponor\u00edme hlb\u0161ie do t\u00fdchto dvoch druhov grafiky a presk\u00famame ich jedine\u010dn\u00e9 vlastnosti a v\u00fdhody. Tak\u017ee si pripravte \u0161\u00e1lku k\u00e1vy alebo dobr\u00e9ho \u010daju a za\u010d\u00edname!<\/p>\n\n\n\n

\"\"
Ka\u017ed\u00fd umelec preferuje pr\u00e1cu s in\u00fdm typom grafiky, hoci ve\u013ek\u00e1 v\u00e4\u010d\u0161ina vie pracova\u0165 s oboma typmi. (ZDROJ: George Milton, www.pexels.com)<\/figcaption><\/figure>\n\n\n\n

Raster vs. Vektor<\/h3>\n\n\n\n

Za\u010dnime rastrom, ke\u010f\u017ee ten je roz\u0161\u00edrenej\u0161\u00ed a dovol\u00edm si tvrdi\u0165, \u017ee aj pou\u017e\u00edvanej\u0161\u00ed (ale netvrd\u00edm, \u017ee lep\u0161\u00ed!) ako vektor. Zjednodu\u0161ene povedan\u00e9, rastrov\u00e1 grafika sa sklad\u00e1 z pixelov<\/strong> (to s\u00fa mal\u00e9 farebn\u00e9 \u0161tvor\u010deky) a vyu\u017e\u00edva sa pri fotografi\u00e1ch a detailn\u00fdch kresb\u00e1ch, \u010di ma\u013eb\u00e1ch.<\/p>\n\n\n\n

Naopak, vektorov\u00e1 grafika<\/strong> (niekedy sa u n\u00e1s pou\u017e\u00edva aj v\u00fdraz \u201ekrivky\u201c, ale ja osobne ho nem\u00e1m rada a nepou\u017e\u00edvam ho) sa sklad\u00e1 z bodov a \u010diar<\/strong>, ktor\u00e9 s\u00fa navz\u00e1jom posp\u00e1jan\u00e9 a vytv\u00e1raj\u00fa farebn\u00e9 plochy. Pou\u017e\u00edva sa najm\u00e4 na vytv\u00e1ranie log, reklamn\u00fdch n\u00e1pisov a zjednodu\u0161en\u00fdch ilustr\u00e1ci\u00ed.<\/p>\n\n\n\n

Pr\u00edklad:<\/p>\n\n\n\n

\"\"
Rovnak\u00fd obr\u00e1zok vytvoren\u00fd vo vektore a rastri. Na prv\u00fd poh\u013ead vyzeraj\u00fa rovnako. (ZDROJ: Maria Kurty)<\/figcaption><\/figure>\n\n\n\n

Ale ve\u010f vyzeraj\u00fa \u00faplne rovnako! \u00c1no, na prv\u00fd poh\u013ead vyzeraj\u00fa \u00faplne rovnako. Rozdiel nast\u00e1va, ke\u010f pou\u017eijete zoom. Zatia\u013e \u010do pri vektore st\u00e1le vid\u00edte ostr\u00fa \u010diaru, pri rastri za\u010dnete postupne rozozn\u00e1va\u0165 mal\u00e9 farebn\u00e9 \u0161tvor\u010deky.<\/p>\n\n\n\n

\"\"
Ke\u010f tie ist\u00e9 kruhy nieko\u013ekon\u00e1sobne zv\u00e4\u010d\u0161\u00edme, uvid\u00edme rozdiel. Na obr\u00e1zku vytvorenom v rastrovom programe rozozn\u00e1vame mal\u00e9 \u0161tvor\u010deky, zatia\u013e \u010do obr\u00e1zok vytvoren\u00fd vo vektore si zachov\u00e1va ostr\u00fa l\u00edniu. (ZDROJ: Maria Kurty)<\/figcaption><\/figure>\n\n\n\n

Podstatnou v\u00fdhodou rastra je, \u017ee ka\u017ed\u00fd jednotliv\u00fd pixel m\u00f4\u017eete zafarbi\u0165 ktorouko\u013evek z ve\u013emi \u0161irokej palety farieb. Postupnou jemnou grad\u00e1ciou odtie\u0148ov susediacich pixelov tak mo\u017eno vytvori\u0165 hladk\u00fd prechod medzi farbami, \u010di pekn\u00e9 farebn\u00e9 zmesi. Z \u010d\u00edm v\u00e4\u010d\u0161ieho po\u010dtu \u0161tvor\u010dekov je rastrov\u00fd obr\u00e1zok zlo\u017een\u00fd, t\u00fdm je kvalitnej\u0161\u00ed a detailnej\u0161\u00ed. Nemo\u017eno ho v\u0161ak zv\u00e4\u010d\u0161ova\u0165 a \u010dasto ani upravova\u0165 bez zmeny kvality.<\/p>\n\n\n\n

A tu sa dost\u00e1vame k hlavn\u00e9mu rozdielu a z\u00e1rove\u0148 najv\u00e4\u010d\u0161ej v\u00fdhode vektora oproti rastru a to je jeho mo\u017enos\u0165 zv\u00e4\u010d\u0161ova\u0165 a zmen\u0161ova\u0165 sa bez straty kvality. Pri tvorbe vo vektore sa v\u0161ak nem\u00f4\u017eeme a\u017e tak \u201evy\u0161anti\u0165\u201c, ako pri tvorbe v rastri. To ale neznamen\u00e1, \u017ee s vektorom je nuda! \ud83d\ude0a<\/p>\n\n\n\n

Po\u010fme sa teda spolu poriadne pozrie\u0165 na z\u00e1kladn\u00e9 rozdiely, v\u00fdhody a nev\u00fdhody rastra a vektora:<\/strong><\/p>\n\n\n\n

RASTER<\/h2>\n\n\n\n

V\u00fdhody<\/strong><\/p>\n\n\n\n

    \n
  • Realistick\u00e9 zobrazenie a obrovsk\u00e9 mo\u017enosti tvorenia:<\/strong> Ke\u010f\u017ee rastrov\u00e1 grafika vyu\u017e\u00edva pixely, m\u00f4\u017ee vytv\u00e1ra\u0165 realistickej\u0161ie obr\u00e1zky ako vektorov\u00e1 grafika. M\u00f4\u017eete v \u0148om vytvori\u0165 zlo\u017eit\u00e9 farebn\u00e9 prechody a text\u00fary, v\u010faka ktor\u00fdm bud\u00fa obr\u00e1zky vyzera\u0165 prirodzenej\u0161ie. M\u00f4\u017eete vyu\u017ei\u0165 r\u00f4zne techniky digit\u00e1lnej kresby a ma\u013eby, navz\u00e1jom ich kombinova\u0165 a vytv\u00e1ra\u0165 tak nekone\u010dn\u00e9 mno\u017estvo realisticky vyzeraj\u00facich umeleck\u00fdch diel, niekedy na nerozoznanie od diel vytvoren\u00fdch tradi\u010dn\u00fdmi maliarskymi met\u00f3dami.<\/li>\n<\/ul>\n\n\n\n
      \n
    • Vysok\u00e9 rozl\u00ed\u0161enie: <\/strong>Rastrov\u00fa grafiku je mo\u017en\u00e9 vytv\u00e1ra\u0165 vo vysokom rozl\u00ed\u0161en\u00ed, v\u010faka \u010domu je ide\u00e1lna na tla\u010d vysokokvalitn\u00fdch obr\u00e1zkov a fotografi\u00ed.<\/li>\n<\/ul>\n\n\n\n
        \n
      • Rozsah form\u00e1tov s\u00faborov: <\/strong>Rastrov\u00fa grafiku je mo\u017en\u00e9 uklada\u0165 v \u0161irokej \u0161k\u00e1le form\u00e1tov s\u00faborov, v\u010faka \u010domu s\u00fa univerz\u00e1lne a kompatibiln\u00e9 s v\u00e4\u010d\u0161inou softv\u00e9ru.<\/li>\n<\/ul>\n\n\n\n

        Nev\u00fdhody:<\/strong><\/p>\n\n\n\n

          \n
        • Strata kvality:<\/strong> Rastrov\u00e1 grafika m\u00f4\u017ee strati\u0165 svoju kvalitu, ak sa zv\u00e4\u010d\u0161\u00ed alebo zmen\u0161\u00ed a to preto, \u017ee ve\u013ekos\u0165 a \u00faprava pixelov sa zmen\u00ed, \u010do m\u00f4\u017ee vies\u0165 k zubat\u00fdm okrajom a tzv. pixeliz\u00e1cii.<\/li>\n<\/ul>\n\n\n\n
            \n
          • Ve\u013ek\u00e9 s\u00fabory:<\/strong> Ke\u010f\u017ee rastrov\u00e1 grafika sa sklad\u00e1 z pixelov, pri vysokokvalitn\u00fdch obr\u00e1zkoch a fotografi\u00e1ch mus\u00edme r\u00e1ta\u0165 s ve\u013ekou ve\u013ekos\u0165ou s\u00faborov (nieko\u013eko desiatok a\u017e stoviek MB), \u010do m\u00f4\u017ee sp\u00f4sobi\u0165 probl\u00e9my pri nahr\u00e1van\u00ed, s\u0165ahovan\u00ed alebo zdie\u013ean\u00ed t\u00fdchto s\u00faborov. A samozrejme na ich uchov\u00e1vanie si treba pripravi\u0165 v\u00e4\u010d\u0161\u00ed disk.<\/li>\n<\/ul>\n\n\n\n
              \n
            • N\u00e1ro\u010dn\u00e1 edit\u00e1cia: <\/strong>Pri \u00faprave grafick\u00fdch diel vytvoren\u00fdch v rastri je potrebn\u00e1 n\u00e1ro\u010dnej\u0161ia edit\u00e1cia, \u010di u\u017e hovor\u00edme o zmene farby, alebo jednotliv\u00fdch prvkov. Edit\u00e1ciou tie\u017e m\u00f4\u017ee d\u00f4js\u0165 k strate kvality.<\/li>\n<\/ul>\n\n\n\n
              \"\"
              Obr\u00e1zok kreslen\u00fd v rastrovom programe Procreate je pln\u00fd farebn\u00fdch prechodov a text\u00far, ktor\u00e9 pri tvorbe vektorov nie je mo\u017en\u00e9 dosiahnu\u0165. (ZDROJ: Maria Kurty)<\/figcaption><\/figure>\n\n\n\n

              VEKTOR<\/h2>\n\n\n\n

              V\u00fdhody<\/strong><\/p>\n\n\n\n

                \n
              • Zmena ve\u013ekosti bez straty kvality: <\/strong>Vektorov\u00fa grafiku je mo\u017en\u00e9 zv\u00e4\u010d\u0161i\u0165 alebo zmen\u0161i\u0165 bez straty kvality, \u010do je ide\u00e1lne pre n\u00e1vrhy, ktor\u00e9 je potrebn\u00e9 \u010dasto meni\u0165 (alebo sa z\u00e1kazn\u00edk ne\u010dakane rozhodne, \u017ee to potrebuje v\u00e4\u010d\u0161ie, ako predpokladal).<\/li>\n<\/ul>\n\n\n\n
                  \n
                • Mal\u00e9 ve\u013ekosti s\u00faborov:<\/strong> Ke\u010f\u017ee grafika pozost\u00e1va z matematick\u00fdch rovn\u00edc, m\u00e1 men\u0161ie ve\u013ekosti s\u00faborov, \u010do u\u013eah\u010duje ich zdie\u013eanie a tie\u017e zaber\u00fa menej miesta na disku.<\/li>\n<\/ul>\n\n\n\n
                    \n
                  • Jednoduch\u00e9 \u00fapravy: <\/strong>Obr\u00e1zky vytvoren\u00e9 vo vektore s\u00fa editovate\u013en\u00e9 tak povediac jedn\u00fdm klikom (hlavne \u010do sa t\u00fdka farby). Relat\u00edvne jednoduch\u00e1 je tie\u017e zmena tvaru, \u010di ve\u013ekosti ktor\u00e9hoko\u013evek prvku grafick\u00e9ho diela. Edit\u00e1ciou nedoch\u00e1dza k nijak\u00e9mu zn\u00ed\u017eeniu kvality.<\/li>\n<\/ul>\n\n\n\n
                      \n
                    • Jednoduch\u00e1 konverzia na raster:<\/strong> Ka\u017ed\u00fd vektorov\u00fd program pon\u00faka mo\u017enos\u0165 ulo\u017ei\u0165 s\u00fabor aj v rastrovom form\u00e1te (jpg., png.)<\/li>\n<\/ul>\n\n\n\n

                      Nev\u00fdhody<\/strong><\/p>\n\n\n\n

                        \n
                      • Nerealistick\u00e9 zobrazenie:<\/strong> Vektorov\u00e1 grafika m\u00e1 obmedzen\u00e9 mo\u017enosti farebn\u00fdch prechodov \u2013 ka\u017ed\u00e1 farba na obr\u00e1zku predstavuje samostatn\u00fa mal\u00fa farebn\u00fa pl\u00f4\u0161ku, tak\u017ee aj ke\u010f je mo\u017en\u00e9 zvektorizova\u0165 napr\u00edklad fotografiu, po zvektorizovan\u00ed je to kopa mal\u00fdch pl\u00f4\u0161ok, ktor\u00e9 nevyzeraj\u00fa tak prirodzene ako by fotografia vyzerala v rastri.<\/li>\n<\/ul>\n\n\n\n
                          \n
                        • \u0160peci\u00e1lne s\u00fabory:<\/strong> Na otvorenie s\u00faboru vytvoren\u00e9ho vo vektore, je potrebn\u00fd \u0161peci\u00e1lny softv\u00e9r. T\u00fdch je na trhu nieko\u013eko a niekedy m\u00f4\u017ee nasta\u0165 probl\u00e9m s kompatibilitou, ke\u010f chceme otvori\u0165 vektorov\u00fd s\u00fabor v inom programe ako v akom bol vytvoren\u00fd.<\/li>\n<\/ul>\n\n\n\n
                          \"\"
                          Vektor je vynikaj\u00faci na tvorbu jednoduch\u00fdch ilustr\u00e1ci\u00ed, ktor\u00fdch ve\u013ekos\u0165 m\u00f4\u017eeme donekone\u010dna meni\u0165. (ZDROJ: Maria Kurty)<\/figcaption><\/figure>\n\n\n\n

                          S \u010d\u00edm je teda lep\u0161ie pracova\u0165?<\/strong><\/h2>\n\n\n\n

                          Odpove\u010f na t\u00fato ot\u00e1zku v\u00e1s asi neprekvap\u00ed, ale je to ve\u013emi individu\u00e1lne<\/strong>. Z\u00e1le\u017e\u00ed to predov\u0161etk\u00fdm od \u0161t\u00fdlu, ak\u00fdm umelec pracuje, od po\u017eiadaviek trhu, na ktorom sa pohybuje a celkovo toho, \u010do jemu viac vyhovuje.<\/p>\n\n\n\n

                          Ja osobne vyu\u017e\u00edvam aj vektor aj raster. V rastri kresl\u00edm prvky pre svoje vzory. Pou\u017e\u00edvam hlavne aplik\u00e1ciu Procreate pre iPad a \u010dasto tie\u017e kresl\u00edm\/ma\u013eujem tradi\u010dn\u00fdmi m\u00e9diami na papier, ktor\u00fd potom oskenujem. Tieto prvky potom vektorizujem v programe Adobe Illustrator, kde nakoniec vysklad\u00e1m aj cel\u00fd vzor. Ten posielam z\u00e1kazn\u00edkovi vo vektorovej aj rastrovej verzii, pr\u00edpadne vo form\u00e1te, ktor\u00fd vy\u017eaduje jeho projekt.<\/p>\n\n\n\n

                          Ja vektor milujem. Ke\u010f\u017ee m\u00f4j \u0161t\u00fdl je dos\u0165 minimalistick\u00fd, nepoci\u0165ujem pri tvorbe vo vektore \u017eiadne obmedzenia, naopak plne vyu\u017e\u00edvam jeho kvality. Keby som v\u0161ak tvorila digit\u00e1lny akvarel, asi by som to s vektorom \u010faleko nedotiahla…<\/p>\n\n\n\n

                          \"\"
                          Hoci pri svojej pr\u00e1ci vyu\u017e\u00edvam vektor aj raster, tvorba vo vektore je moja srdcovka. (Zdroj: Maria Kurty)<\/figcaption><\/figure>\n\n\n\n

                          Preto ak ste na strane z\u00e1kazn\u00edka, ktor\u00fd h\u013ead\u00e1 kvalitn\u00e9 a pekn\u00e9 ilustr\u00e1cie pre svoj produkt, dopredu si overte, v akom programe \u201ev\u00e1\u0161\u201c umelec pracuje, pr\u00edpadne ak\u00fd typ ilustr\u00e1ci\u00ed v\u00e1m dan\u00fd umelec dok\u00e1\u017ee pon\u00faknu\u0165. Mo\u017eno sa kv\u00f4li v\u00e1m posna\u017e\u00ed vytvori\u0165 nie\u010do sp\u00f4sobom, ktor\u00fd be\u017ene nepou\u017e\u00edva, no bude ho to pravdepodobne st\u00e1\u0165 kopu nervov a v\u00fdsledn\u00e9 dielo mo\u017eno v\u00f4bec nebude kore\u0161pondova\u0165 s jeho \u0161t\u00fdlom a vy ako z\u00e1kazn\u00edci m\u00f4\u017eete by\u0165 na konci cel\u00e9ho procesu sklaman\u00fd.<\/p>\n\n\n\n

                          Ak ste na strane za\u010d\u00ednaj\u00facich digit\u00e1lnych umelcov a st\u00e1le sa neviete rozhodn\u00fa\u0165, ktorou cestou \u00eds\u0165, ur\u010dite odpor\u00fa\u010dam vysk\u00fa\u0161a\u0165 obe mo\u017enosti a potom sa rozhodn\u00fa\u0165, ku ktor\u00e9mu typu v\u00e1s to \u0165ah\u00e1 viac (a nikdy nie je na \u0161kodu ma\u0165 preh\u013ead o oboch mo\u017enostiach). Hoci sa m\u00f4\u017ee zda\u0165, \u017ee trh s digit\u00e1lnym umen\u00edm je u\u017e pres\u00fdten\u00fd a v\u0161etko u\u017e bolo nakreslen\u00e9, ja si dovol\u00edm nes\u00fahlasi\u0165. Nakreslen\u00e9 u\u017e mo\u017eno bolo v\u0161etko, ale nenakreslili ste to vy \ud83d\ude09 V\u017edy sa n\u00e1jde niekto, komu sa pr\u00e1ve va\u0161a verzia bude p\u00e1\u010di\u0165 najviac.<\/p>\n\n\n