Hvordan lage en enkel animasjon med Image Ready

Web animasjoner kan forbedre utseendet på ditt nettsted. Du trenger ikke en dyr animasjon program for å lage dem heller. For de siste årene, Photoshop levert en medhjelper program kalt bilde klar som konverterte Photoshop-lag til animasjoner i noen få enkle trinn.

Bruksanvisning

1 Planlegg animasjonen. Dreieboken dine viktigste rammer med noen enkle miniatyrbilder. Dette kan spare mye tid som ellers kunne brukt angre og fikse filen.

2 Monter image / animasjon elementer i Photoshop. Hold de viktigste elementene på separate lag. Enkle motion animasjoner der bare stilling eller rotasjon endring kan kreve så få som ett lag. For formforandringer (for eksempel en løpere ben og armer) du trenger et lag for hver annen form.

3 Klikk på Imageready-knappen på verktøylinjen Photoshop. Du vil bytte til Imageready programmet med et annet sett med verktøy og paletter.

4 Åpne animasjonen paletten. Du vil se en miniatyr av bildet i paletten (mye som en ramme av film). Skjul alle lag, men de du ønsker å være synlig i den første rammen. Sørg for at alt er plassert og skalert riktig.

5 Opprett en ny ramme. Klikk på "Duplicate Frame" -knappen i animasjonen paletten. Et nytt miniatyrbilde vil vises til høyre. Vis og skjule lag, og stillingen lag gjenstander til den andre rammen ser ut slik du vil den skal se (ikke glem, du kan også justere lag opasitet og lagstiler).

6 Fortsett å lage og arrangere nye rammer til animasjonen er fullført. Når du er ferdig, klikk på play-knappen for å forhåndsvise animasjonen. Eksportere filen som en animert GIF.

7 Klikk på Photoshop-knappen for å gå tilbake til Photoshop. Lagre filen.

Hint

  • Photoshop CS3 avviklet Image Ready, men de fleste funksjoner er overført til Photoshop inkludert animasjon paletten.