Share
Alla webbplatser över Tuts + -nätverket är ständigt på utkik efter bidragsgivare av högsta kvalitet. Om du är intresserad av att skriva för oss, släpp oss en rad. Innan du jobbar med något, måste du läsa igenom denna fantastiska guide som tar dig igenom hela processen att ta och förbereda dina skärmdumpar.
Skärmdumpar är förmodligen det viktigaste inslaget i en skriftlig handledning. Våra läsare kommer att använda dem som en guide när de följer dina instruktioner, så det är viktigt att dina skärmdumpar avbilder de åtgärder som vidtas under varje steg. Det finns många sätt att producera skärmdumpar för en handledning, men i den här handledningen kommer veteran Psdtuts + författare Ed Lopez att förklara sin metod för att producera högkvalitativa och beskrivande skärmdumpar med både skärminspelning och skärminspelningsprogramvara för att spela in video och skärmdumpar för hans skriftliga handledning. Låt oss börja!
Denna metod för att fånga skärmdumpar för en handledning innebär att flera applikationer används. Observera att den här metoden utfördes med vissa Mac-program, men du kan också anpassa den här metoden för PC-kompatibla applikationer.
Titta på ett exempel på en av Eds handledning här.
När jag skriver en handledning finner jag tanken på att stoppa för att ta skärmdumpar längs vägen för att vara väldigt distraherande. Det är därför jag tänkte på en metod att ta skärmdumpar som låter mig skapa konstverk utan att störa den kreativa processen.
Det första steget är att öppna skärmflödet och börja en ny inspelning. Skapa nu ditt konstverk precis som du skulle om du arbetade med ett normalt projekt. Screenflow registrerar nu alla dina åtgärder i bakgrunden medan du arbetar.
Författare brukar spendera många timmar på ett projekt och kan ofta sprida de timmarna över flera dagar. Det innebär att du ibland kan sluta, ta raster eller arbeta med andra projekt. När du tar en paus, gärna sluta inspelningen. Den visas i sidofältet under mediafliken. När varje segment har spelats in drar du det ner i din tidslinje för redigering.
Nu när du har avslutat inspelningen av hela projektet kan du nu börja ta skärmdumpar. För att göra detta, öppna LittleSnapper och skapa en ny Smart Collection.
Ange en datumregel enligt nedan. Detta kommer att se till att alla bilder som skapas efter detta datum kommer att placeras i samma samling.
Definiera nu en genvägsknapp för Snap Area enligt nedan. Använd gärna de kortkommandon som du är mest bekväma med. Jag satte min till Command + Option / Alt + X.
Nu när LittleSnapper är klar öppnar du Screenflow, laddar upp inspelningen och trycker på spela. En av de fina sakerna att använda Screenflow för att fånga hela processen är att du nu kan zooma in och ut när det behövs för att du ska få den exakta skärmdumpen du behöver.
När du är redo att ta en skärmdump, se till att pausa inspelningen på rätt plats. Slå sedan på tangentbordets kortkommandon som du definierade tidigare i den här handledningen för att ta dina skärmdumpar. När du har slagit dem kommer skärmen att gråta ut och låter dig snabbt dra ut det område på skärmen som du vill spara. Var försiktig med pixelindikatorn så att du inte drar ut en skärmdump som är större än 600 pixlar bred.
Ibland behöver du lägga till noteringar till dina skärmdumpar. Noteringar kan hjälpa läsaren att förstå vad de tittar på. Om du till exempel vill rikta dina läsares uppmärksamhet åt en viss del av skärmen kan du rita en pil för att peka ut den. Du kan också (och bör) rita linjer, former och text vid behov för att hjälpa till att förklara steget. Lägga till text i din skärmdump kan vara till hjälp för att infoga färgkoder, till exempel.
När du klickar på snabbknappen kommer du att kunna lägga till några noteringar som du behöver för den specifika handledningen.
När du tar skärmdumpar med LittleSnapper, kommer dina bilder att ordnas i följd. Om du vill byta namn på en fil kan du göra det nu. När du är nöjd med hur dina bilder heter, kan du exportera som visas nedan.
Dina bilder exporteras nu till din valda mapp.
Vid denna tidpunkt kanske du vill byta namn på dina filer. Broen kan göra det ganska snabbt. Bara öppna broen, bläddra till din mapp, välj alla bilder i den mappen, gå till Verktyg> Batch Rename.
Tips: När namngivna filer finns finns det några bilder som behöver särskilda namn. Den 600 pixlar breda bilden ska namnges final.jpg, den stora versionen av den slutliga bilden ska namnges final_large.jpg, och 200x200-förhandsgranskningsbilden ska vara namnet preview.jpg. Du kanske vill ställa in dessa bilder åt sidan så att de inte stämmer överens med partitionsnamnsprocessen.
Välj nu dina bilder på webben och konvertera dem till JPG-filer. Vi föreslår att du gör det här med hjälp av ett program som kan hantera batch. Adobe Bridge, Fireworks och Photoshop kan alla göra detta. Vi kommer att använda Bridge i exemplet nedan.
I det här valfria steget kan du exportera videon som du spelade in och tillhandahålla den med resten av dina filer. Du kan göra detta på ett antal sätt. Du kan ta bort ljudet och ge realtidsmaterialet, eller ta bort ljudet, snabba upp filmen och spela in ett nytt spår som innehåller berättelse som förklarar vad du gör.
Tips: Se till att bryta videofiler upp till hanterbara delar. Se till att videofilmet du tillhandahåller är välredigerat och att alla ljud du tillhandahåller är av hög kvalitet. Ta inte med musik med filmen.
Nu kan du börja skriva din text och montera din HTML. Använd den här mallen för att formatera din HTML-fil. Var noga med att följa lämpliga riktlinjer längs vägen.
Det är allt det finns! Om du tror att du är ute efter utmaningen att skicka in något och gå med i Mactuts + -laget, klicka på vår nya författarsida för mer information om hur du kommer igång. Också vara säker på att kolla in våra andra webbplatser för att se om du kan ansluta dig någon annanstans.
Accentsconagua