hvordan lage animasjoner i photoshop

Image and video hosting by TinyPic

Info: Jeg skal nå vise hvordan du kan lage helt enkle animasjoner, men man kan gjøre mye mer enn det jeg viser her. Dette er hvordan jeg gjør det, og det er kanskje ikke den mest korrekte måten.
Program:
Photoshop CS2 (men det vil nok være ganske likt om du er så heldig og har en nyere versjon enn stakkars meg).

Til og begynne med: pass på at du har oppe disse vinduene.


Steg 1: legg bildene dine (eller skriver teskten) i layers i den rekkefølgen du ønsker at dem skal komme i animasjonen, og så trykker du bort øyet på alle bildene utenom det første. Om du skal bruke bilder i animasjonen din (og ikke tekst slik som vist i dette eksempelet) har jeg en forklaring på hvordan du får ulike bilder i ulike layers HER.



Steg 2: lag like mange "bokser" i animasjonsvinduet som du har layers med å trykke på den knappen jeg har markert med rødt.



Steg 3: trykk på animasjonsrute nr. 2 og deretter aktiver øyet i det layeret du ønsker skal vise som andre bildet i animasjonen. 



Steg 4: gjør det samme igjen: trykk på animasjonsrute nr. 3 og aktiver øyet i neste layer.



Steg 5: gjør det samme enda en gang. Dette gjør du helt til du har fått et animasjonsvindu fort hvert bilde du ønsker å ha med i animasjonen.



Steg 6: trykk play for å se hvordan den ser ut.


Steg 7: for å lagre animasjonen velger du "save for web".

Steg 8: i det nye vinduet som kommer opp er det viktig at du velger GIF og at du får riktig størrelse. På min blogg publiserer jeg bildene mine i 700px, og derfor må det stå 700 hos meg. Trykk på play om du ønkser å se animasjonen din igjen. (OBS: om du har veldig store bilder du holder på med kan det være smart å forminske dem i den størrelsen du skal publisere dem i før du velger save for web, ellers kan det henge seg litt opp. Dette kan du gjøre lett med å trykke ctrl+alt+I)


Steg 9: for å legge animasjonen din ut på bloggen din må du laste den opp på for eksempel tinypic. Kopier HTML-koden (se bildet nedenfor), velg HTML av/på nede i høyre hjørne der hvor du skriver nye innlegg (hos blogg.no) og lim inn koden. Trykk igjen på HTML av/på og din animasjon skal være klar til å publiseres!



Om det er noe du lurer på eller ikke får til  - spør i kommentarfeltet!

bloglovin



Kommentarer:

Grei forklaring, men jeg bruker photoscape til det. Mye lettere, og har brukt det i langt tid! :)

26.apr.2010 @ 14:02

Jeg bruker photoscape. Det er my enklere og like bra, så du børr prøve det!:)

- hyggelig med en kommentar tilbake!

26.apr.2010 @ 14:06

Visste hvordan jeg gjorde det :-)

26.apr.2010 @ 15:08

Takk! har aldri skjønt det siste med hvordan jegskal lagre bildet, så dette hjalp kjempemye! :-D

26.apr.2010 @ 15:41

ÅÅÅH takkkkkkkkkkkkkkk

du må ha mange flere toturials :D

26.apr.2010 @ 18:24

Tusen takk for ei bra forklaring, lenge lurt på hvordan man lager animasjoner i Photoshop :)

26.apr.2010 @ 20:04

Koster det ikke bare sånn 2000 å oppgradere til cs5?

27.apr.2010 @ 09:49

Åh, tusen takk! har ikke fått til å publisere dem på bloggen min; nå vet jeg at det var fordi jeg må ha HTML'en, og ikke bare laste dem opp som bilde/video.. Gleder meg til å teste ut!

15.mai.2010 @ 06:16

Har forresten et spørsmål også! Vet du hvordan man kan sende dem i en epost?

15.mai.2010 @ 07:49

hei!

utrolig bra forklart, fulgte den steg for steg, men min film går utrolig fort, hvordan kan man få bildene til å bli lenger?

OG fins det en annen måte å laste over alle bildene til layers samtidig, istenden for å dra et og et over i hverandre, litt stress når jeg har opp imot 100 bilder..

du har en fantastisk blogg som er til stor hjelp, stå på!

03.jun.2010 @ 15:51

Tusen takk!

Dette kommer jeg til å bruke en del tenker jeg :)

30.jul.2010 @ 15:44

takk!

11.apr.2011 @ 10:21

tusen takk!! :D jeg fikk det endelig til! :D

11.apr.2011 @ 23:31

takk for hjelp! :D

16.aug.2011 @ 23:56


Skriv en ny kommentar:

Navn
Husk meg ?

E-post:

URL:

Kommentar:

Trackback
Trackback-URL for dette innlegget:
http://blogsoft.no/trackback/ping/18342165