Maja Gligora Marković Sabrina Šuman

Maja Gligora Marković Sabrina Šuman Autoriziran i recenziran praktikum vježbi iz kolegija GRAFIKA, TEKST, MULTIMEDIJA s uputama o literaturi i primjerima praktičnog dijela ispita http://www.nsk.hr ISBN: 978-953-6911-39-4

Maja Gligora Marković, Sabrina Šuman Autoriziran i recenziran praktikum vježbi iz kolegija GRAFIKA, TEKST, MULTIMEDIJA s uputama o literaturi i primjerima praktičnog dijela ispita Veleučilište u Rijeci

Maja Gligora Marković/Sabrina Šuman GRAFIKA, TEKST, MULTIMEDIJA Nakladnik: Veleučilište u Rijeci Trpimirova 2/V, Rijeka Za nakladnika: prof. dr. sc. Dušan Rudić Lektor: mr. sc. Sanja Grakalić Plenković Recenzenti: mr. sc. Ivan Pogarčić dr. sc. Patrizia Poščić Mjesto i godina izdanja: Rijeka, 2009. Naklada: praktikum objavljen na web-stranicama Veleučilišta u Rijeci Nijedan dio ovog praktikuma ne smije se umnožavati, fotokopirati ni na bilo koji drugi način reproducirati ili koristiti uključujući web-distribuciju i sustave za pretraživanje, te skladištenje podataka bez pismenog dopuštenja nakladnika. ISBN: 978-953-6911-39-4 Veleučilište u Rijeci uvrstilo je ovaj udžbenik u veleučilišne udžbenike (Klasa: 003-09/08-01/01, Ur. broj: 2170-57-01-08-24).

Maja Gligora Marković, Sabrina Šuman Autoriziran i recenziran praktikum vježbi iz kolegija GRAFIKA, TEKST, MULTIMEDIJA s uputama o literaturi i primjerima praktičnog dijela ispita Veleučilište u Rijeci Rijeka, 2009.

Predgovor Praktikum vježbi iz kolegija Grafika, tekst, multimedija daje pregled gradiva tijekom izvođenja vježbi istoimenog kolegija na Stručnom studiju informatike na Poslovnom odjelu Veleučilišta u Rijeci. Praktikum je raščlanjen na četiri cjeline. U prvom dijelu obrađena je tematika vezana uz alat Power Point 2003, čija je praktična primjena sastavni dio projektnog zadatka u okviru obveza studenata. Drugi dio sadrži materijal vezan uz alat Photoshop CS2, u kojem se nalazi čitav niz različitih praktičnih primjera uporabe samog alata s detaljnim objašnjenjima postupka. U trećem dijelu obrađena je tematika vezana uz osnove Flasha 8 i Actionscripta s praktičnim primjerima i zadacima. Praktikum je pisan prvenstveno s ciljem da bude osnovna literatura tijekom održavanja praktičnih vježbi u okviru kolegija Grafika, tekst, multimedija. Predstavlja radni priručnik nuždan za uspješno praćenje vježbi koje su specifične zbog svog izvođenja pomoću računala. Iskustvo u izvođenju nastave s prethodnim generacijama studenata, uviđanje problema vezanih uz praćenje vježbi na računalu uz istovremeno zapisivanje bilješki, te eventualna odsutnost studenata s nastave bili su motivacija za stvaranje ovog rada. Primjeri i zadaci prilagođeni su onoj razini znanja koja se očekuje od studenata. Literatura i internetske adrese navedene u praktikumu pomno su odabrane kako bi udovoljile navedenim zahtjevima, a u okviru ispunjenja svrhe i ciljeva kolegija. U posljednjoj cjelini nalazi se nekoliko primjeraka kolokvija iz praktičnog dijela ispita. Potrebne slike i rješenja za potpuno uspješno rješavanje primjera studenti mogu pronaći na adresi http://www.veleri.hr/~mgligoram u okviru kolegija Grafika, tekst, multimedija. Zahvaljujemo mr. sc. Ivanu Pogarčiću i dr. sc. Patriziji Poščić na savjesno pregledanom rukopisu i sugestijama koje smo prihvatile sa zahvalnošću. Rijeka, siječanj 2009. Autorice I

Sadržaj Predgovor... I Sadržaj II Power Point 2003...1 Uvod...1 Uporaba prezentacije... 1 Slajdovi... 2 Umetanje objekata... 4 Tekst...4 Crteži...5 Grafikoni, dijagrami, crtani objekti... 6 Efekti prezentacije... 7 Projekcija... 8 Priprema, ispis i vođenje prezentacije... 9 Preporučujemo.10 Photoshop CS2..... 11 Uvod... 11 Izbornici... 12 Traka s alatima... 13 Filtri...24 Boje... 32 Izbornik Select... 44 Save for web... 45 Akcije... 48 Tekst... 49 Transformacija... 52 Slojevi... 54 Primjeri... 58 Flash 8... 73 Uvod... 73 Radno okruženje... 73 Frame - kadar... 74 Alati... 75 Mogućnosti ispune... 77 Paneli... 77 Testiranje filma... 78 Operacije s objektima... 78 Simboli... 80 Animacije... 84 Slojevi... 87 Tekst... 90 Filtri...93 Maska... 95 Actionscript... 97 Pridruživanje akcija... 98 Vrste akcija... 100 Varijable... 102 Funkcije... 102 Objekti... 103 Operatori... 107 Importiranje audiozapisa... 108 Importiranje videozapisa... 109 Primjeri... 110 Primjeri praktičnog dijela ispita - kolokviji...115 Literatura 127 II

Power Point Grafika, tekst, multimedija vježbe Uvod Pojam prezentacije Alati za izradu prezentacija Power Point 3 Uporaba prezentacije Stvaranje nove prezentacije (.ppt) Otvaranje, zatvaranje prezentacije Spremanje prezentacije na određeno mjesto, spremanje pod drugim imenom Spremanje u drugom obliku Izrada predloška (.pot) Kretanje kroz više prezentacija 4 1

Zadatak 1. Otvorite novi dokument. Nazovite ga zad1. Preimenujte i spremite ga pod imenom zadatak1.ppt u MyDocuments. Otvorite novi dokument i spremite ga kao predložak pod imenom pred1 u MyDocuments. 5 Slajdovi Dodavanje s određenim oblikom za izgled Promjena pomoću ugrađenih predložaka Promjena boje pozadine, isključivanje grafike, umetanje slika za pozadinu Uporaba predložaka za dizajn, primjena i promjena 6 Dizajn slajda Izgled slajda izgledi sadržaja, izgledi teksta Dizajn slajda Sheme animacije Sheme boja 7 2

Zadatak 2. Otvorite prezentaciju zadatak1.ppt i u ponuđenom popisu mogućeg dizajna slajda odaberite jedan. Kreirajte tri slajda. Promijenite boju pozadine i ispustite grafiku. Probajte primijeniti isto na sve slajdove i na pojedine slajdove. Promijenite početnu shemu boja. 8 Prilagodbe postavki i pogledi Zumiranje Prikaz i sakrivanje ugrađenih alatnih linija Pogledi na prezentaciju Vrste Izmjena Matrica slajda 9 Zadatak 3. Pregledajte prezentaciju zadatak1.ppt u mogućim pogledima. 10 3

