Guide – Så skapar man rörliga bilder!

God morgon!

Jag har lovat att berätta för er om hur man skapar rörliga gif-bilder. Så nu tänker jag lägga upp en liten guide som visar hur man ska göra! Allt man behöver är Photoshop, och grundläggande kunskaper. Följ guiden steg för steg, så kommer ni säkert att lyckas! ♥

OBS! Denna guide är för senaste versionen av Photoshop! (cs4)


Klart!

Var noggrann på steg 5, och se till att bilderna läggs exakt over varandra. Kolla detta i båda rutorna! Annars kommer det att se konstigt ut.

133 kommentarer till “Guide – Så skapar man rörliga bilder!”

ammizz skriver:

Går inte detta att göra på något annat sätt än i Photoshop? Har inte det :(

ammizz skriver:

när kommer videoinläggen/-et? :D

J skriver:

Tack för tipset! =) Har alltid velat veta detta

Hilda skriver:

Tack för tipset!

LIENE skriver:

Vad bra inlägg, har också undrat hur man gör så med bilderna.

Nellie skriver:

Jag har på svenska och jag kan inte hitta något som heter animation, vet du vad den svenska översättningen är?

åh kul :D Synd att jag inte har photoshop :/

Jag brukar ''animera'' i Imageready ^^

Linnnéa skriver:

Hej, vad har du för photoshop?
Jag gillar dig och din klädstil, du är
en suverän bloggare!
/Linnéa

Valeria skriver:

Hej Foki! jag undrar vad har du för photoshop? kan du säga vad den heter? för den ser ut väldigt bra photoshop : )

alexandra skriver:

haha fan va coolt ;)
kolla in våran blogg oxå!

Linn skriver:

ska testa :P

therese skriver:

hej tänkte fråga lite om din musik stil om du skulle kunna lägga upp några grymma låtar? är jättefyfiken på detta.Sen vad musiken heter i youtubeklippen om modetidnnigen du har? sen skulle jag vilja veta om din stil vart i sverige man kan få tag på lite kläder,lr bra hemsidor man kan skicka efter ifrån?? kram!!!!

Emma skriver:

dagens fråga på min blogg:
Vad kännetecknar en bra blogg?

Anonym skriver:

Det är ju inte senaste photoshp :o

lillamisswannabefoki:) skriver:

har velat göra sånn men jag har inte photoshop så :'/. men bra att du visar iaf om jag skaffar :D

Tack Foki!

Olivia skriver:

Tackistackis:)

Jag är förövrigt väldigt nyfiken på hur du normalt stylar ditt hår, från dusch till utgång. Kan inte hitta så mycket om det i tidigare inlägg, men jag kanske inte har varit så uppmärksam… Skulle vara kul om du kunde visa oss. :)

Nono skriver:

Bra!!

josefin skriver:

jag tycker det verkar coolt men jag vet inte om jag kan göra det

KRAM josse

Wilmis skriver:

tack <3 Jag har tyvär bara paint. Är det helt gratis att skaffa photoshop??

Josephine skriver:

Tack tack! jag ska testa detta nu!! :D:D:D

kram kram!

Bea<3 skriver:

det verkar svårt men ska pröva annars kan man göra på msn

victoria skriver:

Det funkar inte för mig!

Josephine skriver:

Foki Foki foki! om du läser detta ; vad heter din photoshop? eller vilken version är det?? för när jag tar på '' window '' så står inte animation med! ]:

Jennifer o Anna skriver:

Tycker det är så bra att du tar dig tid att förklara och hjälpa andra med sina bloggar. =)

Sandra skriver:

måste testa det! ;)

Erina Tomasson skriver:

Väldigt bra beskrivning, men tänk på oss som inte har samma photoshop som dig… När jag ska klicka på WINDOW eller fönster som det står på min eftersom jag har på svenska så finns det inget som heter Animition där… ser inte alls ut som på ditt. Jag har letat genom överalls men finns värkligen inget som heter så. Vet du om man kan göra sånna rörliga bilder om man har ett äldre photoshop, jag har nämligen Adobe Photoshop 7.0

TACK ÄN EN GÅNG FÖR EN SUPER BRA BLOGG!!!
(`v`) (`v`)(`v`) (`v`) (`v`) (`v`) (`v`)

Anonym skriver:

hej, var med och skriv ett rim i våran tävling, kram :)

(vi gillar din blogg :D)

