Hvordan lage en Flash-animasjon banner for Photoshop

Du kan lage en Flash-animasjon banner i Adobe Photoshop ved å bruke den med Photoshop ledsager program, Imageready. Imageready har spesialisert funksjoner som animerte GIF skapelse, bildeoptimalisering, image slicing, rollover effekter og HTML generasjon som gir en Flash-animasjon til livet. Du kan bygge et lag sammensatt banner i Photoshop, og deretter redigere den til web beredskap med Imageready. Veksle mellom de to programmene og finjustere grafikk, og deretter lagre den i SWF-format i Imageready for å lage et banner som kan vises på nettet.

Bruksanvisning

1 Lag et banner bilde i Photoshop. Åpne et nytt dokument og foreta lerretet størrelse 400 px (piksler) med 500 px, standard banner størrelse.

2 Opprette nye lag som gjenspeiler hvordan du vil at banneret for å endre når musen beveges over det. Klikk "Layer"> "Ny"> "lag", eller på høyre pil fra lagpaletten.

3 Vise banner effekter ved å slå lagene på og av. Gjør dette ved å klikke på øyeikonet ved siden av hvert lag i lagpaletten.

4 Bytt til Imageready ved å klikke på knappen nederst på verktøypaletten. Imageready vil åpne filen med Photoshop-lag intakt.

5 Klikk på "Window"> "Animation" for å åpne animasjonspaletten. En horisontal vindu med en boks for frame nummer én og en tidsvisning under den.

6 Klikk på Ny-Frame-ikonet nederst i Animasjoner paletten. (Det er til venstre for søppelbøtte på menylinjen i Animasjoner palett) Velg alle synlige elementer for rammen ved å klikke på øyeikonene i lagpaletten.

7 Gjenta "ny ramme / utstilling lag" sekvens for å lage alle rammer for banneret. Slå på alle lagene for å se de forskjellige lag statene i animasjonsvinduet.

8 Klikk på fanen skive i Web Content menyen og utpeke en URL for banneret, et navn på skive, "alt" tekst koder for søkemotoroptimalisering og andre parametere.

9 Forhånd banneret ved å klikke på testknappen på verktøypaletten. Lagre filen for web bruk. Klikk på "File"> "Lagre optimalisert", og navngi den optimaliserte filen. Imageready gjør hele jobben med å lage html-fil for en Web banner. Kopier HTML-dokument og den nye mappen som inneholder bildene til samme sted på webserveren din.

Hint

• Imageready ble avviklet av Adobe i 2007, sist vises i Photoshop CS2.