Umetanje objekata Umetanje slike, objekta, dijagrama, grafikona Dodavanje teksta u podnožje Automatsko umetanje rednog broja na slajd, dodavanje datuma Matrica višedijelne stranice Matrica bilješki 11 Zadatak 4. Na prvi slajd prezentacije zadatak1.ppt dodajte sliku po izboru, na drugi slajd dodajte objekt. Koristeći pogled matrice slajda u podnožju napišite svoje ime i prezime. Definirajte postavke datuma i broja slajda, rasporedite smještaj tih elemenata po želji. 12 Tekst Unos i oblikovanje teksta Promjena sadržaja, dodavanje simbola Promjena postavki teksta (font, veličina, stil, boja ) Promjena sjenčanja Poravnanje teksta u tekstualnom okviru Oblikovanje proreda, odlomka 13 4

Zadatak 5. U prezentaciju zadatak1.ppt dodajte četvrti slajd. Napišite četiri rečenice na treći i na četvrti slajd. Oblikujte ih prema želji, svaku različito. Oblikujte odlomak i prored na trećem i četvrtom slajdu. 14 Crteži Uporaba WordArta Popisi s oznakama Umetanje crteža iz zbirke 15 Zadatak 6. Prezentaciji zadatak1.ppt dodajte jedan slajd. Oblikujte grafičke oznake prema vlastitoj želji. Napišite nekoliko riječi i oblikujte ih pomoću WordArta. 16 5

Grafikoni, dijagrami, crtani objekti Umetanje grafikona (izrada) Mijenjanje boje pojedinog dijela Promjena vrste Organizacijski grafikoni stvaranje promjena izgleda hijerarhijske strukture dodavanje, brisanje i premještanje dijelova 17 Zadatak 7. U postojeću prezentaciju dodajte slajd. Umetnite dijagram prema želji i oblikujte ga tako da promijenite boju ispuna, broj grana itd., ovisno o tome koju vrstu dijagrama ste odabrali. 18 Crtani objekti Dodavanje različitih tipova nacrtanih objekata Mijenjanje boje ispune, linija, vrste linija i načina crtanja strelice Dodavanje sjene objektima 19 6

Crtani objekti (2) Zaokretanje, poravnanje, promjena veličine nacrtanog objekta Postavljanje ispred nekog drugog objekta Kopiranje, premještanje, brisanje nacrtanih objekata 20 Zadatak 8. U prezentaciju zadatak1.ppt dodajte slajd. Umetnite neke samooblike i isprobajte sve mogućnosti oblikovanja. 21 Efekti prezentacije Dodavanje i promjena animacijskih efekata Prijelazi dodavanje i promjena pri prijelazu slajda Dodavanje videozapisa Dodavanje zvučnih efekata 22 7

Zadatak 9. U postojećoj prezentaciji zadatak1.ppt upotrijebite različite animacijske efekte na već napisane rečenice. Definirajte različite prijelaze među slajdovima. Dodajte videozapis iz postojeće knjižnice. 23 Projekcija Prikaz projekcije Proba vremena prezentacije Dodavanje govora Akcijski gumbi postavke akcije 24 Zadatak 10. Isprobajte projekciju prezentacije zadatak1.ppt. Isprobajte koliko vremenski traje. Dodajte akcijske gumbe kroz cijelu prezentaciju i ponovno projicirajte. 25 8

Priprema, ispis i vođenje prezentacije Određivanje usmjerenja i postavke ispisa slajdova brošure. Provjera pravopisa Dodavanje bilješke uz slajdove Sakrivanje slajdova 26 Zadatak 11. Dodajte bilješke na nekoliko slajdova. Pregledajte prezentaciju prije ispisa i kao brošuru. Promijenite orijentaciju slajdova. Sakrijte neke od slajdova. Projicirajte prezentaciju. 27 Zaključak Najčešće korišteni alat za izradu prezentacija Sastavni dio Microsoft Office paketa Jednostavan za uporabu Izrada prezentacije pomoću Power Pointa sastavni je dio projektnog zadatka iz kolegija Grafika, tekst, multimedija 28 9

Preporučujemo https://lms.carnet.hr/logonscreen.asp (Nacionalni portal za udaljeno učenje Nikola Tesla) http://office.microsoft.com/enus/powerpoint/ha011206091033.aspx http://www.ic.ims.hr/office/powerpoint2003/powe rpoint.html http://www.bettersolutions.com/powerpoint.aspx 29 10

Photoshop CS2 Grafika, tekst, multimedija vježbe 31 Rasterska grafika Vektorska grafika Računalna grafika Alati za obradu slika Photoshop CS2 Uvod 32 Izbornici Traka s alatima Palete Sučelje programa 33 11

Izbornici File Edit Image Layer Select Filter View Window Help 34 Otvaranje (spremanje) novog ili postojećeg dokumenta Otvaranje novog dokumenta File, new Otvaranje postojećeg dokumenta File, open ili file browser Spremanje File: save, save as, save as a copy, save for web 35 Zadatak 1. Otvorite novi RGB dokument veličine 400x300 px prozirne podloge rezolucije 90 dpi. Nazovite ga zad1. 36 12

Traka s alatima Četiri kategorije alata Alati selekcije Alati za slikanje Alati za putanje, tekst, prikaz Ostali alati 37 Alati selekcije Alati za selekciju obilježavanjem Marquee tools Alat za pomicanja Move tool Omča Lasso tool Čarobni štapić Magic Wand Alat za obrezivanje Crop tool Alat za rezanje Slice tool 38 Zadatak 2. Otvorite sliku prema vlastitom izboru. Odaberite neki detalj sa slike. Isprobajte alate za selekciju označavajući isti detalj. 39 13

Alati za slikanje i retuširanje Olovka, kist Pencil, brush Kist za retuširanje mrlje, kist za retuširanje, krpanje, zamjena boje Spot Healing brush, Healing brush, Patch, Color Replacement Povijesni kist History brush Pečat kloniranja Clone stamp 40 Padajući izbornik brushes Definiranje nove četkice Načini prikaza Parametri kategorija prikaza 41 Brush kistić, četkica 42 14

Shape dynamics Određuje promjenu traga u potezu četkice Kako se mijenja veličina traga četkice u potezu Pokazuje koji mora biti minimum ako su uključene opcije jitter size i control Označava kako se mijenja oblost četkice odnosno kut četkice tijekom poteza 43 Scattering Određuje način distribucije markera u potezu Specificira broj markera u intervalu poteza Označava broj i poziciju markera u potezu S uključenom opcijom scattering 44 Color dynamics Specificira kako i koliko se u potezu četkice mijenjaju boja, intenzitet, čistoća tona, svijetlost 45 15

Zadatak 3. Kreirajte novi RGB dokument Podloga bijele boje Odaberite četkicu prema želji Isprobajte Shape i Color Dynamics mijenjajući parametre 46 Definiranje četkice i uzorka Odaberemo sliku ili selektiramo dio na slici Edit, define brush, unesemo ime, OK Za definiranje uzorka (define pattern) slijedimo iste korake Save brushes 47 48 16

Zadatak 4. Otvorite sliku s nekim detaljem Selektirajte detalj Definirajte brush Shape dynamics, scattering, color balance namjestite po želji Otvorite novi dokument te isprobajte brush 49 Zadatak 5. Otvorite sliku Sunset iz sample pictures, te selektirajte s rectangular marquee neki dio zalaska sunca Definirajte uzorak (pattern) po imenu Zalaz sunca Otvorite neku novu sliku te popunite dio slike tim uzorkom 50 Zadatak 6. Otvorite sliku nečijeg portreta. Alatom eyedropper selektirajte boju tena. Dodajte u paletu swatches. Primijenite na neki drugi portret koristeći četkicu s tom bojom. 51 17