Linnéa skriver:

Det går att göra sådana där bilder i http://gickr.com
det har jag gjort (=

Lili skriver:

Det funkar inte :/ På steg 6 så är det samma bilder där nere

Julia skriver:

Det måste jag prova :D

madde skriver:

wiie vad bra att du skrev det :D
kul med sånna bilder :) Men jag har photoshop på svenska och bara version 7.0, så jag vet inte om det funkar där?
pussN :*<3

Anonym skriver:

vart laddat man hem Gratis Photoshop!?
Snälla svara<3

Christina skriver:

vad snällt men det kostar väll att ha photoshop?

P O P P Y ♥ skriver:

Tack för en bra guide, Foki :)
Men vilken ph-version använder du? Är inte så säker på att man kan göra så på alla versioner, och det där ser inte ut som den jag har.

Kram

Elin skriver:

kostar photoshop pengar?

Annie skriver:

Bra beskrivning, men när jag ska lägga upp resultatet på min blogg blir det ingen rörlig animation, utan bara en "stillbild". Ska man ladda upp dem på något speciellt sätt för att det ska fungera? :)

linn skriver:

funkar inte :( har cs3.

Anonym skriver:

Tack för tipset.

emma skriver:

Okej. :)

oh tack för tipset!!

Sabina ♥ skriver:

Jag har photoshop CS, men där finns inget "animation"s fönster så det måste vara någon annan version du menar. :)

Elsa skriver:

Jag har mac, och på den hittar jag inte animering :S du har väl också en mac? har du animering? hjälp :S

Klariizzz skriver:

Asså det funkar inte det finns ingen animation :'(
Vilken har du snälla svara du gör typ alldrig det :'(

Mindou ♥ skriver:

äsch, jag har cs3.. bajs också xd

Lima skriver:

OwO jag tror de funkar på Photoshop CS2
De funkade för mig i alla fall

anna skriver:

På min photoshop (Adobe Photoshop Elements 4.0) så gör man en bild och sen duplicerar det(men man får ju ändra bild på nr 2). sen ska man bara "spara för webben" och då kommer aternativ upp om man vill ha animering.
Tänkte bara säga de, om de e nån som har den ps som jag. ♥

Lima skriver:

Jag har Photoshop CS2 och de funkar :D

Anonym skriver:

Hur får man ner bilden i animations rutan?

sara skriver:

hur fixar man photoshop för jag har inte det!!!

Klariizzz skriver:

DET FUNKAR JU INTE!!!

M A D D I S ♥ skriver:

Hej, jag undrar hur man laddar ner Photoshop?
Och kostar det? Har försökt men går inte att ladda ner..

j e s s i c a skriver:

Synd att man inte har photoshop :/

jenny skriver:

tack :D

f r i d a skriver:

Tack då vet jag!
Men jag har inte photoshop, :(
Kan du lägga ut en länk på en sida där man kan ladda hem det? Snälla, för jag vill inte ladda hem det som kostar..

Snälla, lägg upp en länk på sidan du laddade hem det?!

//frida johansson

musiclink skriver:

hur gör du när du har fler bilder än två? när jag lägger in fler så kommer den nya bilden över den första så att man bara ser den nya och bild nr2.

Yey! Jag letat efter detta tips lite överallt nu! ^^

Vettu kanske hur man ändrar bakgrundsbild på photoshop? Du har ju en animefigur/manga där ^^

Linnéa skriver:

Tack så mycket, det var ju inte alls svårt :D Men HUR får man in den på bloggen?:O:O

Josefin skriver:

går även att göra det lite lättare genom att gå in på denna sidan -> http://gickr.com .. hur lätt som helst och går mycket fortfara för de som inte har photoshop :)
tror dock inte det bli lika bra skärpa på bilderna, men rörliga blir det! :)

fin blogg förresten, följer den givetvis :)

♡ Olivia ♡ skriver:

Tror du det där kan funka på Gimp.net? Och förresten – hur får man in den på bloggen? :)
Kram!

Anonym skriver:

det funkar inte , för det finnns inte kvar ngt layer 1 sen :o

nicita skriver:

hur fixar man så det står tex foki´s news i bloggen??

Lydia skriver:

Vilken photoshop har du jag har cs3 funkar det med den??

Lina skriver:

Har länge velat ha Photoshop, men har varken råd att köpa de eller vet var man kan ladda ner de lagligt… Vet du någon bra sida ? <3

