Annons

tutorial – hur man gör en animerad gif-film.

God morgon! Idag mår jag mycket bättre. Tack för alla fina krya på dig-kramar, helt säker på att de hjälpte en bit! Nu tänkte jag att vi kan gå igenom hur man gör en loopad filmsnutt, som jag har här tex. Det som behövs är photoshop, filmsnutt man filmat med en systemkamera och inget mer.

1
Jag går alltid igenom mina bilder i iphoto först för att välja ut, och gör man det får man vara noga med att inte exportera filmsnutten man gjort i något annat format än original, då funkar det nämligen inte.

2
Först öppnar man upp filmen som vilken bild som helst i photoshop. Jag har CS5, om någon undrar.

3
Så går man in på fönster -> animering.

4
Då kommer det upp ett nytt fönster under bilden, så här.

5
Här bestämmer man vilka sekunder av klippet man vill göra gifen av.

6
Sen när man är nöjd går man in på arkiv -> exportera -> återge video.

7
jajamen.

8
Då har din film hamnat på skrivbordet. Öppna den igen genom att trycka importera -> videobildrutor till lager.

9
Så är det bara att välja din film.

10
klicka ok.

11
och så ser det ut såhär!

12
Markera nu första lagret och kicka i det lilla hänglåset, där det är gult i bilden finns den.

13
Nu är det bara att spara.

14
Glöm inte att den ska vara lika stor som din bloggbredd redan är, att den sparas som gif, och att den är iklickad som ”oändlig” för att den ska loopas. Allt det görs här.

head pieces.
Sen är din gif färdig! Så himla fint!
Fråga gärna om det är oklart någonstans. Puss!


Here’s a tutorial on how to make animated gif’s from film clips in photoshop! Click the flag to read it in english, and ask me if your wonder something!

Dela:
  • Facebook
  • email
  • Twitter

Translate: English Deutsch Français Suomi

