Hur man skapar Micro-Screencasts med GIF Brewery

När du tänker på GIF-filer, är det första som kommer att tänka sannolikt inte ett bra verktyg för att öka produktiviteten och samarbetet. I denna handledning splittrar jag det här begreppet och visar dig hur du skapar små, sekunder långa skärmbilder i GIF-format som kanske bara förändrar hur du jobbar.

Varför GIFs

Populäriserad i mitten av 1990-talet blev animerade GIF snabbt symboliska för det tidiga internet. Formatet tillåter att ett antal ramar visas i följd och skapar en liten film. Medan deras popularitet tog en nosedive när webben mognades nyligen har formatet upplevt en renässans av olika slag på många internetgemenskaper.

Den genomsnittliga animerade GIF är kort, bara kilobytes i storlek och kan visas nästan var som helst. Jämför det med det som är nästan varje videoformat och det är lätt att se överklagandet av den ödmjuka GIF.

Med dessa fördelar och mer använder många människor GIF-skivor för att skapa de mikroscreensändningar som jag nämnde tidigare. Skönheten hos dessa screencasts är att de hjälper till att visa ett enda koncept tydligare än en massa skärmdumpar som någonsin kunde. Dessa micro-screencasts kan vara ett kraftfullt samarbetsverktyg för designers, utvecklare och instruktörer av alla slag.

screencast

Spela in skärmbilden

Vår första affärsordning kommer att vara att skapa skärmen, själv. Medan detta verkligen skulle kunna åstadkommas med en kraftfullare applikation som ScreenFlow, för dessa micro-screencasts, kommer QuickTimes inbyggda skärminspelningsfunktion att tjäna våra syften vackert.

Du kan antingen spela in hela skärmen eller en enda, specificerad region.

Först, öppna upp QuickTime Player. Nästa, navigera till Fil och välj Ny skärminspelning. Genom att klicka på den nedåtgående karaten till höger om inspelningsknappen visas en lista med avancerade inställningar. 

Den slutliga GIF-filen innehåller inte ljud, så du kan också välja Ingen som din mikrofon. I den här avancerade inställningsdialogrutan finns det också ett alternativ att Visa musklick i inspelning. Detta kommer att markera alla musklick i din inspelning. Jag tycker personligen att det är ett utmärkt tillskott för de flesta mikro-screencasts, men gärna prova och bestämma själv. 

Nu när du har slutat konfigurera inspelningen trycker du på Spela in knappen ger dig två sista alternativ. 

  1. Du kan välja att antingen spela in hela skärmen genom att klicka någonstans på skärmen eller 
  2. att spela in en fördefinierad region på skärmen genom att dra musen, precis som du skulle välja filer på Desktop

Återigen, medan det här handlar om personlig preferens, tenderar jag bara att spela in en fördefinierad region för dessa mikroscreencasts.

QuickTime innehåller en enkel editor som låter dig trimma din skärmdump.

Med den pågående inspelningen, se till att du håller den kort, söt och till den punkten. GIF-skärmbilden som jag visar dig hur du gör i följande steg fungerar bäst om du inte överskrider fyra eller fem sekunder i längd. 

När du är klar trycker du på Sluta knappen i menyraden. Som sagt, varje sekund räknas, så det är en bra idé att trimma den sista sekunden eller så när du klickade på Sluta knappen av, i slutet av din skärmdump. För att uppnå detta i QuickTime, gå till Redigera i menyraden och välj Trimma

Den här grundläggande redigeraren fungerar på ungefär samma sätt som på iPhone: dra handtagen tills din skärmdump har nått den perfekta längden och tryck på Trimma. Om du behöver mer granulär kontroll över din trimning, kommer förstoringen av QuickTime-fönstret att ge just det. 

Nu när du har skapat din skärmdump, spara den genom att gå till Fil, i menyraden och välja Spara.

Konvertera Screencast till GIF-format

Nu när du har den grundläggande inspelningen tagit hand om är det dags att konvertera det till en animerad GIF. Det bästa sättet att åstadkomma detta är att använda ett litet, men kraftfullt verktyg från Mac App Store som heter GIF-bryggeri

En gång installerad, öppna GIF-bryggeri. Du kommer nu att bli ombedd att öppna en fil. Välj den skärmdump som du just skapat i QuickTime och klicka på Öppna

I huvudredigeringsgränssnittet blir du översvämd med alternativ som gör att du kan justera nästan alla aspekter av GIF. Lyckligtvis replikerar mycket av den funktionalitet som finns i Snabb tid, inklusive alternativ för att beskära och trimma din video. Medan du inte behöver oroa dig för dem, om du spelade in hela skärmen, är det en bra idé att överväga att ändra storlek på GIF. 

Medan appen är tekniskt kapabel att skapa GIF-filer vid upplösningar i skrivbordsstorlek kommer det sannolikt inte att vara vackert. För att göra detta, navigera till menyraden, välj GIF och då Enkel resize ... . Medan bra tumregel för att ändra storlek är att dra skjutreglaget till ca 50% är det aldrig en dålig idé att helt enkelt leka tills du hittar det som fungerar bäst.

Välja rätt exportinställningar

Ramtal och frame Delay kan ställas in manuellt eller automatiskt inom GIF-bryggeriet.

När skärmklippet har den önskade storleken kan du börja det smutsiga arbetet med att justera exportinställningarna för den slutliga GIF-filen. Detta är en notoriskt finig process, så det krävs en viss tolerans för trial-and-error. 

För att börja, välj GIF Egenskaper i appens verktygsfält. Medan det är möjligt att manuellt ställa in Ramtal och Frame Delay, Jag rekommenderar att du låter GIF-bryggeri gör det för dig genom att markera rutan märkt Beräkna automatiskt räkning och fördröjning automatiskt

En gång markerad, välj antalet Bildrutor per sekund (FPS). Kom ihåg, det här är en GIF, inte en Hollywood-blockbuster, så en mager 10 FPS ska fungera bra. Om det är för hakigt för dig, försök flytta till något i 15-20 FPS-serien. För att förhandsgranska GIF i sin slutliga kvalitet, tryck på Skapa GIF i appens verktygsfält. 

Om du är missnöjd med den färdiga produkten, tryck på Kassera och fortsätt fitta. Om du däremot har hittat en bra balans mellan FPS, filstorlek och GIF-kvalitet, tryck på Spara…  och välj en destination för GIF!

Dela GIF

Du kan dela screencasts med meddelanden.

Lyckligtvis, som jag nämnde tidigare, finns det ingen brist på plattformar som stöder animerade GIF-filer. Medan Tumblr, Dribbble och Dropbox är säkra satsningar, var inte rädd att tänka utanför rutan för att hitta andra hem för dina GIFs. 

Till exempel kan du faktiskt dela animerade GIF-filer genom iMessage på Mac. Bara öppna upp meddelanden och välj en mottagare. Dra sedan GIF-filen till textfältet och tryck på Skicka.

Gå längre

Som du säkert kan berätta från att skapa och dela en GIF, är processen för att skapa dessa mikroscreencasts fylld med försök och fel. Det gamla ordspråket som praktiken gör perfekt, ringer verkligen här. 

När du börjar dela dina skapelser med medarbetare, vänner och familj, fortsätt att experimentera för att skapa de perfekta mikroscreencasts som hjälper dig att bli mer samarbetande och produktiva än någonsin.