Osnove Grafi¦Źkog Dizajna

  • Upload
    -

  • View
    285

  • Download
    0

Embed Size (px)

Citation preview

  • 7/25/2019 Osnove Grafikog Dizajna

    1/118

    Osnove Grafikog DizajnaSkripta za kurs Grafiki dizajn

    Autor: Nikola Janji dim. 2014.

    Grafiki dizajnGrafiki dizajn je primenjena umetnost. Kao disciplina dizajna, grafiki dizajn ima zazadatak grafiko oblikovanje komunikacije razliitih medija.Tu spadaju: novine, asopisi,plakati, bilbordi, vizit kartice, marketinke kampanje proizvoda i usluga i tome slino. Unovijem znaenju grafiki dizajn ukljuuje grafike produkcije prilagoene elektronskimmedijima tj. internetu ili televiziji i drugim medijima.

    Grafiki dizajn je umetnost i profesija odabira i araniranja vizuelnih elemenata kao tosu tipografija, fotografija, ilustracija, simboli i boje s ciljem prenoenja neke poruke

    odreenoj publiciZadatak grafikog dizajnera je kombinovanje vizuelnih i verbalnih elemenata u jednuorganizovanu i efikasnu celinu.

    Razvoj grafikog dizajna kao profesije je u vrlo uskoj vezi sa tehnolokim inovacijama,drutvenim potrebama i vizuelnom matom stvaralaca. Praktikovao se u razliitimoblicima tokom istorije, a najstariji primeri se sreu u manuskriptama stare Kine, Egipta iGrke. Pojavom tamparstva u 15. veku, grafiki dizajn se prilagoava novom mediju iotada se neprestano razvija.

    Krajem 19. veka, grafiki dizajn se oblikuje u formu koju danas prepoznajemo, delom kao

    rezultat sve vee specijalizacije u razliitim profesijama u kojima se koristi, delom zboguvoenja novih tehnologija i trinih mogunosti koje se otvaraju industrijskomrevolucijom

    Likovni elementi:

    1. Linija

    2. Usmerenost

    3. Oblik

    4. Proporcije

    5. Tekstura

    6. Valer7. Boja

    Vektorska grafika ili geometrijsko oblikovanje je nain prikazivanja slike pomougeometrijskih oblika kao to su take, linije, krive, i poligoni, a koji su temeljni namatematikim jednainama. U principu vektorski oblici se mnogo lake pamte negozahtevne rasterske (bitmap) slike. Skoro svi dananji raunarski grafiki prikazi prevodevektorsku sliku u rasterski format. Rasterska slika je sauvana u memoriju i sadri

  • 7/25/2019 Osnove Grafikog Dizajna

    2/118

    podatke o svakom pikselu slike. Pojam vektorska grafika je veinomkorien u kontekstu2D raunarske grafike. Svako 3D prikazivanje vri se pomou 4D vektorske grafike.

    Vektorski grafiki programi omoguuju okretanje, micanje, saimanje, poveavanje,iskrivljivanje i ostale preobraaje objekata kao i povezivanje jednostavnih objekata u viekomplikovanih.

    Vektorska grafikaje savrena za jednostavne ili sloene crtee koji ne moraju bitifotorealistini.

    Rasterska grafikaje podatak koji predstavlja pravougaonu mreu piksela ili obojenihtaaka na nekom grafikom izlaznom ureaju kao to je monitor, ili na papiru. Svaka bojapojedinog piksela je posebno definisana tako da RGB slike sadre tri bajta po svakompikselu, a svaki bajt sadri jednu posebno definisanu boju.

    Kvalitet jedne rasterske slike odreuje ukupan brojpiksela (rezolucija) kao i broj vrednostiza svaki pikseldubina boje. Ako je dubina boje vea vie se nijansi moe pokazati, a toznai bolju sliku kao i verodostojniji prikaz. Slike zahtevaju mnogo memorije, zbog togase koriste razne vrste sabijanja. Bitmap je nesabijena datoteka, i slike u tom formatu su

    velike, i za razliku od njega mnogo je popularniji Jpeg format koji sabija sliku, a da se ne

    primeti gubitak na kvalitetu. To je ipak nemogue izvesti, ali je najpriblinije stvarnosti.

    Rasterska slika se ne moe poveati na veu rezoluciju bez gubitka kvaliteta, to nijesluaj sa vektorskom grafikom. Rasterska je praktinija u fotografskoj tehnici.

  • 7/25/2019 Osnove Grafikog Dizajna

    3/118

    Tipografija se bavi izborom i organizacijom oblika slova i drugih karakteristika tampanestrane. Ona se bavi pitanjima koje utiu na izgled strane i doprinose efikasnostitamparske poruke: oblikom i veliinom slova, znacima interpunkcije, dijakritikimznacima i specijalnim simbolima: razmakom izmeu rei, razmicanjem redova, duinomredova, veliinom margina, koliinom i mestom ilustracija, izborom naslova i podnaslova,korienjem boje i svim ostalim pitanjima prostorne organizacije. Pored toga bitan je iizbor boje, papira i vrste tampe.

    Tipografijom se bave tipografi, grafiari, dizajneri kao i pisari. Sve do digitalnog dobatipografija je bila vrsta posebnog zanimanja. Digitalizacija je toliko uznapredovala

    tipografiju da je sada sa lakoom koriste i nove i stare generacije dizajnera.

    Za testiranje pisaih maina, tastature, kao i sposobnosti tipografa, dizajnera, pisara,

    najee se koristi engleski anagram The quick brown fox jumps over the lazy dog.Postala je poznata zbog svoje saetosti sa 33 slova ovaj panagram je najkrai, a kojizapravo ima smisla. Dole su dva primera panagrama sa manje slova, ali koji su potpuno

    bez smisla.

    (28) Quick zephyrs blow, vexing daft Jim.

    (29) Waltz, nymph, for quick jigs vex bud

    Vrste tampe prema tamparskoj formi:

    Visoka

    Duboka

    Ravna

    Propusna

    digitalna

  • 7/25/2019 Osnove Grafikog Dizajna

    4/118

    Logotip (od grke rei = logotipos) je konglomerat grafikih elemenata,simbola ili zatitni znak i brend ikona i njihovog logotipa, koji je, po mogustvu, uraen

    jedinstvenim tipografskim stilom ili araniran na neki specifian nain. Krajnji rezultat bitrebalo biti njegovo trenutno prepoznavanje. Oblici, boje, fontovi i slike su uglavnom

    drugaije od ostalih na slinom tritu. Logotip je jedan vid brenda kompanije ili nekeinstitucije.

    Sistem boja CMYK i RGB

    ta je CMYK?

    CMYK je sistem boja koji ine 4 boje: Cijan (Cyan - plava), Magenta (vrsta crveno-rozenijanse), uta (Yellow) i Crna ( Key color). Sa ove 4 boje moete da tampate na hiljadedrugih boja.

    Cijan, Magenta i uta ine tri osnovne boje. Plava, zelena i crvena nastali su njihovimmeanjem. CMYK model je razvijen tako to je postojeim trima bojama (CMY) dodataetvrta crna, koja slui za tamnjenje boja.

    CMYK je sistem boja koji je namenjen za tampu, to znai da su novine, knjige, posteri,flajeri i drugi tampani materijali itampani u CMYK kodu.

    ta je RGB?

    RGB sistem boja ini Crvena (Red), Zelena (Green) i Plava (Blue) svetlost. To su bojekoje se pojavljuju na vaem monitoru, televizoru, mobilnom telefonu

    RGB - Crvena, Zelena i Plava

  • 7/25/2019 Osnove Grafikog Dizajna

    5/118

    Boje na ekranima odredjene su procentnim dodavanjem ove tri svetlosti (Crvene, Zelene

    i Plave). Na primer, ako dodate 100% Plave, 100% Zelene i 100% Crvene svetlosti,

    dobiete belu (kao to je prikazano na slici iznad).

    Smanjenim procentom svake svetlosti dobija se tamnija boja, a iskljuenje jedne svetlostine utie na pethodne dve.

    Ukoliko je jedna svetlost (boja) 0% dodata, to nee uticati na druge dve,kao to moete zakljuiti i sami na osnovu slike. Nepostojanje svetlosti seoznaava sa crnom bojom zato to kad iskljuite svetlost nastaje mrak

    Ukoliko iskljuite sve tri boje nastae mrak tj. dobiete crnu, to znai dase time ne alje nikakva svetlost ekranu. Ovo je suta suprotnost CMYKsistemu boja, koji usled odsustva Cijana, Magente i ute daje belu boju.

    RGB vs. CMYK

    Za kraj, bitno je da zapamtitie da ukoliko radite za web koristite RGB sistem boja, a ukolikoradite za tampu koristite CMYK. Slike na ekranima su uvek mnogo lepe i raspolauirokim spektrom boja. Naalost kada se pretvore u CMYK sistem i kada se odtampaju,dobiju se drugaiji tonovi boja.

    Adobe Illustrator CC

    Illustrator je vektorski grafiki editor. Program je razvila kompaniaj Adobe 1987 godine anajnovija verzija je CC (Creative Cloud) iz 2014. godine. Naredna verzija e se premapodacima dostupnim na zvaninom sajtu pojaviti kao update 2015. godine i imae

  • 7/25/2019 Osnove Grafikog Dizajna

    6/118

    identian naziv. Cilj kompanije je daobjedini proizvode i napravi dostupne na

    online platformi a ne kao standardne

    aplikacije.

    Alati:

    1. Selection Tool (Preica: V na tastaturi)2. Direct seelction tool (Preica: A natastaturi)

    3. Magic wand tool (Preica:Y na tastaturi)4. Laso tool (Preica: Q na tastaturi)5. Pen tool (Preica: P na tastaturi)Nadesni taster mia otvara se: Add anchor

    poind, Deleta anchor point, Anchor point

    6. Type tool (Preica: T na tastaturi)7. Line segment tool (Preica: \ na tastaturi)8. Ractangle tool (Preica: M na tastaturi) Na desni taster mia otvara se: Elispe

    tool, Polygon tool, Rounded tactangle, Star tool.9. Brush tool (Preica: B na tastaturi)10.Pencil tool (Preica: M na tastaturi)11.Blob brush tool (Preica: Shift + B na tastaturi)12.Eraser tool (Preica: Shift + E na tastaturi)13.Gradient tool (Preica: G na tastaturi)14.Eyedropper tool (Preica: I na tastaturi)15.Artboard tool (Preica: Shift + O na tastaturi)16.Fill color (Preica: X na tastaturi)17.Stroke color (Preica: X na tastaturi)

    Kreiranje novog dokumenta

    Klik na FILE u meniu pa na stavku NEW (Preica: Ctrl + B na tastaturi)

    1. Naziv dokumenta

    2. Broj radnih povrina - listova3. Rastojanje izmeu radnih povrina4. Broj kolona za slaganje listova

    5. FormatVeliina papira

  • 7/25/2019 Osnove Grafikog Dizajna

    7/118

    6. irina papira7. Visina papira

    8. Jedinica mere

    9. Orijentacija papira

    Za pomeranje elementa koristi se Selection tool.

    Za skaliranje i rotiranje elementa kosristimo Selecton tool i po potrebi Shift. Ukoliko se

    koristi Shift u kombinaciji salevim tasterom mkia element e se skalirati proporcionalnoili rotirati pod uglovima od 15 stepeni.

    Za kopiranje elementa koristimo Alt i levi taster mia, drati alt, levim tasterom miauhvatiti element i pomeriti u stranu

    Pathfinder.

    Da bi aktivirali ovaj alat potrebno je otii na Windowi odabrati pathfinder. Otvorie sepop up prozor sa alatima.

  • 7/25/2019 Osnove Grafikog Dizajna

    8/118

    Nacrtajte krug. Drei taster Alt napravite njegovu kopiju.

    Napravite i treu kopiju i postavite je na vrh.

  • 7/25/2019 Osnove Grafikog Dizajna

    9/118

    Sada selektujte Rectangle tool, i napravite sledei deo kljua.

  • 7/25/2019 Osnove Grafikog Dizajna

    10/118

    Zamenite Fill i Stroke boju da vidite od kojih se delova sastoji klju.

    Otvorite Pathfinder paletu, selektujte sve delove, i kliknite na Unite.

    Ponovo zamenite Stoke i Fill boju, i nacrtajte pravilan krug pomou koga ete napravitiotvor u glavi kljua.

  • 7/25/2019 Osnove Grafikog Dizajna

    11/118

    Selektujte ceo klju, i krug. U Pathfinder paleti kliknite na Substract.

    Pen tool

    Otvoriti novi dokument. Klik na FileNew... ili putem precice na tastaturi ( CTRL + N).

  • 7/25/2019 Osnove Grafikog Dizajna

    12/118

    Zatim postaviti skicu. Idite na FilePlace. Otvorice se novi prozor, a zatim je potrebnopronaci vasu skicu na hard disku.

    Ubacena skica.

  • 7/25/2019 Osnove Grafikog Dizajna

    13/118

    Otvorite va Layer prozor. WindowLayers. Ako su Layeri ve ekirani, to znaci da sulayeri vec otvoreni.

    Ovako izgleda otvorena Layer paleta. Primeticete krug sa desne strane palete. To jeLinks paleta, i pomou nje moete layer-e organizovati kako elite prebacivanjemelemenata iz jednog layer-a u drugi.

  • 7/25/2019 Osnove Grafikog Dizajna

    14/118

    Pocetno ime svakog layer-a je Layer 1. Dupli klik na layer, I otvorie se novi prozor.Ovde se mogu promeniti neki parametri layer-a. Promeniemo ime layer-a u ime Skica

    Zakljuati layer, i na taj nacin ga izolovati iz daljeg rada. Da zakljuate layer, kliknuti dapolje levo od imena layer-a. Layer se moe otkljuati u svakom trenutku ponovnimklikom na to polje. Levo od katanca za zakljuavanje je oko koje oznaava vidljivostlayer-a.

    Na kraju otvarate novi layer na kome ete crtati. Novi layer se otvara klikom na ikonicuu dnu, koja podsea na list papira.

  • 7/25/2019 Osnove Grafikog Dizajna

    15/118

    Pre nego to ponete da radite sa Pen tool-om podesite boje. Illustrator ima dve vrstebojaFill color ( boja unutar oblika), I Stroke boja ( boja outlinea). Crtanje je najlakekada je ukljuena samo Stroke boja.

    Da promenite boju kliknite na WindowSwatches. Poto je paleta otvorena, moetepromeniti boju koju hoete. Promenie se ona boja ( fill ili stroke ) koja je trenutno navrhu toolbar-a. Kada umesto boje stoji beli kvadrat sa crvenom linijom, to znai da ni

    jedna boja nije selektovana.

    Zatim kliknuti na Pen tool. Ovo je Pen tool ikonica.

  • 7/25/2019 Osnove Grafikog Dizajna

    16/118

    Pen tool funkcionie postavljanjem anchor point-a, I iscrtavanjem linije izmeu njih.Kliknite na povrinu za crtanje I pojavie se prvi anchor point.

    Sada kliknite na drugo mesto, I drugi anchor point e se pojaviti, a linija imeu njihiscrtana.

  • 7/25/2019 Osnove Grafikog Dizajna

    17/118

    Sada nacrtajte trei anchor point.

    Zatim spojite trei I prvi anchor point. Da bi ovo uradili kliknite na sam poetak vaelinije. Kada kursorom mia preete preko prvog anchor point-a, primetiete da sepojavio mali krug pored strelice, a potom kliknite na point I vaa linija e biti zatvorena.

    Sada nacrtajte krivu liniju. Napravite prvu taku. A odmah I drugu, ali nemojte putatimi, ve pomerajte mi gore/dole. Primeujete da linija poinje da se krivi. Kadadobijete eljenu krivu, pustite taster mia.

  • 7/25/2019 Osnove Grafikog Dizajna

    18/118

    Sada napravite drugu taku. Illustrator sam pravi drugu krivu liniju.

    Ako niste zadovoljni tom linijom, kliknite na Edit-Undo Pen, ili ako se odluite daobrisanu liniju hoete nazad, kliknite na Redo Pen. Ako linija I dalje ne odgovara runo

    je podesite. U Toolbaru selektujte Direct Selection tool ( bela strelica ).

    Ovako selektovana kriva linija ima plave take (boja zavisi od boje layer-a) koje senazivaju handle. Pomeranjem ovih taaka menjate krivu liniju. Kliknite na handle ipomerajte dok ne podesite krivu liniju. Kada ste zavrili, pustite taster mia.

  • 7/25/2019 Osnove Grafikog Dizajna

    19/118

    Ako ni tada ne odgovara, moete je obrisati tasterom Delete. Prvo je selektujteSelection tool-om (crnom strelicom) a onda obriite tasterom Delete.

    Na kraju ete nacrtati liniju koja idepravo. Da nastavite crtanje prave linije, umestokrive, preite miem preko zadnjeg point-a. Primetiete da umesto kruga sada sepojavljuje strelica znak. Kliknite, I vaa linija e se nastaviti pravo.

    Postavite skicu, i selektujte stroke color. Zbog crtanja po crnoj skici, najbolje je crtatijarkim bojama da bi se razlikovale od skice.

    Ponite od donjeg dela lista. Napravite prvi point, a potom drugi na vrhu lista. Dok ovoradite drite Shit da bi vaa linija bila prava.

  • 7/25/2019 Osnove Grafikog Dizajna

    20/118

    Sada nacrtajte krivu liniju tako da prati oblik lista. Kliknite na kraj krive linije, ali nemojte

    putati taster mia, ve ga pomerajte gore-dole, dok ne dobijete poklapanje sa krivom

    linijom na skici.

    Kada napravite krivu liniju, potrebno je izbei crtanje identine krive linije tako to eteponovo kliknuti na zadnji anchor point. Zatim normalno nastavite da crtate pen tool-om.

    Nastavite sa crtanjem lista. Sledea linija je prava, tako da neete morati da ponovokliknete na njen poslednji point. Pratite konturu lista, I crtajte do kraja. Kada dodjete do

    kraja zatvorite celu liniju klikom na prvi point.

  • 7/25/2019 Osnove Grafikog Dizajna

    21/118

    Ovo je polovina lista, a u natavku je prikazano kako uraditi ostatak.

    U predhodnom zadatku je nacrtana prva polovina lista.

    Sada koristimo Reflect Tool. Obino se nalazi sa Rotate tool-om, Klik na Rotate tool, Idrite taster mia dok se ne pojavi podmeni sa Reflect tool-om.

  • 7/25/2019 Osnove Grafikog Dizajna

    22/118

    Kada je list selektovan, dupli klik na Reflect tool. Otvorie se novi prozor. Oznaitivertical, a zatim Copy.

    Ovo e napraviti kopiju objekta,okrenutu na suprotnu stranu.

    Zatim ukljuite opciju Smart guides. Idite na polje View Smart guides. Sa ukljuenimsmart guide-ovima znaete kada ste preli preko linije, ili anchor point-a. Preite miem

  • 7/25/2019 Osnove Grafikog Dizajna

    23/118

    preko prave linije, na jednoj od dve strane l ista. Kada primetite da pie path, kliknite Ivucite ka drugoj strain. Drei shift dok vuete, biete sigurni da se vas objekat pomerasamo po jednoj osi (x ili y). Kada se linija koju vuete poklopi sa linijom na drugojpolovini pisae Intersect. To jeznak da su se poklopile.

    U slucaju da se nisu poklopile na vrhu, ili u dnu. Kliknite na Windowlign. Otvoriese prozor, a onda kliknite na Vertical align top.

    Sada kada su se dve strane pokopile, potrebno ih je spojiti. Dva objekta se spajaju

    korienjem Pathfinder tool-a (Window-Pathfinder). Selektujte obe strane lista. Daselektujete jednu, pa drugu, drite Sfit, I kliknite na objekat. Sa obe strane selektovanekliknite na Unite.

    Selektujte Elipse tool iz toolbar-a.

  • 7/25/2019 Osnove Grafikog Dizajna

    24/118

    Zatim nacrtajte elipsu. Kliknite na vrh oka, i povucite na dole dok elipsa ne bude slieveliine kao oko.

    Ipak u ovom sluaju oko nije obina elipsa, i ona se mora modifikovati da bi dobilieljeni oblik. Radi preciznijeg rada zumirajte predeo oko oiju. Koriste Zoom toolkorienjem tastera Z na tastaturi, ili jednostavnije drei taster Alt i tokiem na miuzumirate, odnosno odzumirate po elji. Sada selektujte Direct Slection tool, i kliknite naelipsu. Videete sve anchor pointe, i linije na elipsi. Pomeranjem anchor pointa, dajteelipsi oblik oka.

    Za preciznije pomeranje anchor pointa koristite strelice na tastaturi. Moete podesitirazdaljinu koju anchor point prelazi kada ga pomerate tasterom na stastaturi tako tokliknete Edit-Preferences-General.

  • 7/25/2019 Osnove Grafikog Dizajna

    25/118

    Zatim nacrtajte zenicu koristei Elipse tool. Drei Shift dok crtate elipsu, izvui etepravilan krug.

    Sada napravite kopiju oka i zenice. Selektujte i oko i zenicu koristei selection tool.Zatim drite taster Alt, i kliknite miem na oko ili zenicu. Ne putajuitaster na miu, kao

    ni Alt, vucite mi u stranu. Ovo e napraviti kopiju oka.

    Okrenite kopirano oko i zenicu koristei Reflect tool.

  • 7/25/2019 Osnove Grafikog Dizajna

    26/118

    Pomerite malo kopirano oko u stranu, i list i oi su gotovi.

    Ponite sa crtanjem prve polovine usta koristei Pentool. Prvi point postavite u ugaousana, a drugi blizu sredine. Kada napravite drugi point, ne pustajte klik mia, ve driteShift. Razlog je to, to dranjem Shift tastera, kriva linija usmeravamo pravo.

  • 7/25/2019 Osnove Grafikog Dizajna

    27/118

    Zatim nacrtajte obraze u obliku polumeseca. Pocnite sa crtanjem krive linije, a zatim

    resetujte Pen tool. Pristiskanjem CTRL tastera moete brzo smenjivati Pen tool, iselection tool, i na taj nacin resetovati Pen tool. Sada nastavite sa crtanjem druge krive

    linije iz zadnjeg napravljenog anchor pointa. Da zatvorite ceo oblik, kliknite na prvi

    anchor point koji ste napravili.

    Selektujte oba nacrtana oblika korienjem selection tool-a i obuhvatanjem oba oblika, ilidranjem Shift tastera i klikom i na jedan i na drugi oblik. Sada drite Alt taster i vuciteselektovane oblike desno.

    Kopirani deo reflektovati kao u predhodnim zadacima ReflectVertical.

    Pomerite oblik da bi se poklopio sa skicom, a zatim oba dela spojite Pen tool-om.

  • 7/25/2019 Osnove Grafikog Dizajna

    28/118

    Otvorite Stoke paletu. WindowStroke. Podesite da debljina linije bude 2 pt.

    Sada napravite oblik od vae linije. Kliknite Object-Path-Outline stroke. Primetiete da jelinija sada postala oblik.

  • 7/25/2019 Osnove Grafikog Dizajna

    29/118

    Ovo se moe postii i na drugi nain koristei opciju Flatten transparency. Flattentransparency se dodati konvertovati i neke oblike, koje Outline stroke ne moe. KlikniteObject-Flatten transparency, i opciju Vector stavite na 100%.

    Na kraju selektujte i obraze i usne, a zatim otvorite Pathfinder paletu. Kliknite na Unite.

    Evo konanog rezultata.

  • 7/25/2019 Osnove Grafikog Dizajna

    30/118

    Ponite sa crtanjem krive linije.

    Otvorite Stroke paletu.WindowStroke. U novom prozoru ukucajte debljinu linije, takoda se poklapa sa debljinom stabljike na skici.

    Zatim liniju pretvorite u objekat kao u predhodnom delu zadatka. Object-Path-Outline

    Stroke. I opcija Flatten transparency moe biti iskoriena. Linija e sada biti objekatbez Stroke boje. Iskoristite Eyedropper tool da vaa linija ima isti Fill i Stroke color kao

  • 7/25/2019 Osnove Grafikog Dizajna

    31/118

    oi lista (crveni Stroke, bez Fill boje). Kliknite na stabljiku, zatim selektujte Eyedroppertool, a onda kliknite na oi.

    Iskoristite Direct Selection tool da podesite oblik stabljike.

    Da bi napravili obli kraj stabljike, morate dodati jo jedan Anchor point. To moeteuraditi obinim Pen tool-om, ili Add anchor point tool-om, koji se nalazi ispod Pen tool-a.Selektujte stabljiku a zatim kliknite na liniju u dnu, izmeu dva druga anchor point-a.

  • 7/25/2019 Osnove Grafikog Dizajna

    32/118

    Sada Direct selection tool-om pomerite novi Anchor point ka dole.

    Da bi linija bila kriva, a ne otra, iskoristite Convert Anchor point tool, koji se nalaziispod Pen tool-a.

    Kliknite na Anchor point, i primetiete da sada postoje 2 Handle point-a. Pomerajte ih dabi dobili eljeni oblik. Moete koristiti i Direct selection tool da dobijete bolji rezultat.

    To je to! List je gotov.

  • 7/25/2019 Osnove Grafikog Dizajna

    33/118

    Elementi grafike proizvodnje

    Cajtna - duhovita nemaka re za linije koje obeleavaju mesto za seenje. Pos tavljajuse uvek van formata tampe, standardno su pune linije duine 5 mm, debljine 0.8 pt.Uvek se postavljaju da dodiruju ivicu bleeding.

    Nikada ih nemojte postavljati proizvoljno ( da linije budu razliite duine, ili postavljenena razliitu udaljenost od ivice bleedinga ). S obzirom da se tabak slae najee uQuark Xpressu, razliita duina i/ili pozicija e prouzrokovati netanu poziciju forme (vizitkarte, pozivnice, flyera, ili ega god ) na tabaku, tako da e forma biti i pogreno

    iseena.

    Big linija- linije koje obeleavaju mesto za savijanje. Kao i cajtne, postavljaju se uvekvan formata tampe, na ivicu bleedinga, ne postavljaju se proizvoljno i standardno sulinije duine 5 mm, debljine 0.8 pt. i za razliku od cajtni, uvek su isprekidane.

  • 7/25/2019 Osnove Grafikog Dizajna

    34/118

    Blindruk- (engl. emboss) je utisnuta ili istisnuta grafika (reljef).

    Ferlauf - (engl. gradient) je rasterski prelaz neke boje.

    Grajfer - (engl. slug) je neiskorieni deo na tabaku, kojim se tabak privruje utransportu na maini. esto koristi za osnovne informacije na filmu, kao to su imeklijenta, proizvoda, naziv separacije i datum filmovanja.

    Klamovanje- heftanje.

    Klin- poseban deo na tabaku za kontrolu tampe, obino sadri odreene procenteprocesnih boja i nijanse crne (zbog rastera).

    Kunstdruk- najobiniji coated tamparski papir koji se odlikuje visokom belinom (madaume da povue malo na uto) i odlino prima boju. Ako ne kae koji e papir,kunstdruk ide po defaultu. Coated znai da je presvuen nek im premazom koji mu dajeodreene karakteristike, ali i sjaj pod nekim uglom. Coated moe biti i mat.

    Obrez - (engl. bleed) je opsecanje vika papira na zadatu dimenziju. Neophodne suoznake za obrez (cajtne) koje slue kao vodilja radniku u tampariji da zna kuda dasee.

    Paseri- (engl. registration marks) su krugovi sa krstom u sredini. Slue za pasovanjeploa pre tampe.

  • 7/25/2019 Osnove Grafikog Dizajna

    35/118

    Perforacija- buenje niza malih rupica da bi se olakalo otcepljivanje nekog dela, kaokod potanskih markica ili karata za bioskop.

    Ricovanje- delimino, ne potpuno, isecanje (recimo nalepnica).

    tancovanje- obrezivanje vika prema zadatom obliku, tada se u pripremi praviposebna linija prema kojoj se kasnije pravi tancna, alat kojim se papir proseca premazadatom obliku... Ovako se prave one interesantne stvari koje nisu iseene po pravimlinijama... esto se alati kombinuju te se unutar jedne tancne mogu napraviti i linije zabigovanje, perforaciju i tancovanje u jednom...

    Rikna - deo korice sa boka neke knjige ili nekog drugog izdanja sa puno listova.

    Forzec - unutranja strana korice koja se uglavnom pravi od papira manje gramature.

    Priprema za vizitkartu

    Vizit karte tampamo u razliitim formatima - standard je 9x5 cm. Da bi vizit karta biladobro iseena, i/ili odtampana neophodno je napraviti bleeding ( prepust, margo,obrez, ili ve kako ko to zove ) od 3 mm sa svake strane. Dakle, sve to treba da ide doivice vizit karte od 9x5 cm ( slika, boja, linije... ), mora da ide i u bleeding do 9.5x5.5 cm

    ( u ovom sluaju crvena boja podloge i linija ). Vodite rauna da tekst ( i sve drugo tovam je srcu drago ) bude uvueno barem 3 mm od linije seenja. Sve to vai za format9x5, vai i za bilo koji drugi format vizitkarte.

    Isprekidane linije slue samo za pozicioniranje elemenata dizajna i moraju biti uklonjenepre snimanja fajla.

    Vizit karta 9x5

  • 7/25/2019 Osnove Grafikog Dizajna

    36/118

    Veliina fajla koji treba doneti: 9.6 x 5.6 cm ( + cajtne )Format iseene vizit karte: 9x5 cm

    Na slici je prikazana vizit karta 9x5 cm sa bleedingom od 3 mm sa svake strane (dakle, 9.6x5.6 cm ) i postavljenim cajtnama za seenje. Zelenom linijom je obeleenakonana veliina vizit karte. Isprekidane linije obriite pre nego to snimite i donesetefajl.

    Adobe Photshop CC

    OPIS ALATA KOJE EMO KORISTITI

  • 7/25/2019 Osnove Grafikog Dizajna

    37/118

    Move ToolSlui za pomeranje i skaliranje elemenata. Ukoliko drite SHIFT i skalirateneki element, skaliranje e biti proporcionalno. (V)

    Rectangular Marque ToolSlui za selektovanje neke povrine, koristie nam rilikomseenja grafike (M)

    Lasso ToolSlui za rucno selektovanje nekog dela grafike (L)

    Crop ToolSeenje dela grafike (C)

    Eyedropper Tool Pipeta za odabir boje (I)

    Brush Tool Crtanje (B)

    Eraser Tool - Gumica za brisanje (E)

    Paint Bucket ToolKantica za bojenje cele povrine u jenu boju (G)

    Horizontal Tzpe ToolPisanje teksta (T)

    Rectangle ToolCrtanje poligona, zadravanjem mia na alatu ili ponavljanjemkomande na tastaturi moete odabrati nekoliko oblika crtanja poligona (U)

    Primarna boja

    Sekundarna Boja

    Preice na tastaturi

    CopyCTRL + CPasteCTRL + VCutCTRL +X

    Noenje cele radne povrine SPACE + Levi taster Mia (noenje)Zumiranje i odzumALT + Toki (scroll) Mia

  • 7/25/2019 Osnove Grafikog Dizajna

    38/118

    Pomeranje elementastrelice na tastaturiPre pomeranje elementaSHIFT + strlice na tastaturi

    Menjanje prikaza grafikeF

    Bojenje cele radne povrine Paint Bucket ToolOdaberite Paint Bucket Tool (G), zatim odaberite primarnu boju po izboru. I

    kliknite na radnu povrinu levim tasterom.

    CRTANJE POLIGONA

    Odaberite Rectangle Tool (U) i kliknite na radnu povrinu. Pojavice vam seprozor u koji treba da unesete dimenzije poligona. Unesite dimenzije i klikite na

    OK kako bi se element nacrtao. Zatim uzmite Move Tool i pozicionirajte svoj

    poligon na pravo mesto.

  • 7/25/2019 Osnove Grafikog Dizajna

    39/118

    Pre nego to nastavimo sa daljim radom moramo se pozabaviti samimpoligonima I layerima. Uvek kada crtate poligone potrebno ih je rasterizovati a to

    radite tako to na odreeni lazer kliknete desnim taterom mia I odabereteRasterize layer. Kada rasterizujete nestae vam divi kvadratic na layeru.

    (pogledajte na slici plavi layer).

  • 7/25/2019 Osnove Grafikog Dizajna

    40/118

    Stilizovanje Layera.

    Kada smo napravili svoju pozadinu ili neki element potrebno ih je stilizovati.

    Lazey Style PanelKliknite brzo 2x levim tasterom na eljeni layer, otvorievam se prozor za stilizovanje.

    Klikom na sam natpis sa leve strane otvorie vam se podesavanje tog elementa(nemojkte kliktati na polja za ekiranje jer Vam ss u tom slucaju nee otvoritipodesavanja).

    Drop ShadowDaje senku elementu :

  • 7/25/2019 Osnove Grafikog Dizajna

    41/118

    Blend Mode stavite na NORMAL, Distance stavite na 0 ili pomerite kliza skroz ulevo ako elite senku sa sve 4 ivice elementa , ovaj parametar slui da udaljisenku od elementa na stranu uzavisnosti kako je Angle iznad podeen. Spread

    je rasprostranjenos senke ako poveavate spread senka ce biti tamnija. Size jeveliina senke. Takodje pored Blend Moda imate i pravougaonik u nekoj boji, umom sluaju je to crna, klikom na boju moete promeniti boju.

    Out Line GlowStavlja odsjaj sa spoljne strane elementa.Pattern OverlayStavlja neku tekstruru na elementStrokeIscrtava ivicu elementa. Takoe moete promeniti boju linije, veliin u ipoziciju da li ce biti sa unutranje strane elementa ili sa spoljanje ili centrirano.Color Overlay slui za bojeje cele povrine elementaGradient overlayslui za bojenje elementa u nekoliko boja (pretapanje boja.)

  • 7/25/2019 Osnove Grafikog Dizajna

    42/118

    Kliknite 2x na Gradient (boje) otvorie Vam se prozor da iyaberete neki modelboja ili da napravite sami svoje boje. Ukoliko pravite svoju kombinaciju boja

    kliknite na donji levi kvadratiI promenite boju , isto tako I na donji desnikvadrati, ukoliko dodajete treu boju kliknite na sredinu zmeu kvadratiasa donje strane I dodajte eljenu boju. Sa gornje strane imate kvadratie koji seodnose na Opacity tj prozirnost boja. Moete stavljati vrednosti od 0 do 100 gde

    je 0 totaln prozirna boja (boje teksta se odnose na boje strelica na slici). Da bi

    potvrdili boje skliknite na OK. Ukoliko koristite Gradient Overlay mora vam biti

    iskljuen Color Overlay.

    Na ovaj nain stilizujete sve lemente.

    Da bi ubacili neku fotografiju u Va dizajn idete na File I odaberete opciju

    PLACE, Postavite fotografiu na pravo mesto, skalirajte I kada zavrite idite na tajlazer desni taster I odaberite opciju Rasterize Layer.

    Osnovni alatialati za selekciju.

  • 7/25/2019 Osnove Grafikog Dizajna

    43/118

    Marguee tool

    Sastoji se od Rectangular, Eliptical, Signle row, i Single column alatki.

    Kao primer uzmite Rectangular tool. Pomou njega izvlaite selekciju u oblikupravougaonika. Kliknite i vucite po podlozi da nacrtate etvorougao. Drei shift eteizvui kvadrat. Selektovano polje moete brisati, bojiti, pomerati, nezavisno od ostatkapozadine.

    Eliptical marguee tool, funkcionie na isti nain kao i rectangular, samo to pravi krunuselekciju.

    Single row, i single column funkcionie tako to selektuje ceo red piksela pozadine.

    Lasso tool

    Sastoji se od Lasso tool-a, Polygonal Lasso tool-a, i Magnetic Lasso Tool-a.

    Lasso toolOmoguava brzo ali neprezizno selektovanje objekta. Kliknite, drite, i vucitemi pravei eljenu selekciju. Kada zavrite pustite taster mia.

  • 7/25/2019 Osnove Grafikog Dizajna

    44/118

    Polygonal lasso toolPrecizniji nain da selektujete oblast nego sam Lasso tool. Kodpoligonalnog selektovanja nema dranja mia. Kliknete i izvui e pravu liniju, i na tajnain imate bolju kontrolu nad oblasti koju selektujete.

    Magnetic lasso toolrazlikuje se od predhodna dva Lasso alata, jer zapravo prati linijuobjekta koji selektujete. Da ponete selektovanje kliknite na sliku, i vucite po ivicipredmeta koji selektujete. Primetiete da on prati liniju predmeta. Da bi zavriliselektovanje kliknite na prvu taku, ili dupli klik na liniju, i automatski e zatvoriti liniju dokraja.

    Magic Wand Tool

  • 7/25/2019 Osnove Grafikog Dizajna

    45/118

  • 7/25/2019 Osnove Grafikog Dizajna

    46/118

    Kada kliknete Magic Wand-om na pozadinu selektovae celu oblast sline boje. Koje bojee obuhvatiti menjate nivoom tolerancije u meniju.

    Crop tool

    Pomou Crop tool-a, isecate celu sliku trajno.

    Osnovni alatiAlati za retuiranje.

    Spot Healing brush tool - koristi se da brzo i lako ukloni greke na pozadini. Kliknite nadeo koji elite da popravite koristei odgovarajui brush (brush-eve menjate u option bar-u iznad) i preite preko dela kome treba popravka. Spot Healing brush e automatskipokuati da popravi to mesto koristei uzorak piksela sa strane.

  • 7/25/2019 Osnove Grafikog Dizajna

    47/118

    Healing brush toolkao i Spot healing brush tool e popraviti lo deo na slici, ali umestoautomatskog uzimanja uzorka, uvde ga moete odrediti runo. Da bi selektovali izvorpiksela za popravku, drite Alt i kliknite na eljeni deo. Zatim premaite preko dela kojielite da izmenite.

    Patch toolPomou Patch alata, pikseli jednog dela, mogu biti zamenjeni piskelima sadruge oblasti. Patch tool fukncionie poput Lasso alata vi runo zahvatate eljeno oblasttako to je obuhvatate patch tool-om. Kada zavrite pomerite selekciju preko destinacijekojom elite da zamenite poetnu oblast.

    Brush tooletkica za bojenje. Selktujtebrush, i otovrie se novi meni sa opcijama zatip etkice, opacity (neprovidnost) i njen flow.

    Color replacement tool - Pomou ovog alata, moete promeniti boju neke oblasti,a da ne naruite njenu predhodnu teksturu.

    Clone stamp tool

    Pomou Clone stamp tool-a, moete preneti predhodno selektovan uzorak sapozadine.

  • 7/25/2019 Osnove Grafikog Dizajna

    48/118

    History brush toolKoristei history brush tool, vraate sliku u prvobitan oblik.

    Blur i Sharpen toolOvi alati rade upravo ono to seod njih oekuje zaotravaju ivice,odnosno zamuuju ih. Oba alata imaju sline opcije Brush (oblik, i veliina oblasti kojuzahvatate alatom) i Strenght (utie na to koliko e se ivice zaotriti, odnosno zamutiti). Dabi ih koristili drite taster mia i preite preko oblasti koju elite da izmenite.

    Dodge, Burn i Sponge toolDodge tool posvetljuje oblasti koje editujete njime.

    Burn potamnjuje, dok sponge neutralie sav kolorit iz neke oblasti, ili ga poveava uzavisnosti od pocija koje izaberete u meniju (saturate/desaturate). Zajednika opcijakoju imaju je Brush, odnosno oblik i veliina oblasti koju zahvata.

    Osnovni alatialati za vektorsko crtanje i type tool

  • 7/25/2019 Osnove Grafikog Dizajna

    49/118

    Pen toolIscrtava vektorske oblike nalik Pen tool-u iz Illustratora. Za crtanje vektoraipak treba koristi Illustrator, jer je za to i predvien.

    Type toolAlat za pisanje teksta. U meniju sa opcijama moete menjati font, stilfonta, veliinu, i opciju za formatiranje teksta.

    Rectangle tool, Elipse tool, Rounded rectangle, Polygon tool, Line, i CustomShape toolAlati za vektorsko iscrtavanja ve predodreenih obika.

  • 7/25/2019 Osnove Grafikog Dizajna

    50/118

    Editovanje slike, adjustements

    Kliknite opciju Image.

    ModeMenjate Color mod (RGB, CMYK, Grayskale...)Adjustements

    Brightness & Contrast - Opcije za menjanje kontrasta, i osvetljenja.

    Levels, Curves, Color BalanceOpcije za promenu boja po kanalima ( kanali semenjaju u zavisnosti od ukljuenog color moda).

    Hue & Saturationmogunost poveanja/smanjenja kolorita,zatamnjivanja/posvetljavanja fotografije.

    Napomenasve izmene u meniju Image e obuhvatiti celu fotografiju.

    Image sizeMenjate dimezije slike. U sluaju pripreme za tampu, fotografija netreba da bude manja od 300 dpi.

    Image rotationOpcije za rotiranje slike. Zarotirae sve trenutne lejere.

    Lejeri

  • 7/25/2019 Osnove Grafikog Dizajna

    51/118

    Prva opcija levo, Blending mode. Desno od nje se nalazi opcija Opacity

    (neprozirnost lejera, to je procenat nii to e lejer biti providiniji).

    Ispod se nalazi opcija za zakljuavanje (moete zakljuavati piksele, poziciju, ili sveodjednom). Opcija Fill je na prvi pogled ista kao opcija Opacity. Razlika je to toOpacity e ceo lejer uiniti providim, dok fill ini lejer providim, ali zadrava efekteukljuene na datom lejeru.

    Na dnu se nalaze opcije za linkovanje lejera, lejer maske, kreiranje novih grupa lejera,novog lejera, kao i brisanje postojeih.

    Formati banera

    300x250 i 468x60pxili 728x90 120x600ili 160x600

  • 7/25/2019 Osnove Grafikog Dizajna

    52/118

    160x600

  • 7/25/2019 Osnove Grafikog Dizajna

    53/118

    300x250

    pretrpano

  • 7/25/2019 Osnove Grafikog Dizajna

    54/118

    728x90

    Dizajniranje banera

    Korak 1

    Kreirajte novi fajl dimenzija 300x250

    Korak 2

    Podesite boje za vas baner

  • 7/25/2019 Osnove Grafikog Dizajna

    55/118

    Zatim selektujte radial gradient t

    ool.

  • 7/25/2019 Osnove Grafikog Dizajna

    56/118

    izgledace ovako.

    Korak 3

    Posto ste primenili gradient, selektujte brush tool, I postavite sledeca podesavanja.

  • 7/25/2019 Osnove Grafikog Dizajna

    57/118

  • 7/25/2019 Osnove Grafikog Dizajna

    58/118

    Posle podesavanja, otvorite novi lejer.

    I obojite ga koristeci brush tool.

    Korak 4

  • 7/25/2019 Osnove Grafikog Dizajna

    59/118

    Otkucajte zeljeni tekst koristeci type tool.

    Posle toga primenite sledece lejer stilove.

  • 7/25/2019 Osnove Grafikog Dizajna

    60/118

  • 7/25/2019 Osnove Grafikog Dizajna

    61/118

    Pritisnite Ok, I izgledace kao na slici ispod

    Dodajte jos teksta

    Korak 5

    Sada nacrtajte dugme. Selektujte round rectangle tool.

  • 7/25/2019 Osnove Grafikog Dizajna

    62/118

    Podesite sledece lejer stilove.

  • 7/25/2019 Osnove Grafikog Dizajna

    63/118

    Pritisnite OK

  • 7/25/2019 Osnove Grafikog Dizajna

    64/118

    Dodajte tekst na dugme, kao I ostatak zeljenog teksta.

    BANNER 2

    1. Napravite document 400x400px, 72dpi, RDB color mode, Background content

    Transparent.

  • 7/25/2019 Osnove Grafikog Dizajna

    65/118

    2. Uzmite Rounded Rectangle tool I nacrtajte pravougaonik 350x250px, 20px radius

    3. Desni taster misa na layer I odaberite Rasterize layer

    4. Odaberite fill color zelenu boju , uymite paint bucket tool I obojite plavougaonik u

    zeleno (#148345)

  • 7/25/2019 Osnove Grafikog Dizajna

    66/118

    5. Dupli klik misem na layer da Vam se otvori layer style panel, yatim odaberite

    gradient overlay, podesite da bude linearn gradient bele na crnum opacity 50%,

    angle -90

  • 7/25/2019 Osnove Grafikog Dizajna

    67/118

    6. Napravite novi layer, kliknite jednom na novi layer zatim uzmite Marquee tool

    drzite CTRL I kliknite misem na ikonicu donjeg layera da bi selektovali povrsinu.

  • 7/25/2019 Osnove Grafikog Dizajna

    68/118

    7. Kada je selektovana povrsina drzite ALT na tastatur I oduzmite donji deo tako sto

    cete nacrtati pravougaonik sa marquee toolom

    8. Stavite da je fill color bela boja, uzmite ponovo paint bucket I popunite

    selektovanu povrsinu, zatim podeste layer opacity na 20%

  • 7/25/2019 Osnove Grafikog Dizajna

    69/118

    9. Uzmite Custm shape tool , u meniu odaberite sunce I nacrtajte na banneru I

    rasterizujte.

  • 7/25/2019 Osnove Grafikog Dizajna

    70/118

    10. Sada je potrebno da odstranimo visak koji prelazi van zelene povrsine. Vodite

    racuna da vam je selektovano shape 1 drzite CTRL I kliknite na ikonicu layera

    koji se zove rounded rectangle 1

    11. Kada ste selektovali povrsinu uzmite marquee tool kliknite desnim tasterom misa

    na radnu povrsinu I odaberite Select inverse a zatim kliknite DELETE na tastaturi

  • 7/25/2019 Osnove Grafikog Dizajna

    71/118

    12. Podesite layer opacity na 30%

    13. Potrebno je da nacrtamo jos jedno sunce sa leve strane, ponovite isti postupak

    (korak 9). Vodite racuna daodsecete I deo koji prelazi preko LAYER 1

  • 7/25/2019 Osnove Grafikog Dizajna

    72/118

    14. Idite na File > Place I ubacite sat

    15. Unesite zeljeni tekst I sacuvajte kao .png

  • 7/25/2019 Osnove Grafikog Dizajna

    73/118

    PHOTOSHOP > MASKE > FILTERI > BLENDING MODOVI > IMAGE CORRECTION

    VIZIT KARTA

    1. FILE > NEW : Priprema 93x53mm, 300ppi, CMYK, White background

    2. Gajdevi: VIEW > NEW GUIDE Vertical 1.5mm, Vertical 91.5mm, Horizontal

    1.5mm, Horizontal 51.5mm

  • 7/25/2019 Osnove Grafikog Dizajna

    74/118

    3. Linearni Gradient TOP LEFT > RIGHT BOTTOM boje #4580c2 > #91479b

  • 7/25/2019 Osnove Grafikog Dizajna

    75/118

    4. Novi layer #000000 FILTER > NOISE > ADD NOISE 400 MONOCHROMAATIC

    UNIFORM

  • 7/25/2019 Osnove Grafikog Dizajna

    76/118

  • 7/25/2019 Osnove Grafikog Dizajna

    77/118

  • 7/25/2019 Osnove Grafikog Dizajna

    78/118

    5. FILTER > BLUR > GUSSIAN BLUR 0.7

  • 7/25/2019 Osnove Grafikog Dizajna

    79/118

  • 7/25/2019 Osnove Grafikog Dizajna

    80/118

    6. Image > Adjustments > Levels 199 1,03 255

    7. OPACITY LAYER 50%

  • 7/25/2019 Osnove Grafikog Dizajna

    81/118

    8. Zvezdana magla Primarna boja #ffffff sekundarna #4d008f > Novi layer

  • 7/25/2019 Osnove Grafikog Dizajna

    82/118

    9. FILTER > RENDER > CLOUDS

    10. Image > Adjustments > Level 86 0.81 255

  • 7/25/2019 Osnove Grafikog Dizajna

    83/118

    11. Smudge tool 350px (desni taster mia na raddnoj povrini da bi dobili panel za

    podeavanja) povlacenje odozgo na dole da se dobjije izgled magle (4-5 poteza).

  • 7/25/2019 Osnove Grafikog Dizajna

    84/118

    12. Overlay layer opacity 60

  • 7/25/2019 Osnove Grafikog Dizajna

    85/118

    13. Kopija pozadine (background) CTRL+J invertovati x osu -100 (free transtform >

    flip horizontal), blending mode COLOR, prevuci layer iznad magle.

    14. Bela elipsa u TOP LEFT, Blending mod Soft Light, opacity 10%

  • 7/25/2019 Osnove Grafikog Dizajna

    86/118

    15. Kopirati 3x i pomeriti po X osi

    16. Novi layer , Cetkica 350px, hardnes 0px, na sredini, bela boja

  • 7/25/2019 Osnove Grafikog Dizajna

    87/118

    17. Iseci desnu polovinu, levu polovinu rotirati za -30 stepeni

    18. Soft light 40% opacity, kopirati 6x i rasporediti po X osi (Uzeti Move tool I kliknuti

    na ivicu kako bis e otvorila podesavanja za rotaciju)

  • 7/25/2019 Osnove Grafikog Dizajna

    88/118

    19. Novi layer, sarene jake boje (obojiti cetkicom), color blending mode, opacity 30%

  • 7/25/2019 Osnove Grafikog Dizajna

    89/118

    20. Na prethodni layer greadient map (filter) crna na belu Pin light

  • 7/25/2019 Osnove Grafikog Dizajna

    90/118

    21. Tipografija (Arial black) 26pt, Layer style > Greadient overlay #ffffff #0fffff #ffffff

    #ffffff

  • 7/25/2019 Osnove Grafikog Dizajna

    91/118

    21. Elipsa, bela senka , resterizovanje stila i secenje dodnjeg dela senke kao odsjaj

    ispod teksta.

  • 7/25/2019 Osnove Grafikog Dizajna

    92/118

  • 7/25/2019 Osnove Grafikog Dizajna

    93/118

    SNEG

    1. File / Open / planina.jpg

  • 7/25/2019 Osnove Grafikog Dizajna

    94/118

    2. Pravimo novi layer crne boje. Podesite da primarna boja bude crna, napravite

    novi layer i kliknite na tastaturi Alt + Backspace ili Paint packet tool

    3. Dodavanje noisa: Filter /Nosie / Add noise

  • 7/25/2019 Osnove Grafikog Dizajna

    95/118

    Podeavanja: 150%, gaussian, monochromatic

    4. Filter / Blur / Blur more

  • 7/25/2019 Osnove Grafikog Dizajna

    96/118

    5. Levels || Image / Adjustments / Levels

    Podeavanja: 162 1 204

    6. Blending mod: Screen

  • 7/25/2019 Osnove Grafikog Dizajna

    97/118

    7. Motion blur za Layer 1 >> Filter / Blur / Motion blur (Ugao: -65, Distanca: 8)

    8. Dupliramo Layer 1 komandom na tastaturi CTRL + J ili desni taster misa na layer

    pa odaberemo Duplicate layer. Kada to zavrimo potrebno je okrenuti layer za180 stepeni tako to emo otici na Edit / Transform / Flip horizontal.

    9. Pikselacija. Filter / Pixelate / Crystallize

  • 7/25/2019 Osnove Grafikog Dizajna

    98/118

    Podeavanja: Cell size: 10px

    10. Motion blur > Filter / Blur / Motion blur (Ugao: -65, Distanca: 16px)

  • 7/25/2019 Osnove Grafikog Dizajna

    99/118

    11. Spajanje layera: Layer 1 + Layer 1 Copy. Desni taster misa na Layer 1 Copy i

    odabrati u listi Merge down

    12. Dupliramo Layer 1 (Ctrl + J), Smanjimo opacity na 30% i opet primenimo Merge

    down kako bi objedinili Layer 1 i Layer 1 Copy

  • 7/25/2019 Osnove Grafikog Dizajna

    100/118

  • 7/25/2019 Osnove Grafikog Dizajna

    101/118

    ZAVRENO

    Koju god fotografiju da postavite ispod Layera 1 uvek cete dobiti sneg efekat. Takodje

    moete da iskljuite Background da ostane samo Layer 1. sauvate file kao Sneg.jpg ikad avam na nekoj fotografiji treba efekat snega samo idete na File / Place. ZakaiteSneg.jpg, pozicionirate preko fotografije i u Blending modu stavite Screen.

    KIA

    1. File / Open / kisa.jpg

  • 7/25/2019 Osnove Grafikog Dizajna

    102/118

    2. Dupliramo background layer komandom CTRL + J

    3. Odaberemo krop tool (C), drei ALT i SHIFT i poveamo za 2cm od prilike. Kliknemo Enter.

  • 7/25/2019 Osnove Grafikog Dizajna

    103/118

    4. Napravimo novi layer i obojimo u crno komandom ALT + BACKSPACE, vodite racuna da je

    rpimarna boja podesena crna.

    5. Noise. Filter / Noise / Add noise. Podeavanja: 150%, uniform, mmonochromatic

    6. Blur. Filter / Gussian blur. Podeavanje: 0.5

  • 7/25/2019 Osnove Grafikog Dizajna

    104/118

    7. Drzimo ALT idemo levim tasterom miana Adjustment layer i odaberemo LEVELS i tek onda

    pustimo mia! ekiramo use previous layer to create clipping mask i kliknemo OK.

  • 7/25/2019 Osnove Grafikog Dizajna

    105/118

    8. Levels podesimo na 134, 1.00, 189

    9. Motion blur. Kliknite prvo na Layer 2da ga selektujete pa onda idite na Filter / Blur / Motion

    blur. Podeavanja: ugao 60 distanca 50

    10.Korigujemo adjastment level pomeranjem u levo vrednosti. Kliknuemo prvo na mesec ispred

    Maske layera 2 da se otvori levels

  • 7/25/2019 Osnove Grafikog Dizajna

    106/118

    11.Sa crop toolom treba davratimo na poetnu veliinu fotografije. To emo uiniti tako to

    Uzmemo Crop tool. Drimo CTRL na tastaturi i kliknemo jednom na ikonicu ispred Layer 1.

    Pijavie se selektovana povrina. Kliknemo jednom levim tasterom mia na radnu povrinu da se

    pojavi Crop tool i kliknemo Enter.

    12.Selektujemo layer 2 i promenimo blending mod na Screen

    Ako je potrebno opet otvorite podeavanje Levela i podesite kako mislite da vam odgovara.

    13.Sada emo uzeti Type tool i otkucati neki tekst. Koristiemo font Agency FB. Sami podesite

    veliinu slova da izgleda priblino kao na slici ispod. Napominjem da je svaka re zasebno uneta.

  • 7/25/2019 Osnove Grafikog Dizajna

    107/118

    14.Sada dupliramo Layer 1 i postaviemo ga na vrh iznad svih layera. Ctrl + J

    15.Uzeemo Quick selection tool i markirati prvog coveka na slici a zatim kliknuti ma mask

    toolidpod lazera kako bi izdvojili samo oveka. Na ovaj nain emo napraviti masku kojumoemo aksnije korigovati po potrebi a cilj je da napravimo da je ovajovek ispred slova

    postavljen.

  • 7/25/2019 Osnove Grafikog Dizajna

    108/118

    Kada ovo zavrite. Layer 1 Copy prebacite da bude ispod Layer 2 a ispred Teksta.

  • 7/25/2019 Osnove Grafikog Dizajna

    109/118

    16.Kliknite na Levels 1 pa na novi layer kako bi dodali novi layer ispred svega, obojite layer u crno

    ALT+BACKSPACE. Proverite da li su vam primarna i sekundarna boja podeene naCrnu i Belu.

    Ako je to OK idite na Filter / Render / Different Clouds

    17.Kliknite na Layer Mask, Uzmite greadient tool Crno na belo i prevucite od vrha do dna.

  • 7/25/2019 Osnove Grafikog Dizajna

    110/118

    18.Uzmite Gumicu, Poveajte je na 130px a hardnes stavite da bude 0 i samo preite polako preko

    glave i kiobrana prvog oveka.

    19.Dodaemo na poetku novi layer crne boje

  • 7/25/2019 Osnove Grafikog Dizajna

    111/118

    20.Uzeemo gumicu i podesiti size na 750px a hardnes na 0px. Kliknucemo 2-3 puta u sredinji deo

    crnog layera kako bi psotao proziran.

  • 7/25/2019 Osnove Grafikog Dizajna

    112/118

    ZAVRENO

    FOTO MOZAIK // POLAROID

    1. File / Open / Odmor.jpg

  • 7/25/2019 Osnove Grafikog Dizajna

    113/118

    2. Uzeemo Rectangle tool i napraviti jedan kvadrat crne boje preko enine glave.

    3. Kopiraemo rectangle 1 sa CTRL + J. Premestiti ga da bude ispod Ractangle 1, poveati ga da

    dobijemo pravougaonik malo vei od crnog kvadrata. Takoe promeniemo mu boju u belu, to

    moete uraditi duplim klikom mia na ikonicu Rectangle 1 Copy jer je jo uvek u vektorskom

    obliku. Pokuajte da napravite neto kao na donjoj slici.

  • 7/25/2019 Osnove Grafikog Dizajna

    114/118

    4. Kada ste ovo zavrili treba da rasterizujemo pna ractangla, desni taster mia na layer i odaberite

    Rasteriye layer. Ponovite za oba ractangla.

    5. Sada emo otvoriti layer stile panel za Ractangle 1 (crni). Dupli klik levim atsterom mia na layer

    ili desni taster mia pa odaberite Blending options.

    5.1.Podesite Fill opacity na 0

    5.2.Podesice Knockout na DEEP

  • 7/25/2019 Osnove Grafikog Dizajna

    115/118

    5.3.Kliknite na Inner shadow kako bi s eotvorila podeavanja i podesite: Distanca 0, Choke 6, Size 5

    6. Drei ift odaberite oba layera, Rectangle 1 i Rectangle 1 Copy. Kada ih selektujete idite desni

    taster mia na jedan od njih i odaberite GROUP FROM LAYERI i u panel kada se otvori u name

    unseite POLAROID 1

  • 7/25/2019 Osnove Grafikog Dizajna

    116/118

    7. Sada uzmete Move Tool i polaroid 1 rotorate u levo za -15 stepeni

    8. Sada kopirajte polaroid 3 puta i postavite ih iznad svih osova na slici, rotirajte po elji. Pogledajte

    donju sliku.

  • 7/25/2019 Osnove Grafikog Dizajna

    117/118

    9. Kliknite na Background da ga selektujete. Zatim kliknite na Adjastment ikonicu i odaberite solid

    color

    10.Podesite neku boju po izbodu i kliknite OK. Moete se igrati i sa prozirnosti layera.

  • 7/25/2019 Osnove Grafikog Dizajna

    118/118

    ZAVRENO