SEMINARSKI RAD IZ PREDMETA:

Racunarsko dizajniranje
TEMA: Balans u grafikom dizajniranju

Zrenjanin, 2012.

Sadraj

Uvod.................................................................................................................................................3 Balans...............................................................................................................................................4 Simetrian balans.............................................................................................................................5 Asimetrian balans...........................................................................................................................8 Optika ravnotea........................................................................................................................8 Postizanje balansa upotrebom boje................................................................................................11 Postizanje balansa upotrebom oblika.............................................................................................12 Postizanje balansa upotrebom pozicije..........................................................................................13 Postizanje balansa upotrebom valera.............................................................................................15 Postizanje balansa upotrebom teksture..........................................................................................17 Postizanje balansa usmeravanjem oka...........................................................................................18 Upotreba balansa u Adobe Illustrator-u.........................................................................................19 Crop tool alat u Adobe Photoshop-u CS6......................................................................................20 Aspect Ratio...............................................................................................................................22 Portret i pejza orijentacija........................................................................................................23 Pomeranje slike unutar Crop kutije............................................................................................24 Literatura........................................................................................................................................25

Uvod
Fiziki, balans predstavlja ravnoteu izmeu teine sva objekta. Ukoliko su objekti izgraeni od drugih materijala oni tada moraju biti u ravnotei. Tako, ukoliko imamo veliko pare drveta ono mora biti u balansu sa malim paretom metala. U umetnosti balans se uspostavlja vizuelnim uravnoteavanjem razliitih likovnih objekata. U grafikom dizajnu najvaniji je optiki centar:

Jedan od najelementarnjih razlika u grafikom dizajnu je da li je balans simetrian (centriran ili ne centriran) ili asimetrian.

Balans
Balans je jedan od vanih taaka uspeha dizajna. Svako voli udobnost (ne neubedljiv) onoga to vidi. Stanje u grafikom dizajnu moe da se postigne podeavanjem vizuelne teine svakog elementa , kako u pogledu obima , boje, kontrast, itd.

Uopteno govoreci,bilans u grafikom dizajnu se moe podeliti na dva dela

Simetrian balans
Simetrian balans se javlja kada vizuelnu teinu elemenata dizajna ravnomerno podelimo u pogledu horizontalno, vertikalno ili radijalno. Ovaj stil se oslanja na ravnotei dva slina elemenata sa dve razliite strane. Uslovi simetrine ravnotee jesu opti stil koji se esto koristi da bi se postigao balans u dizajnu. Ukoliko nacrtamo liniju po sredini strane svi objekti sa jedne strane su preslikani na drugu stranu. Oni ne moraju biti potpuno identini ve slini u smislu broja objekata, boja i drugih elemenata. Ponekad su leva i desna strana potpuno identine, to je najee prisustvo u arhitekturi.

Primer Katedrale Saint-Pierre u Angouleme, Francuska. Ukoliko iscrtamo liniju po vertikalnoj simetrali dobijamo levu i desnu stranu koje su potpuno identine. Simetriju poznajemo iz geometrije. Za simetriju su nam potrebna najmanje dva oblika koji zadravaju udaljenosti meu takama. Ako kao primer uzmemo dva geometrijska lika, trougao, vidimo da su mogue tri vrste simetrine ravnotee, zavisno kako preslikavamo lik s jedne strane na drugu: a) odrazna simetrija b) translacija 5

c) rotacija

Karavaova slika je primer balansa po horizontalnoj osi simetrije. Iako preslikani lik u odrazu nije potpuno isti, manji je i tamniji od orginala, ipak je jasna simetrina kompozicija slike.

Michelangelo da Caravaggio: "Narcis" Iako je lako sprovesti , simetrini bilans teko moe da izazove emociju kod Vizuelnog italaca , jer je impresioniran previe "planirali ". Simetrian balans se takoe esto pominju kao formalni balans. Evo jo jednog primera dizajna koji koristi simetrinu ravnoteu:

Ovaj poster je sastavljen sa kombinacijom vizuelnih elemenata simetrino izmeu leve i desne strane. Dizajn elementi na levoj strani balansiraju sa drugim elementima na desnoj strani kao ogledalo .

Asimetrian balans
Asimetrini balans je sluaj u kome su nekoliko manjih objekata sa jedne strane izbalansirani sa jednim veim objektom sa druge strane ili su manji objekti postavljeni dalje od centra povrine, u odnosu na velike. Jedan zatamljeni objekat moe se izbalansirati sa nekoliko osvetljenih objekata. Asimetrina ravnotea deluje dinamino i nemirno.

Iako asimetrini balans moe izgledati oputenije i manje planirano, obino ga je tee koristiti zato to umetnik mora da planira veoma paljivo konani izgled slike i da bude siguran da je kompozicija izbalansirana. Delo koje nije izbalansirano stvara kod posmatraa tenziju da objekti sa slike mogu svakog asa skliznuti. Primer asimetrine ravnotee moemo predstaviti ukoliko na jednu stranu klackalice stavite kilogram gvoa, a na drugi kilogram perja; teina e biti ista, ali koliina i veliina e biti bitno razliita.