Healing brush Retušira područje koje prolazi četka s alatom Healing brush Možemo ali i ne moramo selektirati određeno područje Izabrati alat alt+klik na područje s kojeg ćemo uzeti materijal te četkicom klikamo ili prelazimo po području koje treba popraviti 52 Healing brush (2) Efekt nije klonirano područje, alat se prilagođava okolici pa je dojam prirodniji, ali i manje precizan Klikanjem na aligned svakim se potezom bira novo područje uzorka, i obratno, ako nam neko područje uzorka treba popraviti više površina, nećemo aktivirati opciju aligned u traci s opcijama Za četkicu možemo birati neki od elipsastih oblika, dijametar, jačinu poteza i kut 53 Zadatak 7. Otvorite sliku neke osobe s vidljivim detaljima na licu koje želite retuširati. Isprobajte alat Healing brush. Povećajte detalje retuširanja u paleti Navigator na 400%. 54 18

Clone stamp tool Odaberemo područje gdje želimo klonirati. Odaberemo alat Clone stamp, alt+klik u područje koje želimo klonirati te odaberemo četkicu i prelazimo preko odabranog područja. Oznaka stamp pokazuje gdje kloniramo, a mali + otkud uzimamo materijal. Na lijevoj slici klonirali smo desni cvijet. 55 Zadatak 8. Otvorite sliku s vidljivim objektima koje želite klonirati. Isprobajte alat Clone stamp. 56 Patch tool Koristimo ga kad su u pitanju veće površine odjednom. Izaberemo Patch tool i imamo dvije opcije: u traci s opcijama kliknemo na source: aktivnim alatom odaberemo područje koje trebamo zakrpati te ga odvučemo u željeni dio s kojega želimo uzorak; kliknemo na destination: selektiramo alatom Patch područje s kojega želimo uzorak te ga odvučemo u ono koje treba zakrpati. 57 19

Zadatak 9. Na www.janica.hr nađite među fotografijama njen portret xxx i spremite ga. Retuširajte bore oko očiju koristeći alat Healing brush mekanih rubova ili alat Patch. 58 Alati za slikanje i retuširanje (2) Tonski prijelaz, kantica boje Gradient, Paint bucket Alati za brisanje Eraser tools Zamućivanje, izoštravanje, mrljanje Blur, Sharpen, Smudge Izbljeđivanje, zatamnjenje, zasićenje Dodge, Burn, Saturate 59 Tonski prijelaz (Gradient tool) Popunjava selektirana područja sfumato bojama određenog smjera. Povlačenjem miša sami određujemo smjer popunjavanja, a na traci s opcijama vrstu gradienta. Mogućnost kreiranja novog gradienta u paleti gradient U traci s opcijama biramo mu stupanj prozirnosti, vrstu i uzorak. 60 20

Kantica s bojom Paint bucket Popunjava selektirane dijelove pokrivnom bojom (foreground) bojom pozadine (background) određenim uzorkom (pattern). 61 Zadatak 10. Otvorite novi RGB dokument bijele pozadine, veličine prema vlastitom izboru. Nacrtajte nekoliko oblika. Ispunite oblike pokrivnom bojom, bojom pozadine, tonskim prijelazom od pokrivne prema prozirnom, od pokrivne prema boji pozadine. 62 Zamućivanje, izoštravanje, mrljanje Blur, Sharpen, Smudge tool Alat Blur progresivno zamagljuje dijelove preko kojih prolazimo četkicom, ali postupno Alat Sharpen izoštrava dijelove preko kojih prijeđemo njime Alat Smudge razmazuje boju površina preko kojih prelazimo 63 21

Izbljeđivanje, zatamnjenje, zasićenje Dodge, Burn, Sponge tool Alat Dodge posvijetljava vrlo delikatno i postupno Alat Burn potamnjuje. Sponge tool mijenja intenzitet boje; ako izaberemo u traci s opcijama Saturate, tada intenzivira boje, ako izaberemo Desaturate, onda ih gasi do sivih tonova. 64 Zadatak 11. Otvorite sliku prema vlastitom izboru. Označite dijelove slike i primijenite sljedeće alate: Blur Sharpen Smudge Dodge Burn Sponge 65 Alati za putanje, tekst, prikaz Alat teksta Typetools Alat selekcije putanje Path Selection tools Alat putanje Path tools Alati likova, crta Shape tools, line tool Alat dlana Hand tool Alat bilješki Notes tools Kapaljka,uzorkovanje boje, mjerka Eyedropper, Color sampler, Measure Zoom 66 22

Ostali alati Boja prednjeg plana foreground color Boja pozadine background color Zamjena boje prednjeg plana i pozadine Swapcolors Standardno postavljanje boje Default colors 67 Ostali alati (2) Standardni način prikaza Standard Mode Brzo maskiranje Quick Mask Mode Načini zaslonskog prikaza Screen Modes Pokretanje programa Image Ready Toggle Image Ready Traka s opcijama Prikazuje opcije raspoložive za pojedini alat 68 Označiti željeni dio Edit-copy Edit-paste Kopiranje 69 23

Zadatak 12. Otvorite novi dokument čija je veličina platna 400x300 px. RGB model, podloga bijele boje Nacrtajte plavi krug. Isprobajte četiri vrste četkica različitih oblika i boja. Kopirajte krug i promijenite mu boju tako da primijenite tonski prijelaz od pokrivne prema boji pozadine gdje je pokrivna boja RGB 24, 35, 78, a boja pozadine RGB 58,100, 234. 70 Filtri Skup instrukcija ugrađenih u program koji primjenjuju specijalne efekte na slike Omogućavaju izmjenu sveukupnog izgleda slike Rješavaju mnoge fotografske probleme 71 Umjetnički filtri Filter - Artistic Obojena olovka (Colored pencil) Izrez (Cutout) Suhi kist (Dry brush) Zrnatost filmske vrpce (Film Grain) Freska (Fresca) Neonski sjaj (Neon Glow) Nabacivanje boje (Paint Daub) 72 24

Umjetnički filtri (2) Lopatica (Palette Knife) Plastični ovitak (Plastic Wrap) Isticanje obruba (Poster Edges) Grube pastele (Rough Pastels) Štapić za mrljanje (Smudge Stick) Spužva (Sponge) Podložna boja (Underpainting) Vodena boja (Watercolor) 73 Zadatak 13. Otvorite sliku po vlastitom izboru. Označite pojedine dijelove i isprobajte sve umjetničke filtre mijenjajući početne parametre. 74 Filtri za zamućenje Filtar Blur Prosjek (Average) Zamućenje (Blur) Dodatno zamućenje (Blur More) Kvadratno zamućivanje (Box Blur) Gausovo zamućenje (Gaussian Blur) Zamućenje objektiva (Lens Blur) 75 25

Filtri za zamućenje (2) Zamućenje pokreta (Motion Blur) Zrakasto zamućenje (Radial Blur) Zamućivanje likovima (Shape Blur) Pametno zamućenje (Smart Blur) Površinsko zamućivanje (Surface Blur) 76 Zadatak 14. Otvorite sliku po vlastitom izboru. Označite pojedine dijelove i isprobajte sve filtre za zamućenje mijenjajući im početne parametre. 77 Potezi kistom - filtri Filtar Brush Strokes Naglašeni rubovi (Accented Edges) Potezi pod kutom (Angled Strokes) Križno rezbarenje (Crosshatch) Tamni potezi (Dark Strokes) Obrisi tintom (Ink Outlines) Prskanje (Spatter) Potezi prskanjem (Sprayed Strokes) Slikanje crnom tintom (Sumi-e) 78 26

