Tutotial - Animering

Om du är intresserad av att testa detta, så var god läs hela texten.
Känns sådär lagom kul att lägga ner en massa tid på att förklara så bra som möjlig (för att minimera antalet följdfrågor) när man sedan ändå får frågor om sådant som redan står, bara för att någon inte läst tillräckligt noga.


Tänkte att jag skulle berätta hur jag gör en animering i Photoshop, eftersom många blev intresserade av det, efter det här inlägget.
Vi börjar med en enkel animation bestående av enbart två bilder som ska flippa.

Dock finns det en väldigt central sak som du bör kunna innan du sätter igång med animeringar på allvar sedan och det är att Kunna arbeta i lager.



1. Öppna de två bilderna i photoshop.
Dra över dem till samma arbetsyta (Antingen drar du helt enkelt bara den ena bilden till den andra med hjälp av markören, eller så använder du Ctrl + C för att kopiera den ena bilden och Ctrl + V för att klistra in den på den andra).

2. Öppna animeringsfönstret.
Klicka på Fönster>Animering (Window>Animation) uppe i menyn.
Då öppnas det ett nytt fönster i nederkanten av programmet.
När fönstret precis är öppnat, så kommer det bara att synas en bildruta i fältet.
För att skapa fler rutor så klickar du på ikonen bredvid papperskorgen (se bild).


VIKTIGT OM BILDRUTOR!
En sak som är bra att veta, är att det är smartast att ha alla händelser förberedda och klara i olika lager i bilden innan du börjar skapa bildrutor, för att därefter placera ut händelserna där du vill ha dem.
Om du mot all förmodan skulle göra en ny händelse när du är mitt inne i att animera, så kommer denna att lägga sig över alla bildrutor, vilket är ganska irriterande när man redan ansett sig vara klar med några av dem....

En annan sak som du bör veta, är att varje enskild bildruta har en egen "lagerinställning".
Dvs. För att visa och dölja händelser i de olika bildrutorna, så ändrar du i Lagermenyn nere till höger.
Alla bildrutors lagerinställningar regleras från samma lagermeny och detta kommer du se när du bläddrar i mellan lagerrutorna - lagren kommer att se ut på olika sätt beroende på vilken som är markerad.

3. Redigera bildrutorna
Markera den första bildrutan i animeringsfönstret och gör den övre bilden osynlig genom att klicka i rutan med ögat i lagermenyn, så att ögat försvinner. Sedan markerar du bildruta nummer två i animeringsfönstret och då kommer det översta laget förmodligen att vara synligt, men om det inte är det så klickar du bara i den lilla rutan där ögat var en gång till, så att ögat kommer tillbaka.



4. Redigera animeringen
Nu kan du göra ganska mycket med bilderna. Själva animeringen finns redan där, men nu är det upp till dig att avgöra hur lång tid visningen av bilderna ska vara, om animeringen är oändlig eller om den bara ska visas en gång och om bilderna ska tonas ihop eller ej.
Ikonerna till det hittar du geom att kolla på bilderna nedan.
Det är bara att klicka på ikonerna, så förstår du nog vad jag menar....

För att förhandsvisa din animation - klicka på playpilen i animationsfönstret...


5. Publicera bilden.
Gå in i Arkiv>Spara för webben (File>Save For Web & Devices). Där kan du välja filformat i listan till höger. Välj GIF.
Sedan är det bara att ladda upp på bloggen! :)


Vill du veta hur man gör en bild svartvit med färgade detaljer, klicka här!



65 Kommentarer

Ina

Ha en toppenhelg! :) Det lät grymt härligt med en relaxstund sådär. Jag blev verkligen "läskad" haha. Njut som en fisk i vattnet! ;) Kram!

2009-02-20 16:20:34
Blogg/Hemsida: http://www.schackrutig.se

friida

Bloggen ska vara en hoppy, inte en tvång :)

2009-02-20 16:27:33
Blogg/Hemsida: http://friidalarsson.blogg.se/

