Balans u Grafickom Dizajniranju

Embed Size (px)

Citation preview

  • 7/29/2019 Balans u Grafickom Dizajniranju

    1/25

    SEMINARSKI RAD IZ PREDMETA:

    Racunarsko dizajniranjeTEMA:

    Balans u grafikom dizajniranju

    Zrenjanin, 2012.

  • 7/29/2019 Balans u Grafickom Dizajniranju

    2/25

    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

    2

  • 7/29/2019 Balans u Grafickom Dizajniranju

    3/25

    Uvod

    Fiziki, balans predstavlja ravnoteu izmeu teine sva objekta. Ukoliko su objektiizgraeni od drugih materijala oni tada moraju biti u ravnotei. Tako, ukoliko imamo velikopare 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 iline centriran) ili asimetrian.

    3

  • 7/29/2019 Balans u Grafickom Dizajniranju

    4/25

    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 teinesvakog elementa , kako u pogledu obima , boje, kontrast, itd.

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

    4

  • 7/29/2019 Balans u Grafickom Dizajniranju

    5/25

    Simetrian balans

    Simetrian balans se javlja kada vizuelnu teinu elemenata dizajna ravnomerno podelimou pogledu horizontalno, vertikalno ili radijalno. Ovaj stil se oslanja na ravnotei dva slinaelemenata sa dve razliite strane. Uslovi simetrine ravnotee jesu opti stil koji se esto koristida bi se postigao balans u dizajnu.

    Ukoliko nacrtamo liniju po sredini strane svi objekti sa jedne strane su preslikani nadrugu stranu. Oni ne moraju biti potpuno identini ve slini u smislu broja objekata, boja idrugih elemenata. Ponekad su leva i desna strana potpuno identine, to je najee prisustvo uarhitekturi.

    Primer Katedrale Saint-Pierre u Angouleme, Francuska. Ukoliko iscrtamo liniju povertikalnoj simetrali dobijamo levu i desnu stranu koje su potpuno identine.

    Simetriju poznajemo iz geometrije. Za simetriju su nam potrebna najmanje dva oblikakoji zadravaju udaljenosti meu takama. Ako kao primer uzmemo dva geometrijska lika,trougao, vidimo da su mogue tri vrste simetrine ravnotee, zavisno kako preslikavamo lik sjedne strane na drugu:

    a) odrazna simetrijab) translacija

    5

  • 7/29/2019 Balans u Grafickom Dizajniranju

    6/25

    c) rotacija

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

    Michelangelo da Caravaggio: "Narcis"

    Iako je lako sprovesti , simetrini bilans teko moe da izazove emociju kod Vizuelnogitalaca , jer je impresioniran previe "planirali ". Simetrian balans se takoe esto pominju kao

    formalni balans.

    Evo jo jednog primera dizajna koji koristi simetrinu ravnoteu:

    6

  • 7/29/2019 Balans u Grafickom Dizajniranju

    7/25

    Ovaj poster je sastavljen sa kombinacijom vizuelnih elemenata simetrino izmeu leve i desnestrane. Dizajn elementi na levoj strani balansiraju sa drugim elementima na desnoj strani kaoogledalo .

    7

  • 7/29/2019 Balans u Grafickom Dizajniranju

    8/25

    Asimetrian balans

    Asimetrini balans je sluaj u kome su nekoliko manjih objekata sa jedne straneizbalansirani sa jednim veim objektom sa druge strane ili su manji objekti postavljeni dalje odcentra povrine, u odnosu na velike. Jedan zatamljeni objekat moe se izbalansirati sa nekolikoosvetljenih objekata.

    Asimetrina ravnotea deluje dinamino i nemirno.

    Iako asimetrini balans moe izgledati oputenije i manje planirano, obino ga je teekoristiti zato to umetnik mora da planira veoma paljivo konani izgled slike i da bude siguranda je kompozicija izbalansirana. Delo koje nije izbalansirano stvara kod posmatraa tenziju daobjekti sa slike mogu svakog asa skliznuti.

    Primer asimetrine ravnotee moemo predstaviti ukoliko na jednu stranu klackalicestavite kilogram gvoa, a na drugi kilogram perja; teina e biti ista, ali koliina i veliina ebiti bitno razliita.

    Optika ravnotea

    Optika se ravnotea moe gledati samo vizuelno, ne i matematiki ili fiziki. Odreenaje psiholokim utiscima koje stvara delovanje pojedinih likovnih elemenata, u zavisnosti odoblika, boje i njihovom mestu na povrini.

    Trougao e delovati tee od etvorougla. Trougao s vrhom okrenutim nadole deluje teiod trougla okrenutog prema gore. Obli oblici deluju laki od uglastih. Primarne boje deluju teeod sekundarnih. Topli tonovi deluju tee od hladnih, svetli od tamnih, a intenzivne boje tee oddegradiranih. 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 skojima baratamo.

    U grafikom dizajnu najvaniji je optiki centar:

    8

  • 7/29/2019 Balans u Grafickom Dizajniranju

    9/25

    Jedna od najelementarnijih razlika u dizajnu je da li je balans simetrian (centriran ilinecentriran) ili asimetrian.

    Simetrian balans - statian, relaksirajui dizajn

    Asimetrini balans - omoguava mnogo dinaminiju upotrebu praznog prostora, to je vanoukoliko 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 postigneravnoteu sa nepravilnou. Mi esto vidimo dizajn sa velikom slikom nagiba od male, ali vidljivtekst balansira jer se igra kontrastom , bojojama , itd. Asimetrini balans e vie verovatno da

    9

  • 7/29/2019 Balans u Grafickom Dizajniranju

    10/25

    izazvati emocije, kod Vizuelnog italaca i prouzokovai vizuelnu napetost. Tenzije asimetrinitakoe se nazivaju neformalnim balansom.

    Evo primera dizajn koristi asimetrini balans :

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

    10

  • 7/29/2019 Balans u Grafickom Dizajniranju

    11/25

    Postizanje balansa upotrebom boje

    Nae oko je voeno bojom. Male oblasti vibrantne boje mogu se koristiti da izbalnsirajuvee 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 savelikim prostorom sa tamnim bojama. Pored toga , naravno , razumevanje upotrebe boje moraprvo da se savlada.

    11

  • 7/29/2019 Balans u Grafickom Dizajniranju

    12/25

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

    Postizanje balansa upotrebom oblikaVea 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 intrigirasvojim 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

  • 7/29/2019 Balans u Grafickom Dizajniranju

    13/25

    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 odcentralnog dela strane. Ovo je tip balansa koji je najtee uspeno ostvariti.

    Balans pozicije je jo jedan primer asimetrinog balansa, gde je veliki objekat na jednojstrani balansirantan tako to je na drugoj strani stavljen manji objekat.

    13

  • 7/29/2019 Balans u Grafickom Dizajniranju

    14/25

    ZU kafa web sajt dizajniran koristei kombinaciju pozicije da stvori ravnoteu prikaza sajta. Zulogo 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

  • 7/29/2019 Balans u Grafickom Dizajniranju

    15/25

    Postizanje balansa upotrebom valera

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

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

    15

  • 7/29/2019 Balans u Grafickom Dizajniranju

    16/25

    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

  • 7/29/2019 Balans u Grafickom Dizajniranju

    17/25

    Postizanje balansa upotrebom teksture

    Manje oblasti sa interesantnom teksturom mogu balansirati vee, glatke neteksturisaneoblasti.Tekstura takoe utie na balans dizajna. Ba kao prethodni princip, u kojoj oblasti je vie

    sloenije, detaljanije i privlai panju e izgledati dobro kada se kombinuje sa velikom ravnompovrinom. Mali povrina sa zanimljivom teksturom izgleda izbalansirano kada se kombinuje savelikom oblasti i ravni (ne tekstura).

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

    17

  • 7/29/2019 Balans u Grafickom Dizajniranju

    18/25

    Postizanje balansa usmeravanjem oka

    Oko moe biti usmereno na odreenju taku na slici u zavisnosti od toga kako suelementi postavljeni. Ukoliko ljudi na slici gledaju u odreenom pravcu, vae oko e biti voenoka toj taki takoe.

    Bilans moe da nastane i kada vodimo oi itaoca do glavnog sadraja. Objekti se koristekao "alata" da usmeravaju oi itaoca komponovane sa ireg podruja , dok se glavni sadrajprikazuje u manjem prostoru.

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

    18

  • 7/29/2019 Balans u Grafickom Dizajniranju

    19/25

    Upotreba balansa u Adobe Illustrator-u

    Jedan primer simetrinog balansa uraen u Illustratoru CS5. Na slici se nalaze dve 3Dvaze koje se razlikuju samo po boji.

    Vizuelna teina elemenata dizajna ravnomerno je podeljena vertikalno. Imamo dva slinaelemenata sa dve razliite strane. Ukoliko nacrtamo liniju po sredini strane svi objekti sa jednestrane su preslikani na drugu stranu.

    Nisu potpuno identini ve slini u smislu broja objekata, boja i drugih elemenata. Kaosto smo napravili da obe vaze imaju po jedan objekat jabuku, ali se razlikuju po boji. Jabuku samsama napravila i napravila od nje simbol.

    19

  • 7/29/2019 Balans u Grafickom Dizajniranju

    20/25

    Crop tool alat u Adobe Photoshop-u CS6

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

    20

  • 7/29/2019 Balans u Grafickom Dizajniranju

    21/25

    Moemo da kliknemo na bilo koju ruicu i da menjamo veliinu ili oblik kutije zakadriranje. Povrina unutar kutije je povrina koju elite da zadrite. Sve izvan kutije e bitiodseeno. Photoshop potamnjuje podruje van kutije tako da lako moemo da vidimo koji deoemo zadrati.

    Ako posmatramo sliku primeticemo da na ovaj naiin uspostavljamo simetrian balans ito horizonalno. Sa jedne strane imamo nebo, a sa druge strane imamo more. Imamo jedanobjekat na obe strane.

    Drugi, vaniji novitet, jeste kadriranje bez stvarnog brisanja dela slike. Postoji opcija kojaomoguava da se odseeni deo slike trajno obrie samo je potrebno obeleiti polje DeleteCropped Pixels, koje se nalazi na kontrolnom panelu. Nedestruktivnom metodom dobijaju sevei dokumenti, pa kada je potrebno optimizovati dokumente za krajnu upotrebu, opcija trajnogbrisanja piksela moe biti korisna.

    21

  • 7/29/2019 Balans u Grafickom Dizajniranju

    22/25

    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 daizreemo 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 proporcijekoje moemo da izaberemo.

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

    22

  • 7/29/2019 Balans u Grafickom Dizajniranju

    23/25

    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

  • 7/29/2019 Balans u Grafickom Dizajniranju

    24/25

    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. Uzavisnosti od poloaja crop kutije.

    24

  • 7/29/2019 Balans u Grafickom Dizajniranju

    25/25

    Literatura

    1. http://www.link-university.com/lekcija/Balans/23772. http://jayce-o.blogspot.com/2010/11/balance-in-graphic-design.html3. http://www.photoshopessentials.com

    25

    http://www.link-university.com/lekcija/Balans/2377http://jayce-o.blogspot.com/2010/11/balance-in-graphic-design.htmlhttp://www.photoshopessentials.com/http://www.link-university.com/lekcija/Balans/2377http://jayce-o.blogspot.com/2010/11/balance-in-graphic-design.htmlhttp://www.photoshopessentials.com/