Filtri za izobličavanje Filtar Distort Raspršeni sjaj (Diffuse Glow) Razmještaj (Displace) Staklo (Glass) Mreškanje oceana (Ocean Ripple) Gnječenje (Pinch) Polarne kooordinate (Polar Coordinates) 79 Filtri za izobličavanje (2) Filtar Distort Mreškanje (Ripple) Savijanje (Shear) Zaobljivanje (Spherize) Vrtnja (Twirl) Val (Wave) Cik-cak (Zig Zag) 80 Zadatak 15. Otvorite sliku po vlastitom izboru. Označite pojedine dijelove i isprobajte sve filtre za izobličavanje mijenjajući im početne parametre. 81 27

Filtri za točkanje Filtar Pixelate Nijanse boje (Color Halftone) Kristalizacija (Crystallize) Brušenje (Facet) Fragmentiranje (Fragment) Mezzotint Poentilizam (Pointillism) Mozaik (Mosaic) 82 Zadatak 16. Otvorite sliku po vlastitom izboru. Označite pojedine dijelove i isprobajte sve filtre za točkanje mijenjajući im početne parametre. 83 Filtri prikaza Filtar Render Oblaci (Clouds) Različiti oblaci (Difference Clouds) Vlakna (Fibers) Svjetlost objektiva (Lens Flare) Svjetleći efekti (Lighting Effects) 84 28

Zadatak 17. Otvorite sliku po vlastitom izboru Označite pojedine dijelove i isprobajte sve filtre prikaza mijenjajući im početne parametre. 85 Filtri za izoštravanje Filter-Sharpen Izoštravanje (Sharpen) Izoštravanje ruba (Sharpen Edges) Dodatno izoštravanje (Sharpen More) Pametno izoštravanje (Smart Sharpen) Maska izoštravanja (Unsharp Mask) 86 Zadatak 18. Otvorite sliku po vlastitom izboru Označite pojedine dijelove i isprobajte sve filtre za izoštravanje mijenjajući im početne parametre. 87 29

Filtri za skiciranje Filtar Sketch Plitke izbočine (Bas Relief) Kreda i ugljen (Chalk & Charcoal) Ugljen (Charcoal) Krom (Crhome) Conte crayon Crtaće pero (Graphic pen) Uzorak polutonova (Halftone pattern) 88 Filtri za skiciranje (2) Filtar Sketch Notni papir (Note paper) Gips (Plaster) Fotokopija (Photocopy) Mreža (Reticulation) Pečat (Stamp) Otrgani rubovi (Torn edges) Vodeni papir (Water paper) 89 Zadatak 19. Otvorite sliku po vlastitom izboru. Označite pojedine dijelove i isprobajte sve filtre za skiciranje mijenjajući im početne parametre. 90 30

Filtri za stiliziranje Filtar Stylize Raspršeno (Diffuse) Izbočenje (Emboss) Utisnuto (Extrude) Pronalaženje rubova (Find edges) Sjajni rubovi (Glowing edges) Izloženo suncu (Solarize) Popločavanje (Tiles) Ocrtavanje obrisa (Trace contour) Vjetar (Wind) 91 Zadatak 20. Otvorite sliku po vlastitom izboru. Označite pojedine dijelove i isprobajte sve filtre za skiciranje mijenjajući im početne parametre. 92 Liquify Rastapanje slike Filtar Liquify 93 31

Filtar - Extract Extract 94 Boje Modeli boja (način definiranja boja) RGB CMYK HSB Lab Režimi boja Način rada s bojama zasnovanim na modelima 95 Birač boja Color Picker 96 32

Paleta boja Promjena modela boja 97 Swatches Promjena sustava boja Mogućnost dodavanja boje u paletu swatches: kreirajte boju unoseći brojčane vrijednosti u svaki kanal boja, ovisno o modelu, kliknemo, odaberemo New swatch 98 Model RGB R - red (crvena) Vrijednosti od 0 do 255 G - green (zelena) Vrijednosti od 0 do 255 B blue(plava) Vrijednosti od 0 do 255 Bijela boja ima sve tri vrijednosti 255, a crna sve tri 0. 99 33

Model CMYK C cyan (svijetloplava) 0 100% M magenta (ciklama) 0 100% Y yellow (žuta) 0 100% K black (crna) 0 100% 100 Model HSB Hue (ton, osnovna boja) Stupnjevi od 0 do 360 Saturation (zasićenje, postotak boje umanjen za količinu sivila u njoj) 0 100% Brightness (svjetlina) 0 100% 101 Model Lab L luminiance (sjaj) a komponenta u rasponu od zelene do crvene b komponenta u rasponu od plave do žute 102 34

Režimi boja (mode) Bitmap Grayscale Duotone Indexed color RGB color CMYK color Lab color Multichannel 103 Bitmap, Grayscale, Duotone Bitmap Prikaz slike u dvije boje: crna i bijela Grayscale Prikaz slike u 256 tonova sive boje (od bijele do crne) Duotone Prikaz slike u dvije boje, potrebno je prvo prebaciti u grayscale, pa nakon toga odabrati duotone 104 RGB, CMYK, Lab color RGB color Priprema slika za računalne prezentacije, videomaterijale, digitalni format... CMYK color Priprema slike za tisak Lab color Boja određena ovim modom ista je na zaslonu računala i u tisku 105 35

Idealan za internet prikazuje 256 boja (zajedničke za PC i Mac) Indexed color Međutonovi 106 Indexed color (2) Palete: Exact paleta boja koje se nalaze u RGB modelu System (Mac OS) Mac sistemska paleta System (Windows) Windows sistemska paleta Web paleta s 216 boja, tzv. sigurnih boja Uniform uzorkovanje boja iz spektra boja 107 Indexed color (3) Palete : Perceptual generira namjensku paletu dajući prioritet bojama koje ljudsko oko bolje primjećuje Selective perceptual + boje za web Adaptive najčešće korištene boje na slici, najvjerniji prikaz slike Custom kreiranje vlastite palete Previous posljednja korištena paleta 108 36

Image Adjustments Prilagođavanje boja 109 Prilagođavanje boja (2) Image Adjustments Variations Prikaz varijacija originalne slike Prilagođavanje tona boje Prilagođavanje svjetline 110 Variations Fine Coarse Način djelovanja varijacija na originalnu sliku Prilagođavanje Shadows sjena Midtones srednjih tonova Highlights odbljesaka Saturation zasićenje slike promjena intenziteta boje na slici 111 37

Variations (2) Clipping izrezivanje Prikazuje sliku na kojoj su vrijednosti Highlights ili Shadows toliko jake da najsvjetliji dijelovi slike postaju potpuno bijeli. Snimanje i učitavanje korekcija Save snimanje korekcija slike nakon što su pronađeni idealni parametri Load otvaranje spremljenih korekcija slike 112 Zadatak 21. Otvoriti sliku po izboru Image Adjustments Variations Prilagoditi sliku po vlastitom izboru vrijednostima parametara Snimiti korekciju Otvoriti novu sliku i primijeniti korekciju 113 Ostala prilagođavanja - Histogram Dijagram Sivi tonovi Prikazuje sadrži li slika dovoljno detalja (sjena, osvjetljenja) da bi se uspješno izvršile korekcije. 114 38

Ostala prilagođavanja - Levels Image Adjustments Levels Prilagođavanje nivoa promjena svjetline slike Input Levels: Prilagođavanje crne točke Tamni tonovi Input Levels: Prilagođavanje bijele točke Input Levels: Prilagođavanje srednjih tonova Svijetli tonovi Prilagođavanje kontrasta 115 Ostala prilagođavanja Levels (2) Image Adjustments Auto Levels Automatska procjena tonskog opsega 116 Zadatak 22. Otvoriti sliku po izboru Selektirati željeni dio Image Adjustments Levels Napraviti prilagođavanje svjetline 117 39

