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

Skriv din kommentar til denne tutorial  (eller gå til forummet)
Navn	Kodeflet

kommentar 6	Skrevet af frida 13/5-2009
Meget sv¿r at forstå dårlig hjemmeside g¸r det nemmere

kommentar 5	Skrevet af rene 27/4-2009
man kan ikke forstå en skid af den

kommentar 4	Skrevet af Kristoffer 2/1-2008
Godt lavet/skrevet! Nu kan jeg også lave animationer! =D

kommentar 3	Skrevet af Tomas Hardmann 27/6-2007
Simpelthen en genial gennemgang. Så nemt at forstå. Mange mange tak her fra :D

kommentar 2	Skrevet af Kristian 26/12-2006
Fed artikel den kan alle jo bruge, men en skam du ikke gjorde så fra kanin langsomt til skilpade, men det kan man jo selv rette på. =)

kommentar 1	Skrevet af ?
Fedt nok (Y)

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