Kram och Puss <3 <3 <3 <3

Milla skriver:

Tack Foki för att du visade. Jag har försökt att skapa egna rörliga bilder, men nej, jag har inte hittat. Tack så mycket :)

Tina skriver:

Hej Foki! Jag har en fråga: Hur får man tag på Photoshop? Och kostar det?

jessi skriver:

Coolt synd bara att jag nt har potoshop
men jag använder andra program kolla själva—————> http://www.yezzicaa.blogg.se
http://www.yezzicaa.blogg.se
http://www.yezzicaa.blogg.se

Sweetie skriver:

Jag gör rörliga bilder i gimp, det är helt gratis! :)
http://www.gimp.org

linneajaktlund skriver:

okej, tack för tipset :D

fia skriver:

Äntligen en bra förklaring på detta, Tack!

Fern skriver:

jag har ett annat program!! där kan man också göra rörliga bilder!! :D

Néa skriver:

åh vilken tur jag har som oxå har photoshop cs4! Nu vet jag hur man gör :3 Tack för tipset!<3 :)kram

W skriver:

Om man inte har adobe photoshop CS4 (jag har den men föredrar ändå CS 8.0) så kan man använda Adobe ImageReader. Den använder jag :) Först gör jag texten/bildern ai photoshop sen flyttar ag över den till AdobeReader (finns en knapp man kan trycka på så kommer man till den)

Linda skriver:

Så de funkar inte alls på Photoshop CS Alias ?

Tack så mycket, Foki!

Elsa skriver:

oj, vad mkt frågor :P hehe, kanske har dom samma fråga som jag. Jag har mac, är det annorlunda då? eller så har jag inte samma photoshop :S

Linda skriver:

Var laddar man ned Photoshop Cs4 ?

Anonym skriver:

kan du skriva en länk vart man kan lada ner det?:)

emma' skriver:

jsg undrar som många andra vart man kan ladda ner det? gratis? har du betalat? skulle vara snällt om du svarade! :) Din blogg är hur bra som helst! ÄlskarN!<3

Simone skriver:

Tack för hjälpen! Det fungerade super i CS3 också, har letat efter en bra förklarning så länge nu! (:

Celiné skriver:

tack för tipset:D

nina skriver:

kostar de att skaffa Photoshop?

Kim Ngan skriver:

KUnde göta det!!!
Fast än jag inte har den du har o jag har den på svenska!! hahahha

Kim Ngan skriver:

Jag menar att ag inte har den photoshop som du har o jag har på svenska o du har på engalska…

Men tack för att du lärde hur man skulle göra,för jag har alltid tänkt "hur kan man göra såndant??"

Men nu vet jag det!! Tack foki (L)

//Alltid din trogna bloggläsare :)

Stina skriver:

tack för tipset men det gick inte så bra för jag har bara cs och det är inte samma som på svenska :)
Kramar

Kim Ngan skriver:

klicka på den sidan jag har där…. Det är min rörelse bild som jag har gjort.
Men jag gjorde den inte så nogrann

Kim Ngan skriver:

om den inte fungerar så kan du kopiera sidan o klistra in… hoppas den ser bra ut….

Lima skriver:

Jag fick jätte dålig grafik ;__;

Mimmisofie skriver:

Foki måste vara en av jordens sötaste människor! Diggar dig grymt tjejen!

evelina skriver:

diggar dig starkt!

TACK FÖR TIPSET!

http://www.hottemptations.blogg.se

Hanna skriver:

försökte men jag har det på svenska och det va tydligen inte likadant då, elr så har jag fel ps, men tack för tipset, din blogg är BÄST!
när börjar du videoinlägga?

Anonym skriver:

Åh va bra! :)
Tack!

Anonym skriver:

Åh va bra! :)
Tack!

Miss Attitude skriver:

Ja du, tänk om man hade råd att köpa photoshop som alla ni andra verkar ha.. det programmet kostar ju hur vidrigt mycket som helst. :( Jag har velat ha det programmet jätte länge!

Miaa skriver:

Tack så himla mycket frö det här inlägget, satt för nån vecka sen och laddade hem ett annat program speciellt för animationer men nu duge ju mitt PS, visst inte alls hur man skulle göra.

Gillar din blogg riktigt mycket.
Mvh Miaa

foki, jag har laddatner något som kallas picasa (fick tips från bloggerskan kenza)
och det är som pfotoshop men för amatörer , hehehe.
och jag undrar om photoshop är svårt & förstå ?
eller gör den datorn smämre & trögare.?

Nora skriver:

Hej!

Nu vet jag tack. Snälla läs min blogg!!!!!!

Sofia skriver:

Hur sparar man? Alltså i vilket format osv ? :)