Ostala prilagođavanja - Curves Profinjenije prilagođavanje razina Prilagodba moguća u svakoj točki Image Adjustments -Curves Nove izlazne vrijednosti slike Originalne vrijednosti slike 118 Ostala prilagođavanja Color Balance Ravnoteža boja Da bi se smanjila određena boja, dodaje se suprotna boja Image Adjustments Color Balance 119 Color Balance Prilagođavanje boja Prilagođavanje tonova Dok se prilagođavaju boje osvjetljenje slike se ne mijenja 120 40

Zadatak 23. Otvoriti sliku prema vlastitom izboru Odaberite Image Adjustments Color Balance Prilagoditi prema vlastitom izboru Ponoviti korake samo s dijelom slike i usporediti s originalom 121 Hue / Saturation Hue boje na slici Saturation zasićenje mijenja intenzitet boja i daje kontrolu nad svjetlinom Image Adjustments Hue / Saturation 122 Hue / Saturation (2) Izbor boje Stanje slike Promjena slike 123 41

Zadatak 24. Otvoriti sliku prema vlastitom izboru Image Adjustments Color Balance Prilagoditi prema vlastitom izboru Ponoviti korake samo s dijelom slike i usporediti s originalom 124 Brightness / Contrast Prilagođavanje tonskog opsega slike Image Adjustments Brightness / Contrast 125 Zadatak 25. Otvoriti sliku prema vlastitom izboru Image Adjustments Brightness / Contrast Isprobati prilagođavanje tonskog opsega Ponoviti korake samo s dijelom slike 126 42

Desaturation Image Adjustments Desaturate Eliminira boje na slici postavljajući sve u sivu skalu tonova 127 Treshold Image Adjustments Treshold Konvertira slike u slike većeg kontrasta ili crno- -bijele 128 Posterize Image Adjustments Posterize Definiranje broja tonskih slojeva za svaki kanal slike 129 43

Izbornik Select Ostale metode selektiranja Selektiranje dijelova slike, slojeva Moguće transformacije Primjena i pohrana 130 Color range: Izbornik Select Ostale metode selektiranja (2) 131 Izbornik Select Ostale metode selektiranja (3) Inverse Posebno korisna kada su prisutna područja s velikim kontrastom boja ili malim brojem boja na slici 132 44

Save for web File, Save for web Omogućeno nam je selektirati opcije optimiziranja i vizualiziranja pretpregleda prilagođene slike za objavu na internetu 133 Alati Padajući izbornik za pretpregled Možemo odabrati opciju vizualiziranja slika:original, trenutnu optimizacicju, 2 ili 4 verzije optimizacije Original Optimizirana slika 134 Mogućnosti optimiziranja za format GIF GIF je standardni format za slike s izraženim detaljima, logo, ilustracije s tekstom Za smanjenje dimenzije GIF slika potrebno je smanjiti broj boja u datoteci Jednobojna područja također se dobro uspijevaju komprimirati i u formatu PNG 8, tako da se sačuvaju detalji; jedini nedostatak je u tome što ga ne podržavaju svi preglednici. 135 45

Spremanje i optimizacija GIF i PNG 8 formata Izbornik formata Izbornik algoritam smanjenja boje Izbornik algoritam dithering Izbornik dithering transparencije Izbornik optimizacije Gubitak obično 5-50% kod GIF formata 136 Interlaced i Web snap Interlaced: vizualiziranje slike smanjene rezolucije u pregledniku tijekom učitavanja. Web snap: specificira se stupanj tolerancije za konverziju boja u ekvivalentne boje sličnije paleti Web. 137 Prozirnost (transparency) Mat (matte) Opcija prozirnost - mat djeluje na prozirne piksele na slici Da bi pikseli s prozirnošću većom od 50% postali potpuno prozirni, a s manjom od 50% potpuno mat, odaberite prozirnost, te izaberite none iz izbornika Matte Da popunite potpuno prozirne piksele određenom bojom, odaberite boju iz izbornika Matte i isključite prozirnost 138 46

Primjer 1. A: originalna slika B: slika kojoj je prozirnost odabrana bojom iz izbornika Matte 139 Primjer 2. C: prozirnost odabrana bez Matte D: isključena prozirnost s jednom bojom iz Matte boja iz Matte mora biti boja pozadine web-stranice 140 Optimiziranje jpeg formata Smanjenje dimenzija dokumenta, maksimalno komprimiranje Postupno učitavanje, pritom je manje kvalitete dok se potpuno ne učita Lagano zamagljenje radi smanjenja dimenzije, preporučuje se između 0,1 i 0,5. Uključuje se icc profil koju neki browseri koriste za isoravak boje Prozirni pikseli popunjavaju se tom bojom 141 47

Akcije Pritisnite Stop za prekidanje snimanja Gumb Record je crvene boje sve dok se snimaju operacije 1. U paleti Actions odaberite mapu u kojoj želite stvoriti novu akciju 2. Kliknite na gumb kreiraj novu akciju 3. Unesite ime koje želite dati akciji 4. Pritisnite Record za početak snimanja svih operacija koje ćete izvršiti do pritiska na Stop 142 Otvorite sliku Izvršavanje akcije Paleta Actions Play 143 Zadatak 26. Otvorite sliku prema izboru i snimite sljedeće akcije: U mapi Default actions kreirajte novu akciju koju ćete nazvati smanjenje boja Pritom primijenite operacije: invertiranja boje, smanjite zasićenje na skoro 0 Promijenite veličinu slike na 500*400 px Otvorite dvije nove slike te primijenite akciju smanjenje boje istovremeno na obje slike 144 48

TEKST Konturni (outlined) tekst vektorski lebdi nad slikom može se mijenjati moguće ga je rasterizirati Bitmapirani (bitmapped) tekst rasterski pikseli zalijepljen na sliku 145 Pisanje teksta Odabrati alat u traci s alatima za pisanje teksta Dva načina: kliknuti na mjesto na kojem ćete započeti pisati tekst nacrtati okvir za tekst (bounding box). Tekst se uvijek smješta na novi sloj 146 Traka s opcijama Raspoloživi fontovi Veličina teksta Orijentacija teksta Stilovi teksta 147 49

Traka s opcijama (2) Poravnanje teksta Putanje Stupanj nazubljenosti rubova Boja teksta Paleta Character 148 Paleta Character Prored Razmak među znakovima Vertikalni položaj Pomicanje osnovne linije Udaljenost između slova Horizontalni položaj 149 Paleta Paragraph 150 50

Zadatak 27. Otvorite novo platno veličine 20x10 cm Odaberite font Arial, veličine 36 pt, boju vrijednosti 240, 11, 140 (RGB model) Upišite svoje ime i prezime u dva reda Promijenite boju teksta u RGB modelu vrijednosti 15, 35, 230 Promijenite veličinu u 60 pt Promijenite orijentaciju imenu i razmak među redovima 151 Rasterizacija teksta Potrebna je radi uporabe svih filtra Nakon rasterizacije tekst se više ne može mijenjati Aktivirati sloj teksta i izabrati Layer Rasterize Layer Sve slojeve rasterizirati pomoću Layer Rasterize All Layers 152 Ispisivanje teksta po putanji Warp text okvir za dijalog nudi 15 definiranih putanja 153 51

