Kako dodati preprosto animacijo v userbar s pomočjo Photoshopa?

Iz Partis Wiki

Iz mojega prejšnega nasveta Kako se naredi preprosti userbar v Photoshopu CS3?, ste se naučili narediti osnoven userbar. Bi radi naredili preprosto animacijo?, Radi znali kaj več? Imeli bolj privlačne userbare? Poglejmo si kako dodamo animacijo userbaru, ki smo ga naredili v prejšni vaju. Naredili bomo da napis MEMBER potuje.

1. Odprite UB-partis.si.psd

2. Če še nimate odprte okna za dodajanje animacije ga dodajte tako, da kliknete Window in nato četrto opcijo Animation. Prikaže se vam okno za dodajanje animacije (glej sliko)

3. Kliknete Duplicates Selected Frames nastane nov Frame.

4. Kliknite na prvi frame in izberite layer z imenom member.

5. Prestavite napis na bolj na konec userbara in nujno imejte označen prvo frame. (tako kot kaže slika).

6. Nato označite drugi frame in isti napis prestavite na levo. (glej sliko)

7. Nato označite prvi frame in kliknete Duplicates Selected Frames ta novi framme je sedaj pod številko dva in ga prestavite na konec da bo imel številko 3. (glej sliko)

8. Označimo prvi frame in kliknemo na Tweens animation frames. Za število si izberemo 5 ostalo pustimo tako kot je (za lažjo predstavo glejte slike)

9. Nastali so nam šest novih framov. Sedaj izberimo osmi frame in postopek ponovimo kot smo pri 8. Točki. Izgled je sedaj takšen imeti moramo 15 framov.

10. Izberimo vse frame tako ta kliknemo na prvi frame in pritisnemo SHIFt in ga držimo vse dokler ne izberemo zadnji frame v tem primeru je to 15. Frame.

Kliknimo z desnim miškinim gumbom na 0,07 sec v prvem framu in nastavimo čas na 0.5 sec.

Če še nimaste nastavljeno predvajanje na Forever ga nastavite tako, da kliknete tam kjer piše Once in enostavno zamenjajte z Forever.

11. Sedaj lahko preizkusite vašo animacijo z klikom na znak Play. Če se vam zdi premikanje prepočasno ali prehitro spremenite čas na več ali manj. Jaz sem ga na 0,1.

12. Nazadnje še samo shranimo naš izdelek in ker je animacija moramo shraniti pod .gif. Kliknite File=> Save for Web&Devices. Ali pritisnite Alr+Ctrl+Shift+S.

Priporočam nastavitve kvalitete kot je prikazano na sliki lahko pa nastavite poljubno.

Če je kakšno vprašanje pošljite ZS. Lp CompSta.