Hvordan lage en flygende objekt over en webside

March 5

Legge til spesialeffekter til et nettsted, som den plutselige tilsynekomsten av en UFO zipping over en nettside, kan være en iøynefallende godbit for besøkende. Heldigvis oppnå denne spesielle effekten ofte er ikke så vanskelig som det ser ut. Den virkelige kunsten er å bruke denne effekten på en forstandig måte: Flash-animasjoner er irriterende for besøkende som bare ønsker å lese innholdet, og ønsker ikke å bli plaget av stupende UFOer. Som sådan, bør du kun distribuere en spesiell effekt som dette hvis det er kunstnerisk veldig bra og gjør noen form for meningsfulle utsagn.

Bruksanvisning

1 Lag et statisk bilde av målet nettsiden. Hvis det er en hjemmeside, produsere en JPG eller GIF bilde på siden. Kontroller at oppløsningen på bildet er ganske høy, for eksempel 300 eller 600 dpi. Sett størrelsen på bildet til de identiske utkant nettsiden din. Konseptet er å produsere et statisk bilde av en aktiv nettside som kan erstattes i stedet for selve nettsiden.

2 Lagre dette statisk bilde som en web bakgrunnsbilde i din web site design verktøysett. Du må være i stand til å velge dette bildet som den statiske støtte for en ny web-side design.

3 Åpne en ny nettside design prosjekt. Velg statisk nettside bilde som bakgrunn panel. Du skal se en veldig god representasjon av nettsiden når bakgrunnen fyller prosjektet skjermen. Test denne bakgrunnen i HTML forhåndsvisningsverktøyet: det nye prosjektet trenger å se ut som om det er en reell, aktiv nettside. Juster størrelsen bakgrunn og prosjekt som er nødvendig for å oppnå dette perfekt stand-in effekt.

4 Lagre dette bakgrunnsbildet uten ytterligere tilskudd som den første "slide" i en Flash-animasjon prosjekt. Dette er det første lysbildet i en fler lysbilde prosjekt. Merke det "Step 1."

5 Åpne en ny side prosjekt og bruke statisk nettside bilde som bakgrunn. Nå kan du legge et bilde av et objekt, som en UFO, bare inn utsikten fra ett hjørne eller siden av statisk nettside. Dette bildet vil bli lagt på statisk nettside bakgrunn. Lagre dette prosjektet som en flash anime lysbilde, merket "Trinn 2."

6 Fortsett å lage nye prosjekter med web siden bakgrunnen, og "trinn" UFO image som den beveger seg over på siden. Du må kanskje opprette så mange som 20 trinn lysbilder i flash for å oppnå effekten.

7 Kompilere fullført Flash movie. Den første lysbilde bør være av den statiske nettsiden. Den andre lysbildet skal avsløre en snev av UFO inn i siden plass. Den tredje lysbildet skal avsløre litt mer av UFO. De siste to lysbilder bør vise UFO bare forlate siden, og resultere i en endelig lysbilde av bare statiske web siden igjen. Lagre dette som en flash SWF-fil med et navn som "ufoattack.swf."

8 Tweak Flash-filmen så det går smidig og rask. La den statiske hjemmesiden image kjøre for to eller tre sekunder før UFO bildet begynner å vises. Legg kode til slutten av flash filmen, for eksempel: ". Window.location =" http://www.yourdomain.com/homepage.html "Dette vil, ved avslutningen av filmen, skaper en umiddelbar omdirigere til real hjemmesiden til nettstedet ditt.

9 Last ned Flash-animasjon filmen til nettstedet ditt, slik at når besøkende kommer til din URL flash filmen umiddelbart begynner å spille. Når Flash movie konkluderer, vil besøkende bli tatt til den virkelige hjemmesiden for nettstedet.

Hint

Hvis nettstedet statisk bilde er like skarp i oppløsning og samme størrelse som en ekte nettside hjemmeside, bør betrakteren være i stand til å skjelne at du bruker en "dobbel" ved starten av flash animasjon.
Åpning Flash-filmer og spesialeffekter som dette synker i popularitet med web besøkende. Vær helt sikker på at "bang" er verdt bryet "buck". Hvis Flash filmen går for langt eller lastes sakte eller klønete, er de besøkende kommer til å forlate.