Annons
42 kommentarer
  • http://unvelo.devote.se/ Emelie

    Åh vad jag tycker om att läsa dina tutorials! Ditt sätt är så otroligt mer simpelt än det jag har krånglat runt med. Ska absolut prova detta någon gång! En annan grej som jag tycker är asball är cinemagraphs, kolla in den här tuturialen http://www.labnol.org/software/cinemagraph-tutorial/19453/

    och denna fantastiska sida för att hitta underbara cinemagraphs:

    http://fromme-toyou.tumblr.com/tagged/gif/

  • http://lisaedoff.blogspot.com/ Lisa

    Gud vad coolt, tack!

  • Anonym

    wow, det ,måste jag verkligen prova! tack för tipset! kram!

  • http://andreakvick.blogspot.com/ andréa

    Hej Elsa!
    Jag undrar om din Nikon filmar i .mov och vad du isåfall använder för program för att convertera dina filmfiler när du ska redigera dem?
    Kraaaam!

  • Anonym

    Japp. Jag gör inget förutom att öppna dem i iphoto sen ps. Puss

  • http://kobranhuggertill.blogspot.com/ Kajsa

    Så himla fin gif!

  • Revbenet

    Fantastiskt bra tutorial! (och fantastiskt bra GIF)

    // Melwa, http://melwabythegarden.blogg.se

  • Agnes

    Hej Elsa!
    Jag såg dig idag
    Det stärkte mitt jag
    och det gjorde min dag!

    <3

  • Anonym

    ah stackars dig, en sjukling som jag kan inte varit nåt att se. kram.

  • Lovisa

    Tack så himlans mycket för för denna tutorial, jag har viljat veta så länge hur man gör!

  • Lovisa

    Tack så himlans mycket för för denna tutorial, jag har viljat veta så länge hur man gör!

  • Fo

    Hej! Först och främst, heja dig! Och sen vill jag tipsa om den här finfina bloggen jag hittat: http://emalady.blogg.se/
    Jag vet inte vems den är men hon som har den tar hemskt fina bilder och verkar se hela världen i små vackra detaljer. Ett litet torsdagstips bara!
    Allt gott!

  • http://sannalund.se/ Sanna

    Annars har gjort en svensk guide om hur man gör Cinemagrapher: http://www.moderskeppet.se/webbtv/cinemagraph/

    Himla roligt och pyssligt!

  • Emilie

    Vilket djungelspråk. Trodde animerad var tecknad, och vad är loopad o gif? Kan någon förklara?

  • Emilie

    Vilket djungelspråk. Trodde animerad var tecknad, och vad är loopad o gif? Kan någon förklara?

  • http://justineeiscalling.blogspot.com/ JustinaVeraMaria

    Super fint! Tänkte bara fråga, går det göra i något annat program än photoshop?

  • http://justineeiscalling.blogspot.com/ JustinaVeraMaria

    Super fint! Tänkte bara fråga, går det göra i något annat program än photoshop?

  • Karolina

    Åhhhhh, var har jag varit hela ditt bloggliv!? Läste den för första gången idag och har redan lagt den som en topp-femfavorit, kanske bästa bloggen någonsin. Fina bilder, roliga idéer, total inspiration. Så himla bra.

  • Anonym

    Tror inte det tyvärr. Kanske någon annan vet? Puss!!

  • Anonym

    Tror inte det tyvärr. Kanske någon annan vet? Puss!!

  • Cajsa

    loop är att den går runt om och om igen hela tiden, och gif är när man tex har flera bilder så gör man en ”film” av den, eller som Elsa här då, tar en filmsnutt och gör den till en film som går om och om. typ. :) hoppas du förstod!

  • Emilie

    Tack! Är helt med vad allt är nu.

  • Emelie K

    jättebra tutorial! men åh.. det funkade att spara filmen men det går inte att importera den.. alternativet importera video till lager finns inte.. synd.. kanske för att jag har cs4..

  • Emelie K

    Nu funkade det! lyckades spara på annat sätt.. men nu blir gifbilden mycket långsammare än originalet, allt går i slow motion.. har du varit med om det eller vet du hur det kan fixas?

  • Anonym

    Jag tror den är så först, sen snabbas den på när den laaaddat klart! Puss!

  • CeciliaBroberg.com

    Jättebra med en tutorial! Men ett tips till er alla (inklusive Elsa) är att inte göra så stora (pixeldimensionsmässigt) bilder för det kommer att ta kål på era webbläsare till slut. 800 i bredd räcker mer än väl, 600 är rätt bra att hålla sig till. 1280 är ofta större än webbläsarfönstret totalt :-)

    /Fredagstipset!

  • Anonym

    ja det är knepigt när man använder sig av flickr som inte har 700 i bredd som alternativ när man kopierar in html-koden. kram

  • Sv Jenny

    Var kommer den fina kudden ifrån?

  • anni

    Tack, tack, tack! Nu ska jag filma och göra små gif:ar så snart jag bara kan!

  • Indievsbrat

    Fint!
    Tack för instruktionen, precis vad jag behövde!
    Jag använder en app som heter loopcam.
    Men det blir nog finare om man använder photoshop :)

    En länk till min lilla gif:
    http://indievsbrat.wordpress.com/2012/01/15/en-liten-stop-motion-film-som-jag-har-gjort/

  • http://thedoors.blogg.se/ Ronja

    När jag är på steg 8 och ska importera så står det så här: Det går inte att importera videobildrutor i den här 64-bitarsversionen av Photoshop. Använd 32-bitarsversionen.

    Jag förstår inte. :(

  • Anonym

    googla det så får du en beskrivning på hur man gör! Det görs med ett klick bara, fast det är svårt att hitta vart. Googla så förstår du lättast! Jag tror det är under ”om photoshop”. puss, lycka till!

  • Alida

    Hur markerar man den delen av filmen man vill ha??? :)

  • Anonym

    Man drar i de små blå plupparna som på bilden. Kram

  • http://rodeo.net/niotillfem/2012/01/dagens-outfit-extra-special/ dagens outfit extra special. – Niotillfem

    [...] jag blev ju så oerhört pepp på att göra video-dagens outfit när elsa postade en tutorial hur man gör film-gifar. Så nu kommer den första! Förstod inte riktigt hur man redigerade dem och samtidigt behöll [...]

  • Anonym

    Det kan vara olika saker.photoshop, eller hd-formatet. Testa olika eller på en kompis photoshop. Kram!

  • http://thedoors.blogg.se/ Ronja

    Nu fick jag rätt på det! Tack så mycket! :)

  • http://elsa.elle.se/fjadrar-och-sista-steget-i-guiden/ fjädrar, och sista steget i guiden. | Elsa Billgren

    [...] kommer en liten fortsättning på den här guiden, om hur man gör en loopad gif av ett filmklipp. Nu tänkte jag gå igenom hur man redigerar [...]

  • http://limepuff.se/2012/01/21/pudel-film-gif/ Limepuff.se / Jennialiskt.se » Blog Archive » Pudel-film-gif

    [...] agilitysväng på förmiddagen testar jag nu göra en filmgif! Fräsig grej. Blev inspirerad hos Elsa Billgren, testa du med! Gillagillagilla! GILLA! Tack! Kategorier: Agility, Pudellivet & taggar: Gif, [...]

  • http://ilikethatblog.com/2012/01/23/new-hair-colour/ New hair colour — I like that blog

    [...] that big of a difference actually, a little bit more red-ish. I wanted to make a little GIF with this tutorial. It’s not that good for the quality of the colours unfortunately. Although I [...]

  • http://exploreeveryday.wordpress.com/2012/03/19/my-week-in-1-photo-week-11/ My week in 1 photo – week 11 « Explore Everyday

    [...] see how this goes… Oh, and I used this tutorial to make the gif! ShareMoreLike this:LikeBe the first to like this post. 19 Mar This entry was [...]

  • http://matthisborgen.wordpress.com/ Gnarl

    Kära Elsa! Jo jag undrar, allt fungerar fint när jag gör själva gifen och lalala, sen när jag ska ladda upp den på min blogg (wordpress) så rör den sig i previewen men inte sen när jag postat den. Undrar ifall du vet om man ska lägga upp gifs som något annat än bilder, eller hur det annars kan gå till?

blog comments powered by Disqus