De curand am avut de facut un logo. Clientul mi-a explicat ca vrea sa-l foloseasca si pe panouri publicitare si pentru asta are nevoie de un format .psd la rezolutie de 5000+ pixeli. Evident ca i-am explicat ca mai bine ii fac logoul in Illustrator si nu mai are batai de cap (bineinteles, cu explicatii “tehnice”). Asta e motivul acestui post, sa vedem putin cand si cum folosim unul din programele de editare grafica. Cunoscatorii stiu deja diferentele dintre cele doua aplicatii, dar stiu ca exista multi designeri incepatori care sunt nelamuriti in ceea ce priveste aspectul raster/vector.

Bun, sa incepem cu teoria. Raster/Bitmap. Cuvantul cheie e “pixel”. Imaginea, elementul grafic e compus din pixeli, patratelele alea mici care mor pe monitoare LCD. Mai pe tehniceste, sunt cele mai mici elemente purtatoare de informatie dintr-o imagine. Probabil stiti si voi, ati vazut fotografii, ati dat zoom, etc. Ce e de retinut aici e ca imaginile bitmap sunt dependente de rezolutie. Un element grafic mare are o rezultie mai mare (evident).

Avantaje: editare foto, editare mai detaliata, rezultate mult mai realiste, cu efort “minim”. Mai toate creatiile pentru web au ceva de-a face cu raster graphics. Pentru ca e mai accesibil, si cum am spus, de efect.

Dezavantajele apar in special cand vine vorba de print. Adica sa punem designul si pe foaie, masina, billboard, breloc & stuff. Problema e dimensiunea, mai precis faptul ca nu se poate mari. Sa retineti: NU SE POATE FACE DINTR-O IMAGINE MICA (BITMAP) UNA MARE FARA PIERDEREA CALITATII. Probabil ati incercat si voi sa “trageti” de unele imagini sa se potriveasca in afisul creat si ati stricat toata compozitia. Eh, pentru ca nu se poate!

Uite, exemplu.
Logoul de pe acest site, in format bitmap.
Versiunea 1, dimensiunea originala, totul e ok:

Versiunea 2, marita.

Epic Fail! Arata urat. Si asta pentru ca e bitmap. Cand cresteti dimensiunea unei imagini, cresteti de fapt rezolutia, numarul de pixeli. Si asa in jurul fiecarui pixel original, care avea o anumita informatie despre imaginea respectiva, se “aduna” mai multi pixeli noi, care n-au “informatii”. Softul incearca sa compenseze aceasta lipsa, prin “copiat”. Va explic in mod trivial, sa nu cumva sa esuez. Deci eu sunt blank pixel, pixelul nou-nascut, gol. In dreapta mea e un pixel cu proprietatea “X”. In stanga mea, unul cu proprietatea “Y”. Deasupra un “W” si dedesupt un “Z”. Si eu trebuie sa ma integrez in acest ansamblu. Cum fac asta? Simplu, imi asum cate ceva din atributiile fiecarui vecin. Astfel eu devin asemanator cu fiecare in parte. DAR, mare DAR, din pacate nu stiu cum sa distribui informatia prelucrata, asa ca devin un mare noise. Adica element perturbator. Chiar daca m-am integrat, stric unitatea, din cauza mea, imaginea pierde din calitate, pentru ca n-am fost in stare sa preiau informatii in mod corect. Pentru ca nu stiam ce vrei tu, draga utilizatorule, de la mine.

Exemplu grafic. O imagine 2 x 1 pixeli. Un pixel negru, unul alb. Ce se intampla daca dau un resize la 3 x 1? Uitati!

Da, avem un pixel gri. E aproape alb, si e aproape negru…dar mie nu-mi trebuie pixel gri!
Stiu ca multi stiati acest lucru, dar foarte multi nu. Nu demult m-a rugat un prieten sa-l ajut cu un afis A3, pe care dorea sa puna ca fundal o poza de 500px. Nu merge.

Dezavantaj 2. Dimensiunea fisierului. Bun, sa zicem ca ai inteles care e treaba cu vector/raster, pixeli/curbe. Si totusi vrei un logo bitmap, in format .psd sa zicem. Si iti trebuie pentru un afis mare, asa ca imi ceri 10000px. Si eu nu-ti pot trimite fisierele sursa prin e-mail ca au 300 de MB. Ce facem? Pentru ca da, un fisier bitmap de mari dimensiuni ocupa spatiu. Pentru ca fiecare pixel in parte ocupa memorie. Simple as that!

Dezavantaj 3. Forme imperfecte. Avand in vedere ca un desen e format dintr-un tablou de pixeli(patrati), este evident ca sunt probleme cand vine vorba de curbe. Sa zicem ca desenam un cerc.

Cum arata conturul acestui cerc la zoom de 500%? Uite asa. See what I mean?

In concluzie, grafica raster este optima pentru:
-Manipulare foto, design pentru medii digitale, online.

Nerecomandat pentru:
-Materiale pentru print de dimensiuni mari, se evita folosirea efectelor multiple cand materialul va fi tiparit. Pregatirea pentru tipar o voi trata intr-un articol urmator, e prea mult de scris s-o fac aici.

Bun, si acum sa vedem ce-i grafica vectoriala, si ce ne ofera ea.

Grafica vectoriala, spre deosebire de grafica raster, construieste o imagine folosind functii matematice; curbe, puncte, intersectii pentru a determina forma unui desen, lungimea liniilor…Bine, asta nu inseamna ca designerul trebuie sa fie matematician, este vorba doar de cum percepe softwareul comenzile.

Avantaje:
In special in print. Imagini scalable, care se pot mari la infinit fara a pierde din calitate. Pur si simplu, imaginea vectoriala nu se distorsioneaza. Cand o modificam, se schimba parametri matematici si avem o functie noua. Atat, nu avem ce sa pierdem.
Forme perfecte, sau smooth curves. Un cerc va ramane cerc si la zoom maxim. Ca aici:
.
Contur smooth. Sau o portiune din fisierul sursa al logoului la zoom de 3200%.

Control optim al desenului. O forma se poate modifica usor prin adaugarea unor puncte de “sprijin” de exemplu.
Print-friendly.

Dezavantaje:
Designul limitat. Nu puteti face imagini “photorealistic”-e. Sunteti cat de cat limitati la un ansamblu de forme. Lipsesc efectele speciale atat de indragite de popor. De aceea, mai rar se foloseste in domeniul web, sau se combina cu grafica raster.
Unii spun ca e mai greu de lucrat, trebuie sa cunosti softul destul de bine pentru a crea ceva decent. Bine, asta e din cauza ca multi incep cu grafica bitmap si acomodarea cu un soft vectorial poate fi o surpriza…e destul de diferit.

Optim pentru:
-Materiale pentru print: logouri, bannere, afise…Recomandat pentru concepte ce vor fi aplicate in medii diferite. De exemplu logouri, ce vor fi expuse pe site, carti de vizita, reclame, etc.

Cand nu se foloseste:
-Manipulare foto.

Avand in vedere ca am scris destul de mult, si niciun om intreg la minte n-ar sta sa citeasca inca atat, voi scrie mai detaliat despre softuri intr-un post care va veni probabil in 2-3 zile.