Kako postati profesionalni dizajner? Evo potrebnih uslova koje sam ja otkrila: kvalitetan rad, sposobnost kreiranja novih ideja, visoka tehnička stručnost, umeće predstavljanja  i ubeđivanja, motivacija.

Ova mala vežba je namenjena za jedan od tih uslova. Kreiranje novih ideja.

Pokazaću kako se za svega nekoliko minuta može kreirati flash pregled grafika i fotografija, kao flash slajd iznad.

Ali, cilj vežbe nije napraviti slajd, nego napraviti originalan slajd. Dostupna tehnologija nam omogućava da bez obzira na tehničku stručnost kreiramo animaciju koja izgleda profesionalno. To je lakši deo. Cilj je da napravimo animaciju koja izgleda ne samo profesionalno, nego jedinstveno i tržišno upotrebljivo.

Da krenemo.

Prvo, potrebne su Vam pojedinačne slike, odnosno grafike. Evo kako sam kreirala naslovnu grafiku za slajd.

Prvo, kreirala sam radnu površinu veličine 600x250 i obojila je bojom #9C0902:



(Inače, nije bitno koji softver koristite za obradu grafike. Ovaj primer sam uradila u Adobe Fireworks-u, a možete da ga uradite i u Photoshopu, Ilustratoru, Gimpu... Opisaću princip rada, tako da rezultat možete da ponovite u bilo kom grafičkom programu.)

Na ovu površinu sam primenila fade efekat (efekat gubljenja boje i prelivanja u boju ispod). Ima raznih varijanti fade efekata, a ja sam primenila dupli dijagonalni fade. To je ispalo ovako:



Fade efekat obično ima mogućnost kontrole centriranja i korekcije prikaza tako da sam iskoristila grafičke komande koje vidite na slici gore i menjala primenu efekta. Posle par poteza, dobila sam ovu grafiku:



Fade se inicijalno primenjuje na pozadinu koja je providna. Zbog toga ovde vidimo dosta bele površine. Pošto želim crvenu grafiku, zamenila sam pozadinu sa crvenom bojom i dobila:



Bolje, ali je fade i dalje dosta vidljiv. Zato sam primenila efekat zamućenja, odnosno blur. Konkretno, Gaussian blur. Pošto ovaj efekat omogućav određivanje radijusa zamućenja, postavila sam radijus 18. Grafika je ispala ovako:



Unutrašnji deo grafike je dobar, ali su zamućene i ivice. To sam popravila tako što sam iza ove površine dodala još jednu površinu, koja je ravnomerno obojena u boju #9C0902:



To je već bolje. Ustvari, to je površina koju želim da iskoristim.

Sad je vreme da dodam tekst. Izabrala sam font Impact i dodala tekst:



Izgleda dobro, ali tekst je u potpunosti „slepljen“ uz pozadinu.

Možemo da ga učinimo izražajnijim tako što ćemo na tekst dodati efekat senke, odnosno drop shadow. Taj efekat ima više podešavanja, a ja sam izabrala da senka bude blizu samog teksta, tako da izgleda kao ivica oko fonta. Posle primene senke na tekstu, slika izgleda ovako:



Da li vidite razliku između teksta sa i bez senke? Evo uveličano:



To je to.

Ostale grafike spremite sami. Za početak, nek Vam veličina svih grafika koje ćete koristiti u slajdu bude ista, i to 600x250 piksela.

Kada spremite sve grafike, možemo da napravimo flash slajd. Pre nego što počnemo, zapamtite da je najbitnija ideja. Razmislite koju priču možete da ispričate, na koji način možete da privučete pažnju, koji je najbolji deo proizvoda koji vredi predstaviti.

Dobro uputstvo je da na jednoj grafici imate maksimalno tri elementa. Slika, naslov, i po potrebi, dodatni tekst.

Kako napraviti flash slajd profesionalnog kvaliteta za manje od 7 minuta

Prvo, sve grafike koje ste spremili pretvorite u .jpg format (ako niste) i imenujte redosledom kojim će se prikazivati. Prvi fajl nazovite 1.jpg, drugi 2.jpg i tako dalje.

Možete da kreirate koliko god fajlova želite, a ako želite da flash kreirate bez ikakve korekcije konfiguracionog fajla, onda je potrebno da kreirate sedam grafika.

Skinite CU3ER paket sa flash osnovom koja će prikazivati Vaše grafike i fotografije. Paket skinite ovde. (Original fajlove, ali na engleskom i drugačije konfigurisane, skinite ovde. Obratite pažnju da sam uputstvo napisala za naš paket, tako da prvo iskoristite njega, a posle original.)

U .zip fajlu imate nekoliko dokumenata i foldera. Vaše spremljene grafike prebacite u otpakovan direktorijum /images.

Kada to uradite, pokrenite fajl demo.html i videćete Vaš flash slajd.

Ako imate više ili manje od sedam grafika, ili ako želite da utičete na funkcionalnost pregleda, potrebno je da promenite konfiguracioni fajl, config.xml.

Neki od elemenata koje možete da menjate su: 1) veličina i pozicija sata za merenje vremena pred automatsko rotiranje grafika, 2) veličina, pozicija, izgled i druge karakteristike dugmeta „Prethodna grafika“, 3) veličina, pozicija, izgled i druge karakteristike dugmeta „Naredna grafika“:



Naravno, dve glavne promene koje menjate su broj grafika koje se koriste u slajdu i način tranzicije između njih. Otvorite config.xml i pratite uputstva. Korisno je da razumete HTML ili XML, a ako ne razumete, koristite logiku i trebalo bi da bude dovoljno jednostavno.

Još jedna stvar. Ako želite da kreirate pregled grafika koje nisu dimenzija 600x250, već neke druge, to menjate u fajlu demo.html. Evo kako. Prvo, potrebno je da su sve grafike iste veličine. Zapamtite koja je to veličina i otvorite fajl demo.html u notepadu (desni klik na demo.html, opcija Open with > Notepad).

Pronađite liniju:

Swfobject.embedSWF("cu3er.swf", "cu3er-container", "600", "250", "9", "expressInstall.swf", flashvars, attributes).

Zamenite 600 i 250 sa veličinama Vaših grafika.

I to je to! Odlična vežba da kreativnost ispoljite na ubedljiv način, bez mnogo napora i za kratko vreme.