Prezentacija Flash CS4 slike
Mnogi moji kupci žele mali prezentacijski prikaz na naslovnoj stranici svoje trgovine, bloga ili web stranice. Ovo bi mogao biti prezentacija istaknutih proizvoda u trgovini ili najnovijih fotografija koje su dodali na svoj blog.

Ova prezentacija može se napraviti na više načina, uključujući JavaScript, gif animaciju i FlashR, Volim koristiti Flash jer je to jednostavan i brz način za stvaranje jednostavnog prezentacije koji prikazuje nekoliko slika jedna za drugom. S druge strane, lako je izraditi i napredniji dijapozitiv temeljen na XML-u s efektima prijelaza između slika. U sljedećih nekoliko vodiča izgradit ćemo prezentaciju slika u Flash CS4-u počevši od ravnog prikaza slike i nadogradnje do napredne verzije s efektima prijelaza.

Jedine stvari koje će vam trebati za ovaj tutorial su tri jpg slike i Adobe Flash. Bolje je ako su slike iste veličine. Za naš će udžbenik koristiti samo tri, ali možete ih koristiti koliko želite. Samo imajte na umu da će više slika dovesti do preuzimanja vaše Flash SWF datoteke.

Otvorite Flash CS4, pokrenite novi ActionScript 3 projekt i krenimo s radom.

  1. Prvi korak je postavljanje pozornice na iste veličine kao i naše slike. Na Menubaru kliknite Izmijeni - dokument. U dijaloškom okviru Svojstva dokumenta unesite širinu i visinu u pikselima za svoje slike. To će postaviti pozornicu koja se podudara. Možda ćete također htjeti promijeniti boju pozadine. Kliknite na mali okvir boja i odaberite boju. Možda želite uskladiti boju pozadine vaše web stranice.

    Koristit ćemo Frame 1 na vremenskoj traci za kod Preloader, koji ćemo dodati kasnije. Dakle, za sada ćemo započeti izgradnju našeg prezentacije na Frame 2.

    Svaka naša slika prikazat će se u 100 okvira. Budući da je naš Frames per Second postavljen na 24, to će nam pružiti oko četiri sekunde vremena za prikaz svake slike.

  2. Preimenujte sloj 1 u "Pozadina". Na tom istom sloju desnom tipkom miša kliknite Frame 300 (100 okvira x 3 slike) i dodajte prazan okvir (Insert Frame). Ovo će prikazati pozadinski sloj tijekom cijele animacije.

  3. Dodajte novi sloj i imenujte ga "Image1". Ovaj sloj će zadržati našu prvu sliku. Ali ne želimo da se slika pojavi na pozornici dok se Frame 2. Ne zapamti, Frame 1 će biti naš prednabavljač. Na Okviru 2 ovog sloja kliknite desnom tipkom miša i dodajte ključni okvir.

    Sada ćemo dodati našu prvu sliku.

  4. Na Menubaru kliknite Datoteka - Uvoz - Uvoz u fazu. Ovo bi trebalo staviti našu prvu sliku usredotočenu na pozornicu. Da bismo bili sigurni da je poravnana kako želimo, odaberite sliku i idite na ploču Svojstva. Vrijednosti položaja X i Y trebaju biti postavljene na 0,0.

    Spremite datoteku projekta.

Autorska prava 2018. Adobe Systems Incorporated. Sva prava pridržana. Snimke zaslona Adobe proizvoda preispisane su uz dozvolu tvrtke Adobe Systems Incorporated. Adobe, Photoshop, Photoshop album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst i Flash Paper je ili su [a] registrirani zaštitni znak ili zaštitni znak tvrtke Adobe Systems Incorporated u Sjedinjenim Državama i / ili drugim zemljama.


Upute Video: Photoshop vodič - Osnove animacije (Svibanj 2024).