Annie

Ha en toppenhelg! :D

2009-02-20 16:27:54
Blogg/Hemsida: http://thelillan.blogg.se/

friida

en hobby menar jag såklart. haha..

2009-02-20 16:29:41
Blogg/Hemsida: http://friidalarsson.blogg.se/

nathalie

Okej, ha en superB bra helg ! :)

checka gärna in min blogg,www.starcevic.blogg.se :)

2009-02-20 16:37:18
Blogg/Hemsida: http://starcevic.blogg.se/

Monkey


Hoppas du får en skön helg och ta hand om dig!
kram

/Monkey

2009-02-20 16:51:16
Blogg/Hemsida: http://www.monkeypig.se

Magnus

Kanske de största förväntningarna ligger i dig själv.

2009-02-20 17:17:09
Blogg/Hemsida: http://www.thinkangels.blogspot.com

Fina

ha en bra dag!

2009-02-20 17:24:07
Blogg/Hemsida: http://www.metrobloggen.se/fina

Sandra Söderberg

Spring bara omkring och skrik: Jag vill vara friiiii!! Så känns det nog bättre :)

http://hejhumor.blogg.se/
http://hejhumor.blogg.se/

2009-02-20 17:33:20
Blogg/Hemsida: http://hejhumor.blogg.se/

Emma says style, love & rock and roll.

Hoppas du får en skön ledig helg. När det känns så är det bättre att bara släppa allt och så kommer inspirationen naturligt tillbaka.
Kram

2009-02-20 17:36:00
Blogg/Hemsida: http://emmasays.blogg.se/

V

Ååh vilken mysig helg! :D njut och ha skönt! :D

2009-02-20 17:50:39
Blogg/Hemsida: http://enligtveronica.blogg.se/

Ellen

Ha en bra helg Elin, det är du värd! :)

http://www.ellenlovisa.blogg.se
http://www.ellenlovisa.blogg.se

2009-02-20 17:51:17
Blogg/Hemsida: http://ellenlovisa.blogg.se/

Sara

Du är grym på att fota/redigera, om någon säger nått annat har dom ingen aning om ens hur mycket jobb och allt de ligger bakom. Det är skit kul att kolla på dina bilder, speciellt dom på din lilla syster, jätte fina verkligen! :) så sluta aldrig fota hörru. Keep up the good work girl :)

2009-02-20 17:58:11
Beata

Mysig blogg =)

ta gärna en titt på min =3

2009-02-20 17:58:56
Blogg/Hemsida: http://diamondsarentforevercunt.blogg.se/

Christin M

Hoppas du får en skön helg! (:

2009-02-20 18:33:27
Blogg/Hemsida: http://christinmartinsson.blogg.se/

Tobias

Hoppas du får en trevlig helg :)

2009-02-20 19:41:13
Blogg/Hemsida: http://grymtroligperson.blogg.se/

Junitjej

Jag kikar in hos dig och önskar dig en trevlig helg!

2009-02-20 19:46:00
Blogg/Hemsida: http://junitjejen.se

Marie

Hoppas du får en trevlig helg!!

2009-02-20 20:06:04
Blogg/Hemsida: http://mariie.devote.se

l i n a s a n d s t r ö m

Allt bra med dig? ;)

2009-02-20 21:14:08
Blogg/Hemsida: http://fotoblixt.blogg.se/

J O S E F I N [josselee

Hoppas att det blir en mega trevlig helg, kväll för dig :D

2009-02-20 21:36:31
Blogg/Hemsida: http://josselee.blogg.se/

Ahlberg

Andas in, andas ut ta nya tag.
Pauser är bra ibland, känner man inte för att skriva så ska man inte.
Du ska inte behöva acceptera om folk beter sig illa, för det ska de verkligen inte göra punkt slut.
Låt den positiva Elin vila lite så ska du se att hon kommer fram när det känns bättre.

2009-02-20 22:16:38
Blogg/Hemsida: http://endthisnow.blogg.se/

Sofia

Jamen vi fattar!
Ha en bra helg och njut lite av livet så blir du dej själv igen! :D
PS. Kul att titta in på din blogg då och då och se en massa vackra bilder.

2009-02-20 22:25:03
Blogg/Hemsida: http://sofiafoto.wordpress.com/

suss

Hoppas du får en skön helg! :)