Optika ravnotea
Optika se ravnotea moe gledati samo vizuelno, ne i matematiki ili fiziki. Odreena je psiholokim utiscima koje stvara delovanje pojedinih likovnih elemenata, u zavisnosti od oblika, boje i njihovom mestu na povrini. Trougao e delovati tee od etvorougla. Trougao s vrhom okrenutim nadole deluje tei od trougla okrenutog prema gore. Obli oblici deluju laki od uglastih. Primarne boje deluju tee od sekundarnih. Topli tonovi deluju tee od hladnih, svetli od tamnih, a intenzivne boje tee od degradiranih. Tei oblici uinie se u kompoziciji manjima od lakih zbog izjednaavanja teine. Pri stvaranju uravnoteene kompozicije potrebno je paziti na sve ove zakonitosti istovremeno i u skladu s njima korigovati oblike, boje, svetlost, veliine i poloaje elemenata s kojima baratamo. U grafikom dizajnu najvaniji je optiki centar:

Jedna od najelementarnijih razlika u dizajnu je da li je balans simetrian (centriran ili necentriran) ili asimetrian. Simetrian balans - statian, relaksirajui dizajn

Asimetrini balans - omoguava mnogo dinaminiju upotrebu praznog prostora, to je vano ukoliko su u reenju ukljuene ilustracije. Moe biti asimetrian u poziciji i intenzitetu.

Ovaj stil se oslanja na vizuelne igre kao to su razmera, kontrast, boje da postigne ravnoteu sa nepravilnou. Mi esto vidimo dizajn sa velikom slikom nagiba od male, ali vidljiv tekst balansira jer se igra kontrastom , bojojama , itd. Asimetrini balans e vie verovatno da 9

izazvati emocije, kod Vizuelnog italaca i prouzokovai vizuelnu napetost. Tenzije asimetrini takoe se nazivaju neformalnim balansom. Evo primera dizajn koristi asimetrini balans :

Ovaj poster koristi asimetrini oblik kontrastnim stilova i razmera . Element velike crne ruke balansira Flawless crnom tekstu ali je njegova veliina mala.

10

Postizanje balansa upotrebom boje

Nae oko je voeno bojom. Male oblasti vibrantne boje mogu se koristiti da izbalnsiraju vee oblasti sa neutralnom bojom. Pa tako imamo primer da je crvena haljina sa leve strane, izbalansirana sa veom neutralnom ruiastom haljinom sa desne strane.

Balans sa bojom moe nastati kada mali prostor sa svetlim bojama kombinujemo sa velikim prostorom sa tamnim bojama. Pored toga , naravno , razumevanje upotrebe boje mora prvo da se savlada.

11

Dizajn plakata gore je dobar primer da vidite kako se kombinacija ravnotee stvara po boji. Mala oblast kombinacije svetlih boja (zelena i zlatno uta) balansira sa tamno braon pozadinom sa velikom povrinom.

Postizanje balansa upotrebom oblika

Vea ravna povrina bez mnogo detalja moe biti izbalansirana manjim, neobinim oblikom zbog injenice da je oko voeno ka vie intrigantnim oblicima. Igraica u prednjem planu slike francuskog slikara Dega, je veoma lako uoljiva i intrigira svojim pokretom od velike, pomalo razmazane i nejasne, pozadine iza nje.

Na ovom plakatu formira se kompleks kroz pozicioniran ugao oblasti dizajna, ali izgleda neproporcionalno, jer druga strana oblasti, formira obinu ravnicu.

12

Postizanje balansa upotrebom pozicije

Osnovno naelo balansa upotrebom pozicije je, da veliki oblik i teak oblik koji je blizu centra povrine moe biti izbalansiran lakim i manjim oblikom, koji je pozicioniran daleko od centralnog dela strane. Ovo je tip balansa koji je najtee uspeno ostvariti. Balans pozicije je jo jedan primer asimetrinog balansa, gde je veliki objekat na jednoj strani balansirantan tako to je na drugoj strani stavljen manji objekat.

13

ZU kafa web sajt dizajniran koristei kombinaciju pozicije da stvori ravnoteu prikaza sajta. Zu logo gore levo je balansiran sa pakovanjem Zu kafe , izgleda manje u donjem desnom delu.

Mali bokal sa leve strane balansira dve mnogo vee figure balerina na desnoj strani.

14

Postizanje balansa upotrebom valera

Valerima se opisuje stepen osvetljnosti objekta. Crna u odnosu na belu ima mnogo vei kontrast nego, siva u odnosu na belu. Da bi izbalansirali ove dve boje trebala bi nam vea oblast sive koja balansira tamno crnu, kao to je prikazano na primeru.

Vrednost ili vrednost boja moe biti kljuna taka u balansu dizajna. Mali prostor velike vrednosti e stvoriti balans kada je u kombinaciji sa velikim prostorom sa niskom vrednocu.

15

Crno -bele fotografije kombinuju glavni objekat oveka i psa, koji ima visoku vrednost vrednosti ( solidno crno ) sa irokim povrinom koja ima niu vrednost (siva).

