Photoshop tutorial - Animation

Tilbage

Du kan også lave simple animationer i Photoshop ved at bruge det tilhørende program ImageReady.

1. Start Photoshop og lav et nyt dokument i 100x100 px.
   
   
2. Nu skal vi så lave det billed så vores animation skal starte med. Det kan være en tekst, et billed eller bare en farve.
   
   
3. Når du har lavet det første billed klikker du på Create a new layer nederst i Layers palette og laver så dit slut billed så du har to billeder oven i hinanden. Du kan evt klikke på øjet ud for dit første lag så det bliver usynligt.
   
   
   
   
4. Nu er vi så færdige i Photoshop og skal over i ImageReady. Klik på Edit in ImageReady(Shift+Ctrl+M) nederst i værktøjerne.
   
   
5. I ImageReady skal vi bruge Animations panelet. Hvis dette ikke er åbent klik på Window -> Animation.
   
   
6. Som du kan se i Animation panelet er der et billed. Klik så på øjnene over i Layers palette så kun det lag du vil starte din animation med er synlig.
   
   
7. Klik så på Duplicates current frame nederst i Animations panelet, og klik igen på øjnene i Layers palette så kun det lag du vil slutte din animation med er synlig.
   
   Nu har du så dit start billed og dit slut billed i Animations panelet.
   
   
8. Klik nu på slut billedet i Animations panelet og klik på Tween nederst i panelet.
   
   
9. Sæt indstillingerne til Previuos Frame og 5 Frames to Add og klik ok.
   
   
10. Sæt så det første billed til at køre i 2 sek ved at klikke lige under billedet. Sæt de midterste 0.1 sek og det sidste 2 sek.
    
    
    
    
11. Vælg så File -> Save Optimizid AS.
    
    
    
    Så er vi færdige.
    
    
    NB. Du kan altid lave flere frames i din tween for at gøre overgangen blødere.

Tilbage

Optimeret til Internet Explorer og Firefox min. 1024x768 | Designet og programmeret af jweber