2009-02-21 09:04:38
Blogg/Hemsida: http://stringbeanjean.blogg.se/

Mjke

MAn ska inte kännas sig tvingad att blogga. Det ska vara något man tycker om jag inte känns tvångsmässigt!

Hoppas du får en mysig helgg!

2009-02-21 09:21:14
Blogg/Hemsida: http://mjke.blogg.se/

Magnus

Jag tror att en bloggledig helg är bra för dig, då kommer du att märka att ditt liv är precis likadant utan bloggen, det är bara du själv som kan befria dig själv att du inte behöver skapa för andra, bara för dig själv.

2009-02-21 09:35:21
Blogg/Hemsida: http://www.magnuspalmgrenphoto.blogspot.com

Amanda Björk

Ta lite ledigt så ska du se att det känns bättre sen! :D

2009-02-21 10:42:43
Blogg/Hemsida: http://nolltretjugofyra.blogg.se/

Josiee

bra att du tar det lite lugnt sötnos:)

2009-02-21 12:25:24
Blogg/Hemsida: http://jojallin.blogg.se/

emma

hoppas du får en jättebra helg :)

2009-02-21 12:40:20
Blogg/Hemsida: http://sommarfreak.blogg.se/

G I L R A E N

Have fun! :)

2009-02-21 14:52:17
Blogg/Hemsida: http://gilraen.se/blog

Anna Phe

Hoppas ni får det super!

Tycker du hanterar läget bra, inte många som låter känslan vara och går vidare som du gör nu, istället för att skriva om det så att säga. Det här med att skriva blogg ska vara från än själv och ingen annan, men det vet du säkert redan :)

2009-02-21 18:28:21
Blogg/Hemsida: http://annaphe.se

DinaP

LÅter toppen, ha det så bra!

2009-02-21 22:33:44
Blogg/Hemsida: http://denimfashionista.se/ysl-concealer-poppis-i-alla-lager/

Karolina

Skönt med några dagar OFF!! Njut & må!!

Kramar

2009-02-21 23:09:14
Blogg/Hemsida: http://sweetypajen.blogg.se/

Mellie

Shit vad begåvad du är kvinna!

2009-02-21 23:16:50
Blogg/Hemsida: http://emelieemme.blogg.se/

Carin

Jag hängder inte med, vad är det du måste acceptera, och vad kan du inte skriva om?

2009-02-22 10:57:34
Blogg/Hemsida: http://nursen.blogg.se/

Emmasvenssonn

Hej Elin, nu letar jag efter folk som vill vara med i åretsblogg, på min blogg :P , och jag undrar om du skulle vilja vara med, du behöver nte göra ngt specielt igentligen utan jag skriver dom som ska vara med så får man rösta, och aa, och så om du vill vinna kan du ju skriva att dom ska rösta på dej elr a <3 hoppas du vill vara med<3.

2009-02-22 12:29:27
Blogg/Hemsida: http://supersvensson.blogg.se/

Studiofotograf Fredric Johansson ( bloggfji.se )

Hihi visst är det :D

Åh tack =D

2009-02-22 13:02:18
Blogg/Hemsida: http://bloggfji.se

Lennart

Grattis till bloggpriset. Absolut välförtjänt!

2009-02-22 13:31:15
Blogg/Hemsida: http://absolutlennart.blogs.se

Maria

Hej. Surfade runt bland bloggar och hamnade hos dig. Troligen kommer jag tillbaka oxå nu när jag kollat runt lite hos dig :)

2009-02-22 13:42:08
Blogg/Hemsida: http://emdtour.blogg.se/