Ispisivanje teksta po putanji (2) Nakon odabira putanje definiraju se ostali parametri Blend savijanje riječi prema gore / dolje Horizontal Distortion izobličenje s jednog kraja riječi na drugi Vertical Distortion izobličenje riječi odozgo prema dolje 154 Zadatak 28. Otvorite novo platno Default Photoshop Size Napišite 5 muških / ženskih imena Na svakom imenu primijenite drugi efekt ispisivanja teksta po putanji 155 Transformacija Mijenjanje veličine veličina slike, platna, selekcije Rotiranje Rotiranje selekcije Slobodno transformiranje Okretanje Transformacija selekcija nakošavanje skew izobličenje distort promjena perspektive Liquify 156 52

Promjena veličine selekcije Edit Transform Scale Tipka Shift čuva proporcije slike 157 Napraviti selekciju Rotiranje selekcije Edit Transform - Rotate 158 Rotiranje platna za 90 ili 180 Image Rotate Canvas Odabrati željenu opciju 159 53

Rotiranje platna za određeni kut Image Rotate Canvas Arbitrary upisati kut odabrati smjer rotiranja 160 Okretanje - Flipping Edit Transform Flip Horizontal Edit Transform Flip Vertical 161 Slojevi Omogućavaju nam rad na pojedinačnim elementima Prozirna područja omogućuju vidljivost elemenata podsloja Mogućnost mijenjanja redoslijeda slojeva i vidljivosti 162 54

Paleta Layers (slojeva) Prikazuju sve slojeve, setove slojeva i efekte pojedinog sloja Kreiranje, sakrivanje, vizualiziranje, kopiranje, brisanje slojeva Pristup i iz glavnog izbornika 163 P a l e t a L a y e r s Ako je uključeno sloj je vidljiv, ako to isključimo sloj će biti sakriven Minijatura sloja Set (grupa) slojeva Sloj pozadine, ne možemo ga mijenjati dok ga ne pretvorimo u običan sloj 164 P a l e t a Izbornik palete layer L a y e r s Stil sloja Efekti sloja layer1 Stvaranje novog seta slojeva Stvaranje novog sloja Novo prilagođavanje, pritom se kreira novi sloj za to podešavanje Set1 sadrži slojeve layer3 i layer2 165 Brisanje 55

Blokiranje Blokiranje - lock all Blokiranje prozirnosti Blokiranje položaja piksela u sloju Dovoljno je da kliknemo na odabrani sloj i uključimo/isključimo jednu od opcija 166 Stvaranje slojeva Layer, new Stvaranje sloja iz selektiranog dijela slike Layer, new, layer via copy Layer via cut 167 Set slojeva Kreiranje novog seta slojeva izborom u paleti Layers ili u glavnom izborniku Layer, new, layer set Drop and drag metodom premještamo postojeće slojeve u odabrani set slojeva 168 56

Sloj pozadine Zaštićen sloj Moguće ga je pretvoriti u običan sloj dvostruki klik, promjena imena sloja glavni izbornik Layer, new, layer from background Moguće ga je opet pretvoriti u sloj pozadine Layer, new, background from layer 169 Povezivanje slojeva Paleta Layers aktivacijom polja pored ikone oka spajamo sloj s trenutno aktivnim slojem Lanac ukazuje na to da je sloj povezan s aktivnim slojem Pomicanjem sadržaja aktivnog sloja pomičemo i povezane slojeve 170 Spajanje slojeva Spajanje (merging) smanjuje veličinu sliku Layer Merge Down spaja izabrani sloj s onim koji se nalazi neposredno ispod njega Layer Merge Visible spaja sve vidljive slojeve. Spljoštavanje (flattening) Layers Flatten Image spaja sve vidljive slojeve u jedan sloj. 171 57

Učinci na slojevima Stilovi sjene odsjaj spušteni rubovi reljef popunjavanje bojom. 172 Rasteriziranje slojeva Ne mogu se koristiti alati bojanja ili filtri na slojevima koji sadrže vektorske podatke slojevi teksta slojevi oblika generirani podaci. Označite sloj te odaberite layer, rasterize. 173 Primjer 1. Perspektivna sjena Otvorite novi RGB dokument te alatom teksta upišite tekst po želji. U pozadinu stavite gradient od crnog prema sivom. Napravite kopiju sloja teksta te odaberite transform, flip vertical. Povlačite zrcalni sloj dok se gotovo ne dodiruje s početnim. 174 58

Zrcaljeni sloj rasterizirajte te primijenite transform perspective, povlačite hvataljke desnog i lijevog ruba dok ne budete zadovoljni rezultatom. Sa d stavljamo crnu pokrivnu boju te sa shift+alt+backspace popunjavamo njome sloj teksta S blur, gaussian blur radijus 2 završavamo s efektom. 175 Primjer 2. Efekt kretanja Otvorite sliku na koju želite primijeniti efekt kretanja. Načinite kopiju pozadine. Primijenite motion blur. Daljinu namjestite na 40 do 50 točaka. Pritiskom tipke d stavljate kao pokrivnu boju crnu. Kliknite ikonu maske u paleti slojeva. 176 Odaberite alat Brush te primijenite veliki kist mekanih rubova i njime premažite dijelove za koje ne želite da se pomiču. Ako je učinak prejak, smanjite opacity. Ako ste obrisali previše boja stavite sa x bijelu pokrivnu boju te kistom prelazite po području. 177 59

Primjer 3. Tekstom oko svijeta Otvorite novi dokument, nacrtajte krug ili dodajte fotografiju planeta. Napišite nešto i napravite kopiju tog sloja. Na originalu sloja sa slovima uključite warp text na arc i blend 100% (izaći će iz okvira). Na kopiji sloja s tekstom stavite na warp text blend -100. 178 Pomoću alata Move spojiti tekstove da čine krug, ako je potrebno sa ctrl+t promijenite veličinu teksta (transform). Rasterizirajte slojeve teksta te ih stopite. Pomoću free transform kliknite na kutnu hvataljku te smanjite tekst da ide oko kruga, a u traci s opcijama upišite u H 40%, rotate - 30. Izbrišite gumicom na sloju gdje je krug slova koja se ne bi trebala vidjeti. 179 Primjer 4. Zvjezdana prašina Otvorite novi RGB dokument. Sa d stavite crnu boju za pokrivnu, te stvorite novi prazan sloj. Izaberite kist u standardnoj kategoriji: mekan, debljine 35 točaka, te kliknite po slici nasumice, bez povlačenja. To isto napravite kistom debljine 21 i 13. Odaberite kategoriju kista assorted brushes te kistom starburst-large od 49 točaka ponovno nasumice klikajte; to isto još jednom napravite kistom crosshatch1 od 25 točaka debljine. 180 60

Kvadratnom selekcijom selektirajte što gušći dio, te s edit, define brush stvorite novi kist po nazivu Zvjezdice. Na brush tip shape smanjite dijametar 156, a spacing povećajte na 50%. Shape dyinamics - control fade namjestite na 25. Scattering neka iznosi 142%, count 3, count jitter 35%. Stvorite novi sloj te upotrijebite novi kist, možete još dodati stil outer glow. 181 Primjer 5. Električna slova Otvorite novi RGB dokument, te sa d stavite crnu boju kao pokrivnu. Alatom teksta nešto napišite. Selektirajte slova (pomoću magic wind) te sakrijte sloj slova i aktivirajte sloj pozadine. Selekcija je još uvijek vidljiva, sad kliknite u glavnom izborniku Edit, stroke - širina 8 točaka, location-outside i deselektirajte. 182 Primijenite Filter, blur, gaussian blur od 6 točaka, zatim filter, render, defference clouds, te stisnite ctrl+i za invertiranje efekta. Otvorite hue i saturation, te kliknite na okvir colorize i postavite parametre na 238, 62, 9. Učinite vidljivim sloj teksta te u paleti sloj blend mode (umjesto normal) stavite overlay (premaz). 183 61