16

Postizanje balansa upotrebom teksture

Manje oblasti sa interesantnom teksturom mogu balansirati vee, glatke neteksturisane oblasti. Tekstura takoe utie na balans dizajna. Ba kao prethodni princip, u kojoj oblasti je vie sloenije, detaljanije i privlai panju ce izgledati dobro kada se kombinuje sa velikom ravnom povrinom. Mali povrina sa zanimljivom teksturom izgleda izbalansirano kada se kombinuje sa velikom oblasti i ravni (ne tekstura).

U ovom slikarstvo ,uska forma talasa vode, ima vodenu teksturu koja privlai fokus balansiran sa ireg podruja , ali ne sa teksturom.

17

Postizanje balansa usmeravanjem oka

Oko moe biti usmereno na odreenju taku na slici u zavisnosti od toga kako su elementi postavljeni. Ukoliko ljudi na slici gledaju u odreenom pravcu, vae oko e biti voeno ka toj taki takoe. Bilans moe da nastane i kada vodimo oi itaoca do glavnog sadraja. Objekti se koriste kao "alata" da usmeravaju oi itaoca komponovane sa ireg podruja , dok se glavni sadraj prikazuje u manjem prostoru.

Ovaj poster koristi balans zasnovan na boji , takoe stvara lep balans u voenju oi itaoca do glavnog sadraja.

18

Upotreba balansa u Adobe Illustrator-u

Jedan primer simetrinog balansa uraen u Illustratoru CS5. Na slici se nalaze dve 3D vaze koje se razlikuju samo po boji. Vizuelna teina elemenata dizajna ravnomerno je podeljena vertikalno. Imamo dva slina elemenata sa dve razliite strane. Ukoliko nacrtamo liniju po sredini strane svi objekti sa jedne strane su preslikani na drugu stranu. Nisu potpuno identini ve slini u smislu broja objekata, boja i drugih elemenata. Kao sto smo napravili da obe vaze imaju po jedan objekat jabuku, ali se razlikuju po boji. Jabuku sam sama napravila i napravila od nje simbol.

19

Crop tool alat u Adobe Photoshop-u CS6

Balans u photoshop-u moemo uspostaviti npr. pomou alatke Crop Tool. Crop Tool je alatka za isecanje. U Photoshop-u CS6 Crop Tool alatka je dozivela veliku promenu. Kada se aktivira ova alatka, polje za isecanje je ve na izabranoj slici, pa nema potrebe za obeleavanjem podruja tehnikom klik i razvuci, ve samo treba podesiti eljenu veliinu. Nai ete regulator na svakom uglu slike kao i na vrhu, dnu, levo i desno.

20

Moemo da kliknemo na bilo koju ruicu i da menjamo veliinu ili oblik kutije za kadriranje. Povrina unutar kutije je povrina koju elite da zadrite. Sve izvan kutije e biti odseeno. Photoshop potamnjuje podruje van kutije tako da lako moemo da vidimo koji deo emo zadrati.

Ako posmatramo sliku primeticemo da na ovaj naiin uspostavljamo simetrian balans i to horizonalno. Sa jedne strane imamo nebo, a sa druge strane imamo more. Imamo jedan objekat na obe strane. Drugi, vaniji novitet, jeste kadriranje bez stvarnog brisanja dela slike. Postoji opcija koja omoguava da se odseeni deo slike trajno obrie samo je potrebno obeleiti polje Delete Cropped Pixels, koje se nalazi na kontrolnom panelu. Nedestruktivnom metodom dobijaju se vei dokumenti, pa kada je potrebno optimizovati dokumente za krajnu upotrebu, opcija trajnog brisanja piksela moe biti korisna.

21

Aspect Ratio
Photoshop nam omoguava da prevuemo ruice u bilo kom pravcu tako da moemo preoblikovati okvir za izrezivanje u bilo koju veliinu koja je nama potrebna. Najee elimo da izreemo sliku u standardnoj veliini 46 ili 810. To moemo uiniti opcijom Aspect Ratio, ako kliknemo na re Unconstrained otvara nam se meni koji nam daje razliite proporcije koje moemo da izaberemo.

I moemo izabrati bilo koju od unapred zadatih razmera. Ako vam je potrebna manja razmera moete lako kreirati svoju sopstvenu razmeru unosei vrednosti koje su vam potrebne.

22

Portret i pejza orijentacija

Da biste brzo rotirali kutiju od pejzaa (horizontalno) do portreta (vertikalno) i obrnuto kliknete na Rotate icon na tabli za opcije.

23

Pomeranje slike unutar Crop kutije

Da biste pomerali sliku unutar crop kutije potrebno je da kliknete bilo gde unutar kutije i da miem prevuete sliku na mesto. Pomeranjem kutije moemo napraviti balans pozicije. U zavisnosti od poloaja crop kutije.

24

Literatura
1. http://www.link-university.com/lekcija/Balans/2377 2. http://jayce-o.blogspot.com/2010/11/balance-in-graphic-design.html 3. http://www.photoshopessentials.com

25