EN TJEJ I STORSTAN - illustration & form ..

Hoppas det går över snart Elin !

Ta den tid du behöver, man ska aldrig pressa fram något .. Det ska komma naturligt ! ^^,


/ En tjej i storstan

2009-02-22 14:21:06
Blogg/Hemsida: http://entjejistorstan.blogg.se/

Ahå

Började faktiskt undra vart du tagit vägen :O Tänkte att det berodde på Sims3, men releasen blev uppskjuten såg jag :/

2009-02-22 16:21:03
Blogg/Hemsida: http://superahoe.blogg.se/

Fia

Fin blogg, hoppas din blogglediga helg varit skön.

2009-02-22 16:56:48
Blogg/Hemsida: http://fiax.webblogg.se/

Ella

Du bloggar av fri vilja. Och läsarna läser av fri vilja. Det finns inga måsten! Du behöver inte "nå upp" till allas förväntnignar! Gör som du vill och glöm inte att följa ditt hjärta!

2009-02-23 08:19:03
LINA VERONICA

Hoppas du får en skön paus, man behöver det mer än man tror, det tär på en.

Längtar tills du kommer tillbaka! ;)

2009-02-25 08:27:17
Blogg/Hemsida: http://linaveronica.blogg.se/

MELINDA

Jag har läst igenom hela inlägget, bra förklarat! Jag fixade det direkt! Något jag dock inte fixade var att ladda upp bilden i min blogg. Det blir endast en stillbild. Lite tråkigt. Jag har GIF-format så det kan nog inte vara det.

Vore otroligt tacksam för svar! :)

2009-07-21 17:00:17
Blogg/Hemsida: http://pindilusen.blogg.se/

elin

mycket bra förklarat !

men en sak, jag gjorde allting och det sparades som det skulle i gif och så, men sen, nör jag skulle ladda upp bilden på bloggen kunde jag välja bild men sen när jag tryckte på ladda upp bild stod det "
sidan kan inte visas. blablabla "

vad gjorde jag för fel ? ;s

2009-08-09 15:06:34
Blogg/Hemsida: http://elinwiiden.blogg.se/

Emma

Kan du köra en guide för oss som har CS4 ;-) ? Om du nu kan det vill säga, eller har det... jag vet inte ;p haha... försöker så gott jag kan, men det vill sig inte alls..

2009-09-12 00:19:52
Blogg/Hemsida: http://emstaar.blogg.se/

ludvig johansson


DET FUNGERADE, TACK SÅ MYCKET ELIN<3
HA DET BÄSTISHHH:>

2009-09-27 16:05:14
Blogg/Hemsida: http://ludddde.blogg.se/

charlotte

hej, jättebra guide till att göra en animering:)
jag gjorde nyss en, sparade den osv enligt din guide. när jag klickade på den när den låg på skrivbordet så var det precis rätt, men när jag laddade upp den på bloggen så stod bilden "stilla"

vet du vad jag kanske gjorde fel? :)

2009-10-15 22:00:05
Blogg/Hemsida: http://ristiniemi.blogg.se/

jenny

vet att jag är väldigt efter på fråga denna fråga men vore jätte snällt om du kunde svara för undrar jätte mycket! jag gjorde en animering precis som denna tutorial men sedan om jag laddar upp gif bilden som en bild på bloggen blir det ingen animering utan bara en bild, varför blir det så?

tack på förhand.

2009-12-28 18:43:23
Elin [ n e v n a r i e n ]

*
*
*
När jag gör enligt min beskrivining så funkar allt finemang, så tyvärr kan jag inte hjälpa dig :/
*
*
*

2009-12-28 18:55:11
Blogg/Hemsida: http://nevnarien.se

Louisa

Hej!
Satt och greja lite med photoshop oh tänkte prova animationer.
Men när man går in på "fönster" så finns det ingen "animationer", jag har Photoshop elements. Då undrar jag om det är att det bara funkar på speciella photoshop pogram, eller om det funkar på alla?
Superfin blogg!
Kram