jossan skriver:

Tack, bra o veta om jag skulle skaffa photoshop:P
Jo jag undrar en sak, hur hittar du alla bra nätshopping-sidor? Du har alltid så söta, snygga och coola kläder på dig. Även skor och accessoarer!
Vääldigt tacksam för svar^^
Kram!

shadi skriver:

jag ska gjort den!

Souk skriver:

hur får du din profil bild så stor? jag försöker men de går inte:o

-XoXoSouk

gabbi skriver:

Jätte smart ide:)men lite läskiga :S

Maya skriver:

Hej! Roligt att du visar hur man gör men det fungerar inte :(

Mischaa skriver:

Hej Foki!

Tack för ett underbart tips! ;D
Tänkte kolla; lägger du upp dina gif-bilder direkt i inlägget på bloggen eller laddar du först upp dem hos en host? Jag har lite problem när jag har lagt upp bilden på bloggen eftersom den inte rör sig av någon konstig anledning, man vet ju aldrig om jag har missat något! ;)

jag gjorde som´du sa men de blev ingen rörlig bild, :S

Anonym skriver:

cooooooooooolllllttt

Anonym skriver:

cooooooooooolllllttt

ida(: skriver:

hejhej!
jag animerar typ med sånt lager , så typ en text blinkar & massa sånt. men jag ska pröva ditt sätt nu :).

Amanda skriver:

Coolt!
Du är väldigt duktig på att blogga!
/Amanda

(en kompis till tilomi)

Dunidunii skriver:

Heej… jag har försökt göra en bildspel som du visade mej, men jag förstog inte hur jag ska få fram 2 bilder på samma gång…? o_O får bara fram 1… och jag använder photoshop (cs4) o_O =3 hjälp….?

Karolina skriver:

For det ikke til selv om jeg har Adobe Photoshop 8.0 :(

Jag undrar hur man laddar ner Photoshop? Kostar det eller?

Ha det bra! PS. Älskar din blogg! :D

svar till elisa skriver:

haha, kan du typ förklara hur man laddar upp rörliga bilder ? för när jag ska ladda upp går det inte och jag försöker ladda upp de som vanliga bilder :S

Karro skriver:

Går det att göra med ph 7,0? Ifall man klickar på window i det så finns inte amation -.- :S

Freja skriver:

jag hoppas verkligen att du läser dehär och svarar! det står inte i ditt inlägg hur man lägger ut bilden på bloggen sen! för mej står de bara att det är fel format ;S annars funkade det jättebra, kul att du berättade hur man gjorde! blir ätteglad för svar :)

btw allihopa det står ju i inläget att foki använder photoshop CS4 :D

hanna skriver:

Hey, kan du inte göra en guide för ps3 också? :)
puss&kram

marie skriver:

Ja håller inte på så mycket med min photoshop så ja vet inte mycket hur man gör så ja undrar om du skulle kunna hjälpa mig med hur man lägger in två bilder bredvid varandra? :D

Asså, jag har ps3 kan du inte göra en gudie där också? :)

Hanna skriver:

Bra, men hvilken Adobe Photoshop? Jeg har Elements 4.0, og der funker det ikke…

Hanna skriver:

Bra, men hvilken Adobe Photoshop? Jeg har Elements 4.0, og der funker det ikke… Svar helst på min blogg, da blir jeg glad! :-)

Caroline skriver:

Jag har cs4,kan man göra som den bilden i bakgrunden, som e "ritad" i cs4?

Jeanette skriver:

tYVÄRR FUNKAR INTE :( hur laddar jag upp den på bloggen??

Karro skriver:

Den fubkar inte lägga upp på bloggen :/

Anonym skriver:

Om man har photoshop 7.0 då? finns inte animation. Hur gör man då?

Maria von Bagh skriver:

Hur lägger man in den på bloggen sen så det inte bara blir en stillbild? ><

Oliwia skriver:

Vilken photoshop program har du och var kan man hitta den svara gärna på min blogg

Linn skriver:

Jag har Photoshop CS3 och det funkade jätte bra.