How å ta og redigere Skjerm For Guider
Alle områdene på tvers av Tuts + nettverk er stadig på utkikk etter topp kvalitet bidragsytere. Hvis du er interessert i å skrive for oss, send oss en linje. Før du jobber noe opp selv, må du lese gjennom denne awesome guide som tar deg gjennom hele prosessen med å ta og forberede dine skjerm.
Lær av en Pro
Skjerm er trolig det viktigste elementet i en skriftlig tutorial. Våre lesere vil bruke dem som en guide som de følger dine instruksjoner, så det er viktig at dine skjerm nøyaktig bilde av de handlingene som blir tatt under hvert trinn. Det er mange måter å produsere skjermbilder for en tutorial, men i denne opplæringen, veteran PSDTUTS + forfatter, vil Ed Lopez forklare sin metode for å produsere høy kvalitet og beskrivende skjermbilder som bruker både skjermen innspillingen og skjermen fange programvare for å spille inn video og skjermbilder for sine skriftlige tutorials. La oss komme i gang!
Hva du trenger
Denne metoden for å fange screenshots for en tutorial innebærer bruk av flere programmer. Vær oppmerksom på at denne metoden ble gjort ved hjelp av noen bare Mac-programmer, men du kan også tilpasse denne metoden for PC-kompatible programmer.
LittleSnapper (Mac) Anmeldelser
Adobe Bridge (valgfritt)
Endelig resultat
Vennligst ta en titt på et eksempel på en av EDS tutorials her
Trinn 1:. Opptak
Når jeg skriver en tutorial, finner jeg tanken på å stoppe for å ta skjermbilder på veien til å være veldig distraherende. Det er derfor jeg utviklet en metode for å ta skjermbilder som tillater meg å lage kunstverk uten å forstyrre den kreative prosessen.
Det første steget er å åpne opp screen og begynne et nytt opptak. Nå opprette dine kunstverk akkurat som du ville om du jobbet på en vanlig prosjekt. Screen vil nå ta opp alle dine handlinger i bakgrunnen mens du jobber
Trinn 2:. Avslutte innspillingen
Forfattere vanligvis tilbringe mange timer på et prosjekt, og kan ofte spre disse timer ut over flere dager . Dette betyr at du kan tidvis stoppe, ta pauser, eller jobbe med andre prosjekter. Når du tar en pause, gjerne for å stoppe opptaket. Det vil dukke opp i sidepanelet under fanen media. Når hvert segment har blitt spilt inn, dra den ned i tidslinjen for redigering
Trinn 3:. Grab Skjerm
Nå som du er ferdig med innspillingen av hele prosjektet, kan du nå begynne å ta skjermbilder . For å gjøre dette, åpne LittleSnapper og opprette en ny Smart Collection.
Sett en dato regel som vist nedenfor. Dette vil sørge for at alle bilder som er opprettet etter denne datoen vil bli plassert i samme samling
Trinn 4:. Definer Hurtigtaster
Nå definere en hurtigtast for Snap-området som vist nedenfor. Føl deg fri til å bruke hvilken snarvei tastene du er mest komfortabel med. Jeg satt meg på kommando + Tilvalg /Alt + X.
Trinn 5: Begynn Knipser
Nå som LittleSnapper er klar, åpne opp Screen, laste opptaket, og trykk play. En av de fine ting om å bruke Screen å fange hele prosessen er at du nå kan zoome inn og ut, når det er nødvendig for å sørge for at du får nøyaktig skjermbilde som du trenger.
Når du er klar til å ta et skjermbilde, sørg for å stanse innspillingen på rett sted. Deretter treffer tastaturet hurtigtaster som du definerte tidligere i denne opplæringen for å ta skjermbilder. Når du treffer dem, vil skjermen grå-out, og vil tillate deg å raskt dra ut området på skjermen som du ønsker å lagre. Ta forsiktig oppmerksom på pikselen indikator, slik at du ikke drar ut et skjermbilde større enn 600 piksler bred
Trinn 6:. Lage notater
Noen ganger må du legge til notasjoner til dine skjermbilder. Notasjoner kan hjelpe leseren å forstå hva de ser på. For eksempel, hvis du ønsker å sende dine lesernes oppmerksomhet til en bestemt del av skjermen, kan du tegne en pil for å peke det ut. Du kan også (og bør) trekke linjer, former og tekst når det er nødvendig for å bidra til å forklare trinn. Legge til tekst i skjermdumpen kan være nyttig å sette fargekoder, for eksempel.
Når du klikker på snap-knappen, vil du være i stand til å legge til notasjoner som du trenger for den aktuelle opplæringen.
Trinn 7: eksportere Images
Når du tar screenshots med LittleSnapper, bildene dine vil bli arrangert i rekkefølge. Hvis du ønsker å endre navn på en fil, kan du gjøre dette nå. . Når du er fornøyd med hvordan bildene er navngitt, kan du eksportere som vist nedenfor
Bildene blir nå eksportert til din valgte mappen
Trinn 8:. Rename filer (Valgfritt)
På dette punktet, kan du ønsker å endre navn på filene dine. Bridge kan gjøre dette ganske raskt. Bare åpne bridge, bla i mappen, velger du alle bildene i denne mappen, går du til Verktøy > Batch Rename . Tips: Når du navngir filer, er det noen bilder som trenger spesielle navn. Den 600 pixel bred endelige bildet skal hete final.jpg Nå optimaliserer dine bilder for web og konvertere dem til JPG filer. Vi foreslår at du gjør dette ved hjelp av et program som er i stand til gruppebehandling. Adobe Bridge, fyrverkeri, og Photoshop kan alle gjøre dette. Vi vil bruke Bridge i eksempelet nedenfor I dette valgfritt trinn, kan du eksportere video som du spilte, og gi det med resten av din filer. Man kan gjøre dette i en rekke måter. Du kan fjerne lyden og gi sanntid opptakene, eller fjerne lyd, fart på opptakene, og spille inn en ny låt som inkluderer fortellerstemme som forklarer hva du gjør. Tips: Sørg for å bryte videofiler opp i håndterbare deler. Sørg også for at opptak som du gir er godt redigert, og at enhver lyd du gir er høy kvalitet. Ikke ta med musikk med opptakene Nå kan du begynne å skrive tekst og monterer HTML. Bruk denne malen til å formatere HTML-fil. Pass på å følge de riktige retningslinjene underveis. Det er alt som skal til! Hvis du tror du er klar for utfordringen med å sende inn noe og bli med i Mactuts + team, slo opp vår nye forfatterside for mer informasjon om hvordan du kommer i gang. Sørg også for å sjekke ut våre andre sider for å se om du kan få plugget i noe annet sted. Anmeldelser
, den store versjonen av det endelige bildet skal hete final_large.jpg
, og 200x200 forhåndsvisning skal ha navnet preview.jpg . Du ønsker kanskje å sette disse bildene til side slik at de ikke kommer i konflikt med batch døpe prosessen
Trinn 9:. Konverter til JPG og Optimize (valgfritt)
Trinn 10:. Eksporter Video (valgfritt)
Trinn 11:. Skriv HTML
Send Noe!