2010-01-08 17:12:37
Blogg/Hemsida: http://loiiz.blogg.se/

Maja Svensson

tack så jättejätte mycket för en bra guide :)!

2010-01-24 01:17:19
Blogg/Hemsida: http://endastmaja.blogg.se/

Emmely

När jag laddar upp bilden i bloggen händer det inget. Den visar bara en bild.

Har jag gjort något fel då? Vad jag vet har jag gjort EXAKT som dina beskrivningar.

2010-03-20 12:23:30
Blogg/Hemsida: http://eemmmelys.blogg.se/

malin

yes! tack så mycket, har letat sönder efter det här! :D lätt som en plätt ju.

2010-04-07 01:27:51
Blogg/Hemsida: http://mawhlz.blogg.se/

Hanna

kan man göra det här i photoshop elements?:D

2010-04-12 16:23:40
Blogg/Hemsida: http://hannaaspluund.blogg.se/

EMS - 17år och sambo

Har följt din beskrivning exakt, och bilden funkar osv, MEN såfort den ska upp på bloggen så står den stilla... varför det?

2010-06-08 18:51:51
Blogg/Hemsida: http://ems.blogg.se/

louise hannu - foto, bild & dagbok

Nu känner jag mig extremt knäpp men för mig funkar det inte. Jag har gjort preciiiis som du har gjort, och den funkar ju i photoshop och i fireworks men inte på bloggen :S

2010-09-29 12:53:58
Blogg/Hemsida: http://misslouise.se

R I N G F O T O | Emilia Ring

Hej, jag skulle testa detta och allt har gått jätte bra tills jag ska spara den, du skriver att man ska spara den i GIF när jag gör de så blir de jätte brusigt i bilden :s och när jag ska ladda upp den på bloggen så vill inte animationen funka? Jag vet inte om du vill svara på frågor men de skulle varit skit schysst! :D

2011-01-18 17:06:03
Blogg/Hemsida: http://ringfoto.blogg.se/

M

När jag laddar upp den på bloggen funkar det inte!! :/

2011-03-18 16:24:10
horoskop

Tack för den guiden!

2011-06-27 01:39:07
Blogg/Hemsida: http://www.horoskop.nu/

Annie

Läste på moderskeppet något om att man inte kunde göra detta när man kör 64bitars? Stämmer det? DSu nämner ingenting om det? :-)

2011-07-15 21:18:07
Blogg/Hemsida: http://selain.blogg.se/

Annie

När jag öppnar animering står det inom parentes "tidslinje" istället för bildrutor. Hur ändrar jag det? :-) :-P

2011-07-16 15:02:41
Blogg/Hemsida: http://selain.blogg.se/

Maja

hej! När jag har sparat på gif och det där så laddar jag upp det men då är det bara en av bilderna som var med i bildspelet och det är ingen animation! Snälla kan du säga vad jag gör fel?

Kram Maja

2011-08-20 18:32:06
Blogg/Hemsida: http://majahansson.webblogg.se/

Josefin

Tack! Men efter att jag har sparat den (File>Save For Web & Devices) så blir det ändå bara en still-bild när jag laddar upp den på devote, vad gör jag för fel? tacksam för svar! :) kram

2011-08-24 23:01:01
Blogg/Hemsida: http://josefinsvenssonn.devote.se/

Julia

men när jag har laddat upp mina bilder och sen går till window - animation så finns inte animation :( vad gör man då ?

2011-09-27 21:00:33
Blogg/Hemsida: http://evajulialj.devote.se

Lena

kan du förklara hur man lägger upp gif på bloggar? när jag gör det blir det bara en stillbild :/

2011-10-18 12:54:25
Blogg/Hemsida: http://biscottes.blogg.se/

Kommentera inlägget här:

Ditt namn:
Kom ihåg mig?

Din mejladress: (Visas bara för mig)

Blogg-/hemsideadress:

Skriv din kommentar här: