ANDimation i ImageReady

..med denne er øvelse lærer du at lave en forholdsvis simpel animation i Adobe ImageReady.

1. Start med at åbne et billede i PhotoShop. Jeg har valgt dette billede:

2. Billedet skal nu ved hjælp af Polygonlassoværktøjet deles op i 4 stykker. Disse 4 stykker skal forestille 4 puslespils brikker.

Når du har markeret et område, som skal forestille en brik, kopier det og sæt det ind i en ny fil.

Den del du lige har markeret og sat ind i en ny fil slettes fra det originale billede ved at trykke på Delete.

Det er betydeligt lettere at foretage den næste markering når du hele tiden vælger at slette det foregående.

3. De 4 stykker skal nu samles i en ny fil.

Opret en ny fil på ca. 300 x 300 px.

Træk de 4 brikker ind i filen. Hver brik er placeret på hver sit lag. Navngiv dem Nr1, Nr2, Nr3 og Nr4.

4. Nu følger lidt tålmodighedsarbejde.

Brikkerne skal nu placeres korrekt i forhold til hinanden, så billedet ser rigtigt ud.

Husk du kan zoome ind og ud med Crtl + og Crtl -.

Når du er tilfreds med placeringen af de 4 brikker, kan du gå videre til næste trin.

Der skal tegnes en sort kant udenom hver enkelt brik.

Klik på Blyantsværktøjet.

Vælg en firkantet pen. Pixelstørrelsen sættes til 1 px.

Zoom ind en ca 3-4 gange så du kan se detaljerne. Skjul alle lag på nær Nr1.

Træk derefter en sort streg hele vejen udenom brikken:

Skjul derefter alle brikker på nær Nr2.

Træk en sort kant udenom denne og gør det samme med Nr3 og Nr4.

5. Det kan være nødvendigt at justere placeringen på de 4 billeder efter du lavet den sorte kant på de 4 brikker.

Skjul Nr2, Nr3 og Nr4 så kun Nr1 er synlig.

Skift over til ImageReady enten ved at trykke Crtl + Shift + M, eller ved at klikke på ikonet på paletten:

6. På paletten klikker du på fanen Animation. Dubliker dit billede 6 gange, ved at klikke på ikonet "Dubler aktuel ramme"

Sæt loopindstillingerne til 3 sekunder på de første 6 billeder og det sidste sættes til 1 sekund.

Vælg at animationen skal køre uendeligt (eller f.eks. 5 gange alt efter hvad du syntes)

Nu skal de enkelte billeder gåes igennem.

Ved billede 1 skal kun Nr1 være synlig i Lagpaletten. (Klik på øjeikonet ud for Nr2, Nr3 og Nr4, så lagene skjules).

Ved billede 2 skal Nr1 og Nr 2 være synlige i Lagpaletten.

Ved billede 3 skal Nr1, Nr2 og Nr3 være synlige i Lagpaletten.

Ved billede 4 skal alle være synlige i Lagpaletten.

Ved billede 5 skal alle på nær Nr4 være synlige i Lagpaletten.

Ved billede 6 skal alle på nær Nr4 og Nr3 være synlige i Lagpaletten.

Ved billede 7 er Nr1 den eneste der er synlig i Lagpaletten.

Du kan få vist en preview i din browser ved at trykke på Explorer ikonet eller trykke Crtl + Alt + P.

Her er min færdige ANDimation ;)

Siden er sidst opdateret, den 05-12-2006