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 gjre mye mer enn det jeg viser her. Dette er hvordan jeg gjr det, og det er kanskje ikke den mest korrekte mten.
Program:
Photoshop CS2 (men det vil nok vre 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 rekkeflgen du nsker at dem skal komme i animasjonen, og s trykker du bort yet p alle bildene utenom det frste. Om du skal bruke bilder i animasjonen din (og ikke tekst slik som vist i dette eksempelet) har jeg en forklaring p hvordan du fr 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 rdt.



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: gjr det samme igjen: trykk p animasjonsrute nr. 3 og aktiver yet i neste layer.



Steg 5: gjr det samme enda en gang. Dette gjr du helt til du har ftt 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 fr riktig strrelse. 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 vre smart forminske dem i den strrelsen du skal publisere dem i fr du velger save for web, ellers kan det henge seg litt opp. Dette kan du gjre 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 hyre hjrne der hvor du skriver nye innlegg (hos blogg.no) og lim inn koden. Trykk igjen p HTML av/p og din animasjon skal vre klar til publiseres!



Om det er noe du lurer p eller ikke fr til - spr 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 brr prve det!:)

- hyggelig med en kommentar tilbake!

26.apr.2010 @ 14:06

Visste hvordan jeg gjorde det :-)

26.apr.2010 @ 15:08

Takk! har aldri skjnt 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 snn 2000 oppgradere til cs5?

27.apr.2010 @ 09:49

h, tusen takk! har ikke ftt 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 sprsml 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 gr utrolig fort, hvordan kan man f bildene til bli lenger?

OG fins det en annen mte laste over alle bildene til layers samtidig, istenden for dra et og et over i hverandre, litt stress nr 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