Primjer 6. Gel slova Otvorite RGB dokument i odaberite tamnoplavu boju ispune te nešto napišite. Posvijetlite boju ispune i sa ctrl+klik odaberite slova. Pod select, modify, contract sažmite za 2 točke selekciju te će se ona s alt+backspace popuniti bojom prednjeg plana. 184 Poništite selekciju i udvostručite sloj. Filter, blur, gaussian blur 3 točke odaberite emboss, dubinu na 300, veličinu na 12, highlight opacity na 40 %, a shadow mode na color dodge (osvjetljenje boje), te crni uzorak promijenite u sivi. Sakrijte pozadinu, pa merge visible, pa drop shadow. 185 Primjer 7. Umetanje slike u slova Otvorite novi dokument te sa d odaberemo crnu pokrivnu boju. Napišite nešto debelim velikim slovima, font prema vlastitom izboru. Otvorite sliku koju želite umetnuti u slova, te alatom Move spustite u izvorni dokument. 186 62

Sada imate tri sloja: pozadinu, tekst i sliku koju želite umetnuti u tekst. Učinite aktivnim sloj na vrhu te pritisnite ctrl+alt+g da se utisne slika u slova. Alatom Move pomičemo je do željenog rezultata. Spojite slojeve u jedan. 187 Primjer 8. Drvena slova Otvorite novi dokument, aktivirajte gradient; klikajući na ikonu gradient dobivamo editor gradienta, tada duplim klikom na lijevi donji klizač odaberite u color picker custom, pa pantone 722, te desni klizač pantone 732; spremite novi gradient. Kliknite na radial gradient te od središta prema gore povucite crtu. Filter noise, add noise pod amount 12%, gaussian, monochromatic. Filter, blur, motion blur (kut 33, udaljenost 10). 188 Filter, sharpen, unsharp mask (amount 500%, radius 9, treshold 1). Napišite riječ te rasterizirajte sloj, filter brush strokes, sprayed strokes (length 12, radius 7, right diagonal). Odaberite slova, pa select invers, backspace da se eliminiraju bijeli ostaci oko slova, pa opet select inverse. Sloj teksta izbrišite, a sa ctrl+j stavljamo selekciju na poseban sloj. Sloj pozadine sa ctrl+a i delete označite i obrišite s backspace. 189 63

Dodajte bevel i emboss, dubina na 400, veličina na 4, highlight opacity na 90%, drop shadow, veličina na 8, opacity na 50%. Unutar slova lasom napravite uske selekcije te ih kopirajte na zasebni sloj. Blend mode neka bude color burn. Kopirajte sloj 2 puta te blend mode stavite na screen, uključite move tool i dvaput pomaknite strelicu udesno i jednom dolje. 190 Primjer 9. Umetanje slike u sliku Otvorite sliku koju želite staviti za pozadinu te postavite crnu boju za pokrivnu. Otvorite drugu sliku koju namjeravate staviti u kolaž te alatom Move odvucite u pozadinsku sliku. U dnu palete slojeva kliknite na masku, zatim na gradient (tonski prijelaz) i to background to foreground, te povucite preko slike na gornjem sloju. Vucite dok vam se rezultat ne svidi 191 ili alatom Brush, velikog promjera mekanih rubova; s crnom pokrivnom bojom izviruje pozadina nad gornjim slojem, a s bijelom obrnuto. 192 64

Primjer 10. Zlatna slova Otvorite novi RGB dokument, pomoću alata za pisanje teksta napišite nešto. Ctrl+klik u sloj teksta selektirajte slova, te u izborniku select sa save selection pohranite selekciju kako vam se nudi klikanjem OK. Deselektirajte klikanjem ctrl+d, te obrišite sloj slova. U paleti channels kliknite na alpha1 te s gaussian blur (1-3) zamutite. 193 U paleti slojeva učinite aktivnim sloj pozadine, te s filter, render, lightning effects samo kliknite dolje na alpha 1 i kliknite OK. U image adjustments, curves ucrtajte točke (1,3) i (3,1). U izborniku Select odaberite load selection, odaberite alpha 1 i OK. Sada morate proširiti selekciju na select modify, expand za 3. 194 Sada s ctrl+j selektirani dio postavljate na zaseban sloj Idite na pozadinu, s ctrl+a selektiramo sve te obrišemo s backspace. Kliknite na sloj teksta, dodajte drop shadow, color overlay (RGB 205, 165, 16), blend mode overlay 195 65

Primjer 11. Kapljice vode Otvorite novi RGB dokument te stvorite novi sloj, kliknite x za bijeli foreground te s alt+backspace ispunite novi sloj bijelom. Filter, noise-add noise, amount: 400%, distribution-gaussian, monochromatic Filter blur-gaussian blur od 5 točaka Image adjustment - treshold 136, pa ponovo isti gaussian blue filter od 5 točaka, pa ponovo u treshold dok mrlje ne budu velike kao kapi. 196 Kliknite čarobnim štapićem negdje u bijelu pozadinu, pa delete, select inverse te u color picker za foreground odaberite RGB (181, 181, 181). Alt+backspace - označeni dio ispunjava se s tom bojom Deselektirajte te odaberite bevel i emboss, soften na 6, highlight opacity na 100%. Primijenite stil stroke, size 1, center, opacity na 50%, tamnosiva boja. 197 Selektirajte kapljice vode ctrl+klik na sloj kapljica te primijenite gaussian blur 1 do 2 točke, izbrišite sve slojeve osim kapljica. Otvorite sliku gdje želite primijeniti kapljice, alatom Move pomaknite kapljice u tu sliku te u blend mode stavite hard light. 198 66

Primjer 12. Slova igračke Otvorite novi dokument, svako slovo posebno istaknite te mu promijenite boju. U blending mode stavite drop shadow na 8 i isključite global light. Kliknite bevel i emboss contour, dubina na 160%, veličina na 9, soften na 7. Kod shading kut na 174, atitude na 39, highlight opacity na 87%, shadow opacity na 37%. 199 Kliknite na satin, opacity na 10%, kut na 59, udaljenost na 1, a veličina na 250, contour polukružan oblik. U popisu stilova još kliknite na stroke, veličinu na 3, opacity na 82%. Kao način ispune gradient od sivog do bijelog s nekoliko prijelaza, stil reflected, isključite align with layers, angle na 35, scale na 58%. Svako se slovo može staviti na poseban sloj te s free transform zarotirati po želji. 200 Primjer 13. 3D slova Otvorite novi RGB dokument i alatom teksta napišite nešto. U paleti layer izvršite convert to shape. Ctrl+t za free transform, pritisnutom shift+alt+ctrl i gornju hvataljku razvlačite na gore. Sada rasterizirajte sloj. Načinite kopiju sloja, stavite d za crnu pokrivnu boju, te sa shift+alt+backspace popunite slova crnom bojom. 201 67

