UNIVERZITET U ZENICI PEDAGOŠKI FAKULTET smjer: MATEMATIKA I INFORMATIKA akademska godina 2006/07 godina studija: IV predmet: Računarska grafika student: Nermina Skopljak broj indeksa: 3579/MI nastavnik: v.as.mr. Samir Lemeš Seminarski rad Photoshop Type tool Visoko, april 2007.
S a d r ž a j Uvod... 3 Alatka za tekst... 3 Paleta Character...7 Paragraph paleta... 8 Deformisanje teksta... 8 Ispisivanje teksta po putanji... 9 Pravljenje sjenki... 10 Konturni tekst manuelno... 11 Konturni tekst automatski... 11 3D tekst manuelno... 11 Sjenka u perspektivi... 12 Tekst u pokretu... 12 Svijetleći tekst... 13 Unutrašnji sjaj...13 Proziran tekst... 14 Dupli reljef... 14 Zaključak... 15 Literatura... 15
Uvod Ako slika vrijedi kao hiljadu riječi, koliko još više vrijedi kada joj se doda tekst? Photoshop ranije nije bio baš zgodan alat za obradu teksta, ali su u posljednjim verzijama riješeni mnogi problemi. Sada možete dodati tekst direktno na platno, mijenjati ga i oblikovati po želji. Tekst možete postaviti horizontalno, vertikalno ili po unaprijed zadatoj putanji. Pisanje teksta započinjete ili tako što alatkom za tekst pritisnete odgovarajuće mjesto na platnu ili tako što alatkom povučete dijagonalno da bi ste nacrtali okvir, a zatim u njega unijeli tekst. Neke stvari se i dalje ne mijenjaju. Photoshop i dalje smješta tekst na zaseban sloj. Tekst i dalje mora da se rasterizuje da bi ste na njega primjenili filtere. Prelive i stilove slojeva kao što su sjenke, oborene ivice i reljef možete primijeniti i prije i poslije rasterizovanja teksta. Alatka za tekst Kratica za ovaj alat je T. u Photoshop_u, većina opcija ovog alata je dostupna preko options bar jednom kad je alat izabran. Da bi kreirali standardni sloj teksta izaberite alat za tekst, dugme za sloj trebate držati pritisnutim, zatim kliknite na dokument i počnite kucati. Alternativno, možete kliknuti i povući pravougli oblik sa alatom za tekst da biste stvorili kolumnu teksta koja odgovara pravougaoniku. Ovo je korisno kada trebate kreirati velike tekstove. Prije nego kliknete na vaš dokument, pogledajte na trenutak I-beam kursor koji se pojavi dok se krećete mišem po području dokumenta. Primjetit ćete malu horizontalnu liniju koja presjeca I-beam. Ova linija ukazuje na osnovnu liniju teksta. Korisna je kada trebate poravnati osnovnu liniju vašeg teksta sa drugim predmetom u vašem dokumentu, ili za poravnavanje teksta sa vodečom linijom. Sada kliknite na vaš dokument, ukucajte neki tekst i pogledaćemo u opcije alata za tekst. Možete urediti vaše opcije teksta preko trake sa opcijama prije nego počnete kucati ili možete koristiti traku sa opcijama da selektivno uređujete tekst dok kucate. Možete mijenjati formatiranje nekih riječi ili karaktera povlačenjem preko istih u preview području kako biste ih selektovali, zatim promijenite opcije. Prva dva menija na traci sa opcijama omogućavaju vam da izaberete font i stil. Ako niste sigurni koji font želite koristiti, možete istaknuti tekst na dokumentu, aktivirati meni fonta i koristiti strelicu da biste vidjeli sve dostupne fontove. Dostupni stilovi zavise od dostupnog fonta.
Sljedeća dva menija omogućavaju vam da mijenjate veličinu teksta i stepen nazubljenosti ivica. Neke uobičajne veličine su dostupne na meniju veličine fonta ili možete izbrisati brojeve u polju i ukucati koje želite. O opcijama nazubljenosti ivica smo već diskutovali. Sljedeće su opcije poravnanja, biranja boje, deformisanja teksta ( warp tekst ) i dugme paleta. Opcije poravnanja sa lijeva na desno su : poravnanje ulijevo, centrirano i poravnanje udesno. Dodatne opcije poravnanja su dostupne preko palete Paragraph o kojoj ćemo diskutovati kasnije. Da biste promijenili boju, kliknite na uzorak boje i izaberite novu na biraču boje, ili možete izabrati boju vašeg dokumenta micanjem kursora izvan color picker prozora dok je otvoren. Za razliku od predhodnih verzija, Photoshop od verzije 6.0. vam omogućava biranje individualnih karaktera i primjenu različitih boja u jednom sloju teksta. Sljedeće dugme je za kreiranje deformisanog teksta. Dugme paleta otvara Paragraph i Character palete a njima ćemo se pozabaviti u nastavku. Dok ste u sistemu uređivanja teksta možete pritiskati Ctrl/Command tipku i kursor će se pretvoriti u pokretni alat dozvoljavajući vam repozicioniranje teksta bez izlaženja iz tog sistema. Takođe ćete primjetiti da, dok ste u sistemu uređivanja teksta, standardnom tipkom Enter/Return počinjete novi red. Možete prihvatiti vaš tekst i izaći iz sistema uređivanja teksta na jedan od tri načina: Kliknite Enter tipku na numeričkoj tastaturi. Kliknite na bilo koji alat u kutiji alata. Kliknite na checkmark na traci sa opcijama. Da biste izašli iz sistema uređivanja bez dodavanja teksta, možete pritisnuti Esc tipku ili kliknuti x na traci sa opcijama. Jednom kada ste ubacili tekst na vaš dokument, primjetićete novi sloj koji sadrži tekst. Svi slojevi za kucanje imaju T u području palete Layers. Duplo klikanje na T ikonu vratiće vas na tekst tako da ga automatski možete mijenjati. Ako izaberete alat za tekst i kliknete na neki postojeći tekst u dokumentu, to će automatski aktivirati sloj za tekst i dovesti vas u sistem uređivanja teksta. Sloj za tekst može se promijeniti sa alatom za pomjeranje i dalje manipulisati u slobodnom transformatorskom sistemu. Za razliku od uobičajnih slojeva, kada transformirate sloj za tekst, on ostaje jasan i oštar. Prilikom pomjeranja teksta u slobodnom transformatorskom sistemu, zapamtite da pritisnete Shift tipku prilikom
povlačenja držača ugla da biste održali proporcije teksta. Naravno, možete učiniti vaš tekst dužim ili širim koristeći slobodan transformatorski sistem da izmjenite proporcije. Kada je sloj teksta aktiviran, takođe ćete pronaći neke dodatne opcije na podmeniju teksta Layer menija. Možete kreirati smjer rada iz teksta, pretvoriti tekst u formu, mijenjati tekst horizontalno ili vertikalno, mijenjati stepen nazubljenosti ivica, pretvarati red teksta u paragraf i obratno, i deformisati tekst. U Photoshopu kada želite slikati na tekstu ili dodati filtere na njega, ono što kucate mora se pretvoriti u piksele. To se zove rasterizovanje teksta. Da biste rasterizovali tekst u Photoshopu 6, možete kliknuti desno ( right click Windows) ili kliknuti na Control ( Contol click Mac) na naziv sloja teksta u paleti Layers i izabrati Rasterize Layer iz menija koji će se pojaviti. Tekst takođe možete rasterizovati birajući Layer > Rasterise > Type. Kada rasterizujete tekst u Photoshopu, gubite oblikovanje teksta i opcije formatiranja i više nema mijenjanja. Prije rasterizovanja sloja teksta, nije loša ideja napraviti prvo duplikat sloja i sakriti duplu nerastizovanu kopiju. Ovako, ako odlučite nešto mijenjati na tekstu, nećete morati ponovo stvarati tekst od nule. Evo kratke vježbe koja će demonstrirati razlike između slojeva teksta i rasterizovanog teksta: 1. Kreirajte novi dokument 400x400 piksela i dodajte neki tekst sa približno 72 tačke veličine. 2. Dva puta umnožite sloj tako da imate tri kopije teksta i pomaknite tekst tako da vidite svaku kopiju. 3. Rasterizujte jedan od kopiranih slojeva. 4. Sada slobodno transformišite rasterizovani sloj i podignite ga da ispunite širinu vašeg dokumenta. 5. Sada slobodno transformišite nerasterizovani sloj na približno istu veličinu. Primjećujete li kako je zamućen rasterizovani sloj dok je sloj teksta ostao jasan?
Sada zumirajte sloj teksta i izbliza pogledajte jedno od zaobljenih slova. Vidite li kako se ivice piksela sastoje od raznih boja? Ovako se stvara gladak efekt nazubljenosti ivica. Kada koristite masku za tekst umjeto layer alata teksta, opcije su iste, ali kada kliknete na vaš dokument on se ispuni sa zaštitnom presvlakom isto kao da ste u načinu Quick Mask (brzu masku). Dok kucate, tekst probija kroz zaštitu. Kada prihvatite tekst, završite radije sa izborom teksta nego sa ispunjenim slojem teksta. Jednom kada ste kreirali izbor teksta( kucanja), on funkcioniše kao bilo koji drugi izbor. Kada kreirate vertikalan tekst, on je pozicioniran sa karakterima koji se uspravno čitaju od vrha prema dnu. Dugmad za poravnanje se mijenjaju u dialog zaslon teksta da ukažu na opcije vertikalnog poravnanja. Ako želite da kreirate tekst koji će se čitati imenovanjem poglavlja po strani, trebate kreirati horizontalan tekst i onda koristiti slobodnu transformatorsku komandu za rotiranje teksta kako je potrebno. Ili možete selektovati tekst i izabrati rotaciju teksta iz menija palete karaktera.
Paleta Character Character paleta omogućava da zadajetemeđuslovna rastojanja i da pomjerate osnovnu liniju teksta a a nudi i kontrolne elemente za izbor fonta, stila, boje i veličine, koji se nalaze i na traci sa opcijama. Paletu Character možete koristiti za zadavanje parametara prije unošenja teksta, ili za reformatiranje unijetog teksta. Padajuće liste na paleti Character omogućavaju pristup do instaliranih fontova, veličina i stilova, baš kao i na traci sa opcijama alatki. Polje označeno sa A\V kontroliše razmak imeđu dva susjedna znaka (kerning). U većini fontova, naročito ako je tekst krupan, potrebno je primaći slova u parovima kao što su AV i WA. U suprotnom, razmak će biti primjetan. Podrazumijvana vrijednost ovog parametra je Metrics, što znači da će Photoshop primijeniti informacije ugrađene u font. Prored (leading) određuje vertikalan razmak između redova teksta. Ako unesete samo jedan red ili riječ prored vas ne interesuje. Čim dodate drugi red, prored postaje važan. Pošto se mjeri od osnovne linije reda teksta koji se nalazi iznad on mora da bude veći od izabrane veličine fonta da se redovi teksta ne bi dodirivali ili preklapali. Standardna vrijednost je 120%. Za indekse i eksponente možete zadati rastojanje od osnovne linije. Osim toga postoji padajuća lista za izbor stila, jezika itd.
Paragraph paleta Pod pasusom se podrazumijeva svaki red teksta iza kojeg je pritisnut Enter. Na paleti Paragraph podešavaju se opcije koje se odnose na cio pasus (paragraph) - poravnanje i obostrano poravnanje, poravnanje- lijevo, centrirano, desno, uvlačenje redova i razmaci između pasusa. Dugmad u gornjem lijevom uglu palete prikazuju moguća poravnanja, lijevo, centrirano i desno. Pored toga na paleti se nalaze i četiri dugmeta pomoću kojih podešavate položaj posljednjeg reda u obostrano poravnatom pasusu. On može da bude poravnat ulijevo, centriran, poravnat u desno ili obostrano poravnat. Ostala dugmad i polja na paleti Paragraph omogućavaju da zadate uvlake pasusa, uvlake prvog reda, desne uvlake i dodatne bjeline ispred ili iza pasusa. Deformisanje teksta Warp Tekst Dialog box omogućava vam da iskrivite i izobličite tekst na mnogo načina. Meni stila dopušta vam da izaberete 15 različitih warp stilova. Warp efekti mogu se primjeniti na cijeli sloj teksta bez obzira je li u pitanju line tekst ili paragraph tekst( tekst u redovima ili tekst u paragrafima). Na paragraph tekstu deformiranje se primjenjuje na ograničen box. Jednom kada izaberete warp stil ( stil deformiranja), možete prilagoditi efekte koristeći druge opcije u dialog boxu. Horizontalna i vertikalna radio dugmad kontrolišu orijentaciju deformiranja.
Bend ( savitljivost) kontroliše iznos i pravac izobličenosti tj.warp-a. Na primjer efekat luka će biti izraženiji ako što bliže pomaknete klizač na dno skale. Lijeva polovina skale kreira nagnut luk. Desna polovina skale stvara uspravan luk. Horizontalni i vertikalni klizači iskrivljenosti dopuštaju vam da primjenite perspektivu na warp efekat. Ispisivanje teksta po putanji Photoshop CS omogućava da postavite tekst na bilo kakvu putanju glatku ili nazubljenu. Prvo je potrebno nacrtati putanju. Zatim izaberete alatju za tekst i postavite kursor na početak putanje. Na dnu kursora vidjet ćete talasastu oznaku niti. Ona označava da je tekst vezan za putanju. Počnite da kucate. Osnovna linija teksta automatski prijanja za putanju. Pošto postavite tekst, ručicama možete dotjerati oblik putanje, a možete i mišem povući tekst duž putanje ako nije legao onako kako ste htjeli. Kad završite namještanje teksta, možete na njega primijeniti efekte. Mogućnosti provjere pravopisne ispravnosti teksta na engleskom jeziku ( i još nekim jezicima ) nije nešto što bi ste očekivali da nađete u grafičkom programu, ali je dosta korisna. Ako niste sigurni da li ste dobro napisali naslov, izaberite Edit->Check
Spelling. Photoshop će provjeriti tekst i ako nađe grešku, ponudit će moguća riješenja. Sada kada znate kako da kreirate slojeve teksta i zaštitu teksta, kombinujmo stečeno znanje sa onim što smo do sada naučili da kreiramo neke efekte teksta. Pravljenje sjenki Sjenka postavljena iza teksta ili slike dodaje tim objektims treću dimeziju i time značajno doprinosi boljem izgledu dokumenta. To je lijep i jednostavan efekat koji poboljšava sliku i privlači pažnju posmatrača. Sijenke su prije stilovi slojeva nego filtri, pa ih možete primijeniti i prije i poslije rasterizovanja teksta. 1. Otvorite novi dokument i ukucajte tekst oko 72 tačke. 2. Udvostručite sloj teksta. 3. Promijenite boju teksta na donjem sloju u crnu. 4. Pomjerite crni sloj teksta nekoliko piksela niže i udesno. 5. Rasterizujte crni sloj teksta. 6. Preimenujte ovaj sloj u sjenka. 7. Primjenite Filter< Blur< Gaussian sa radiusom od 2-5 piksela zavisno od veličine teksta. 8. Prilagodite tamu sjenke teksta kako želite. 9. Ako je sjenka za višebojnu podlogu slike, namjestite blend način za umnožavanje za bolje rezultate. Naravno od Photoshopa 5 pa dalje, možete kreirati sjenke prilično lako koristeći efekte sloja ili stilove sloja, ali ne šteti da se zna kako ih napraviti na staromodan način.
Konturni tekst manuelno 1. Otvorite novi dokument i ukucajte tekst oko 72 ta;ke. 2. Ctrl/Command kliknite na sloj u paleti slojeva da napravite selekciju iz teksta. 3. Kreirajte novi sloj ispod sloja teksta. 4. Metod 1: primjenite potez: crno, 2 piksela, vanjska strana. 5. Metod 2: Select> Modify>Expand>dva piksela i ispuni crnim Konturni tekst automatski 1. Photoshop 6: Layer> Layer Style>Stroke 2. Photoshop 5: Layer> Layer Effects>Outer Glow( vanjski sjaj- podesite neprozirnost na 100 i intenzitet na 600). 3D tekst manuelno 1. Otvorite novi dokument i ukucajte tekst oko 72-100 tački. 2. Kopirajte sloj teksta dva puta. Trebate imati tri identična sloja. 3. Pomjerite najniži sloj dva piksela visočije i dva piksela lijevo i promijenite boju teksta na bijelo. 4. Pomjerite srednji sloj dva piksela niže i dva piksela desno i promijenite boju teksta na crno. 5. ispunite pozadinu sa istom bojom kao sloj teksta na vrhu. 6. Po izboru: Za blaži izgled, sjedinite tri sloja teksta i primjenite 1-2 piksela gaussian blur ( zamagljenost). Automatski: Koristite Bevel & Emboss stil/ efekat sloja.
Sjenka u perspektivi 1. Otvorite novi dokument i ukucajte tekst od oko 72 tačke. 2. udvostručite sloj teksta. 3. Promijenite boju teksta donjeg sloja na crnu. 4. Ukucajte Ctrl-T/Command-T da uđete u slobodni transformatorski sistem. 5. Držite tipku Ctrl/Command i povucite na vrhu srednji dryac na desno da nakrivite crni sloj teksta. 6. Rasterizujte crni tip sloja i zatvorite transparentnost sloja. 7. Izaberite gradient alat (alat za preliv) i namjestite opcija od crne do bijele. 8. Kliknite jednom na osnovnu liniju teksta, onda držite shift tipku i ponovo kliknite na najvisočiju tačku sjenke sloja. 9. Gurnite sjenku sloja jedan piksel visočije. Tekst u pokretu 1. Otvorite novi dokument i ukucajte tekst od oko 72 tačke, italic. 2. Udvostručite sloj teksta. 3. Rasterizujte donji sloj. 4. Filter> Stylize>Wind; metod-vjetar, od lijevo 5. Pomjerite Wind sloj nekoliko piksela lijevo. 6. Filter> Blur>Motion Blur; ugao-0, udaljenost 10-15 piksela. 7. Prilagodite poziciju mutnog sloja ponovo ako je potrebno. 8. Smanjite neprozirnost mutnog sloja na oko 60-80%.
Pogledajte dalje neke osnovne efekte teksta koje možete kreirati sa vještinama koje ste do sada naučili. Svijetleći tekst 1. Otvorite novi dokument i ukucajte tekst od oko 72 tačke. 2. namjestite boju teksta na crno. 3. Udvostručite sloj teksta. 4. Promijenite boju nižeg sloja na svjetliju boju. 5. Rasterizujte donji sloj teksta. 6. Primjenite Filter>Blur>Gaussian sa radiusom od 3-8 piksela zavisno od veličine teksta. 7. Ispunite pozadinu crnom bojom. Automatski: Koristite Outer Glow efekat sloja. Unutrašnji sjaj 1. Kreirajte novi dokument sa bijelom pozadinom. 2. Udvostručite sloj pozadine. 3. Izaberite Type Mask alat i ukucajte neki tekst. U Photoshopu 6 i dalje biraćete alat za tekst a onda type mask dugme na traci sa opcijama. Primjetićete da ovo ne stvara novi sloj teksta. Type mask alat stvara selekciju teksta na postojećem sloju. 4. Sa aktivnim izborom teksta pritisnite Delete da probijete tekst sa gornjeg sloja. 5. Udvostručite taj sloj. 6. Deselektujte. 7. Aktivirajte donji probijeni sloj, zatvorite transparentnost i ispunite crnom bojom. 8. Otvorite transparentnost. 9. Primjenite Gaussian Blur oko 3-5 piksela zavisno od veličine teksta. 10. Ovo će vam dati efekat unutrašnjeg sjaja. 11. Shift zamagljeni sloj dole i desno da istaknete efekat isjecanja. 12. Po želji možete ispuniti podlogu različitom bojom.
Automatski metod: (Photoshop 6 i dalje) Učinite vaš tekst bijelim i primjenite inner Shadow stil sloja. Proziran tekst 1. Otvorite sliku ili teksturu i dodajte tekst od oko 72 tačke. 2. Namjestite boju teksta na 50%sivu ( R120, G120, B120). 3. Primjenite Bevel & Emboss stil sloja. Po želji prilagodite opcije. 4. Namjestite blend mode za sloj teksta za snažniju svjetlost. Dupli reljef 1. Otvorite novi dokument i ispunite pozadinu bilo kojom bojom. 2. Dodajte tekst iste boje kao i pozadina. 3. Primjenite Bevel & Emboss stil sloja sa opcijom podloge za ukrašavanje ( pillow emboss). 4. Držite Ctrl/Command tipku i kliknite na T ikonu sloja teksta da isporuči tekst kao selekciju. 5. Idite na Select> Modify> Expand>5 piksela. 6. Stvorite novi sloj pod slojom teksta. 7. Ispunite izbor istom bojom koju ste koristili. 8. Deselektujte. 9. Na paleti slojeva, povucite efekte slojeva iz sloja teksta i spustite ih na novi sloj koji ste kreirali u koraku br.6.
Zaključak Photoshop nema sve mogućnosti rada sa tekstom koje imaju klasični programi za prelom strana, ali može zadovoljiti većinu tipografskih potreba, bez obzira da li se radi o jednom redu ili bloku teksta precizno postavljenom na sliku. Naravno, postavljanje teksta na sliku je prvi korak. Kada imate tekst na platnu, možete na njega primijeniti Photoshopove filtere, režime miješanja i alatke. Tekst možete oblikovati prema putanji, deformisati, isjecati sa podloge, ili praviti slova od like u pozadini. Jednostavno rečeno - Photoshop pomaže da napisane riječi ožive. Literatura Carla Rose Adobe Photoshop CS za 24 sata Grupa autora - Adobe Photoshop CS2 : Ucionica u knjizi Internet resursi: - http://www.znanje.org/knjige/computer/photoshop/03/ - http://iit.bloomu.edu/vthc/photoshop/drawing/typetool.htm - http://www.adobe.com/products/photoshop/index.html - http://graphicssoft.about.com/od/photoshop/l/bllps506d.htm