Alt+ctrl i strelica udesno dvadesetak puta, te kopirane slojeve stopite u jedan. Možete dodati tonski prijelaz (gradient od crne do sive). 202 Primjer 14. 3D kugle Kreirajte novi RGB dokument veličine 500x500 px. Neka je pozadina linear gradient pri čemu je pokrivna boja #6c256d, boja pozadine #21081f. Odaberite alat za crtanje elipse i nacrtajte otprilike jedan krug bijele boje. Primijenite gradient overlay sa sljedećim parametrima: blend mode normal, opacity na 100%, linear gradient od #6546d0 do #301980, angle 90, scale 100%, location 70%. 203 Primjenite inner glow sa sljedećim parametrima: blend mode normal, opacity na 75%, noise 0%, boje #3e2a7c foreground to transparent, technique softer, choke 0%, size 4 px, contour linear, range 50%, jitter 0%. Stopite sve slojeve. Upotrijebite alat Burn (midtones 30%) na lijevoj i desnoj strani vašeg kruga. Odaberite Selection, Load selection, zatim Select, Contract na otprilike 4 px. Kreirajte novi sloj, odaberite alat Gradient i to white to transparent linear gradient i ispunite označeni dio. 204 68

Načinite selekciju gornjeg dijela gradienta u obliku elipse. Upotrijebite ctrl+shift+i za invert i pomoću delete očistite, deselektirajte. Sada primijenite alat Blur (Mode: normal, strength 50%) na lijevoj i desnoj strani sjajnog dijela kugle. Kreirajte još jedan sloj, selektirajte koncentrični krug manjeg polumjera od početnog kruga i ispunite ga bijelom bojom. Napravite još jedan manji koncentrični krug i očistite mu unutrašnjost. 205 Ponovite to još tri puta, tako da vam ostane dio kružnog vijenca u gornjem desnom dijelu kruga. Primijenite Overlay s parametrom opacity 35%. Stopite sve slojeve i napravite kopiju tog sloja. Koristite Edit Transform Flip vertical i pomaknite kuglu kao da se zrcali. Primijenite Quick Mask Mode. Vratite Standard Mode. Označite donju trećinu pravokutnom selekcijom. Pomoću delete očistite taj dio i namjestite na paleti layer opacity barem 50%. 206 Primjer 15. Kromirana slova Kreirajte novi RGB dokument, bijele podloge, veličine 500x500 px. Napišite velikim tiskanim slovima (što deblji font) nekoliko riječi po izboru. Rasterizirajte sloj i primijenite sljedeće stilove: Drop Shadow s parametrima: blend mode: multiply, opacity 75%, angle 120, uključen global light, distance 2 px, spread 0 px, size 5 px, contour: linear, noise 0%. 207 69

Bevel and Emboss: style: inner bevel, technique: smooth, depth 371%, direction: up, size 5 px, soften 0 px, angle 120, uključen global light, attude 30, gloss contour: cone, highlight Mode: normal, opacity 100%, shadow Mode: normal, opacity 40%. Satin: blend mode: screen, opacity 50%, angle 19, distance 15 px, size 13 px, contour: gaussian, uključeni anti-aliased i invert. 208 Primjer 16. Dodavanje kiše Otvorite fotografiju sunčanog pejzaža. Duplicirajte sloj te primijenite filter-noise-add noise gaussian-monochromatic-max amount. Filter-blur-motion blur-angle 70, udaljenost 30 px. Postavite blending mode na screen da se posvijetli. Na levels namjestite crni trokutić prema sredini. Stvorite novi sloj, resetirajte sa d boje, te odaberite prvi gradient, linear odozgo nadolje, opacity na 75%, blending mode multiply. 209 Primjer 17. Match color Otvorite bilo koje dvije slike u Photoshopu. Aktivirajte jednu sliku, te na image adjustments kliknite na match color, pod source odaberite ime druge slike i namjestite po želji. 210 70

Primjer 18. Adjustment layer Nađite sliku cvijeta u boji na crnoj pozadini. New fill or adjustment layer u paleti slojeva i odaberite hue i saturation. Stavite saturation na 0, smooth kistom crne pokrivne boje prelazite tamo gdje želite originalnu boju. 211 Stvorite new hue saturation layer, uz uključenu opciju colorize, odaberite nijansu po želji, stavite opciju image adjustments invert i bijelom bojom kista bojite gdje želite. Ovaj korak ponavljajte koliko god želite puta, u raznim bojama od hue i saturation. Stopite slojeve na kraju. 212 Primjer 19. Kolaž Postavite ruler, guides po slici (preporuka je 2 horizontalne i 2 verikalne da dobijete 9 pravokutnika). S ractangular marque selektira se svaki pravokutnik, postavimo ih sa ctrl+j na zasebne slojeve, izbrišemo originalni sloj. Sada selektiramo prvi sloj te postavimo drop shadow na 5 distance, size 20, spread 40. 213 71

Stroke bijele boje 6 px na outside. Stilove sa prvoga kopirajte na ostale slojeve. Svaki sloj transformacijom malo rotirati. 214 Primjer 20. Konture Otvorite sliku, desaturirajte je, duplicirajte sloj i novom sloju stavite adjustments invert. Sada stavite blending color dodge, te filter gaussian blur oko 10-30 px. Po želji hue i saturation uz colorize za detalje. 215 Preporučujemo http://www.webdesign.org/web/photoshop http://www.citrus-dizajn.com/ http://www.tutorijali.net/photoshop http://www.ri-web.org/photoshop-tutorials.html http://myphotoshopbrushes.com/ http://www.alt-web-design.com/tutoriali http://www.znanje.org/knjige/computer/photoshop/03/ind ex.htm http://www.entheosweb.com/photoshop/default.asp http://www.tutorialized.com/tutorials/photoshop/1 216 72

Flash Grafika, tekst, multimedija vježbe 217 Uvod Program Flash nastao je kao animacijski program za web (crtanje, animiranje, izrada gumbića za navigaciju, komunikacija sa serverom). Multimedijalno okruženje za objedinjavanje teksta, fotografije, zvuka, animacije i videa u projekte čiji karakter može biti umjetnički, zabavni, informativni ili kombinacija svega navedenoga. 218 Radno okruženje Format dokumenta nastalog u Flashu ima nastavak.fla. Radno okruženje je prilagođeno kreiranju grafičkih elemenata i njihovoj animaciji u vremenu. Elementi okruženja su: Pozornica (Stage) Vremenska crta (Timeline) Kutija za alat (Toolbox) Knjižnica (Library) Paneli 219 73

Radno okruženje (2) Središnji dio radnog okruženja dodijeljen je pozornici (stage). Ona oslikava svijet dvodimenzionalnog koordinatnog sustava s početkom u gornjem lijevom kutu, čije se dimenzije (u pikselima) određuju kao globalne za cijeli film. Sam film može se organizirati po scenama. Tako je pri kreiranju praznog dokumenta kreirana i aktivna prva scena (Scene 1). 220 Radno okruženje (3) Svakoj sceni pridružuje se vremenska linija (timeline) koja dodaje treću prostornu dimenziju kroz koncept slojeva (leyers) i vremensku komponentu, preko kadrova (frames). Slojevi se mogu promatrati kao prozirne folije složene jedna na drugu, određujući tako što se nalazi ispod, a što iznad. 221 Frame kadar (okvir) Pojam kadar dolazi iz svijeta filma, predstavlja stanje u nekom promatranom trenutku. Brzina animacije određena je brojem kadrova po sekundi (frames per second, fps), što se također općenito određuje na nivou animacije - filma. Ključni kadar (Keyframe) je onaj s točno definiranim stanjem elemenata određenog sloja. Uvođenje novih elemenata ili veće promjene stanja postojećih zahtijeva stvaranje ključnih kadrova (kratica F6 - kopira se sadržaj prethodnog ključnog kadra). 222 74