# Schermopname voor tutorials en demo’s: een schone werkwijze [Canonical HTML page](https://gradiently.design/nl/guide/screen-recording-tips) De meeste tutorials zijn moeilijk te bekijken om redenen die niets met de software te maken hebben: rommel, piepkleine tekst, afdwalen en slecht geluid. Hier is een werkwijze die alle vier oplost. ## The short version - Een goede schermopname hangt meer af van voorbereiding dan van het opnameprogramma: ruim het scherm op, vergroot de tekst en plan wat je gaat zeggen. - Eén browsertabblad of venster delen geeft een schonere, privévriendelijkere schermopname dan het hele scherm delen. - Of een schermopname het eigen geluid van de computer bevat, hangt af van de browser en van wat je kiest om te delen. - Opnemen in korte opnames van elk één stap maakt fouten goedkoop te herstellen en de uiteindelijke video makkelijk bij te snijden. - Ondertiteling en een korte titelkaart in je huisstijl maken een tutorial makkelijker te volgen en herkenbaar van jou. Een schone **schermopname** voor een tutorial of demo komt voort uit vier gewoonten: het scherm opruimen en de tekst groter maken voordat je begint, alleen het tabblad of venster delen dat je nodig hebt, een kort geschreven overzicht volgen en je stem opnemen met een microfoon dicht bij je mond. Neem daarna op in korte opnames, knip de pauzes weg, voeg ondertiteling toe en open met een eenvoudige titelkaart. Het programma waarmee je opneemt doet veel minder ter zake dan die stappen. ## Bereid het scherm voor voordat je opneemt Kijkers volgen je scherm veel aandachtiger dan jij. Een rommelig bureaublad, een verdwaalde melding of een bladwijzerbalk vol persoonlijke links trekt hun ogen weg van wat je onderwijst, en kan dingen tonen die je nooit wilde delen. 1. **Zet Niet storen aan** Dempt meldingen op de computer en de telefoon ernaast. Een bericht dat in beeld schuift leidt af en kan privé zijn. 2. **Sluit alles wat je niet toont** Sluit andere apps en overbodige tabbladen. Verberg de bladwijzerbalk en extensies die in de werkbalk staan. 3. **Maak de tekst groter** Zoom de browser of app naar 125% of 150%. Tutorials worden vaak op telefoons bekeken, waar gewone interfacetekst onleesbaar wordt. 4. **Gebruik demogegevens** Log in op een demoaccount of vul de app met voorbeeldnamen en -getallen, zodat er geen klantgegevens of privébestanden verschijnen. 5. **Maak het venster 16:9** Als je een venster deelt, geef het dan ongeveer de vorm van de uiteindelijke video, zodat er geen zwarte balken omheen zitten. ## Kies wat je deelt: een tabblad, een venster of het hele scherm Als je in een browser een scherm opneemt, toont de browser zijn eigen deeldialoog en vraagt je een tabblad, een venster of een heel scherm te kiezen. Elk heeft een afweging. | Delen | Goed voor | Let op | | --- | --- | --- | | Een browsertabblad | Webapps en websites; de privévriendelijkste keuze | Van tabblad wisselen tijdens de opname volgt niet mee | | Een venster | Eén desktopapp, zoals een spreadsheet of editor | Menu’s en dialogen van andere apps verschijnen niet | | Het hele scherm | Wisselen tussen meerdere apps | Toont alles: meldingen, dock, andere vensters | Deel het kleinste wat de hele demo dekt. Voor software die in de browser draait, is een tabblad meestal genoeg. > **Machtigingen, eerlijk gezegd** Op een Mac heeft de browser zelf toestemming nodig om het scherm op te nemen: de eerste keer stuurt macOS je naar Systeeminstellingen, Privacy en beveiliging, Scherm- en systeemaudio-opname, en de browser moet mogelijk opnieuw worden gestart. Opnemen werkt ook alleen op een beveiligde (https) pagina. ## Zo neem je je scherm op met geluid Er zijn twee soorten geluid in een schermopname: je stem via de microfoon en het eigen geluid van de computer, zoals een video die in de demo speelt. Je stem is makkelijk. Het geluid van de computer is niet gegarandeerd: of een browser het kan delen hangt af van de browser, het besturingssysteem en of je een tabblad, een venster of het scherm deelde. Een tabblad delen in een Chromium-browser zoals Chrome of Edge, met de optie om audio te delen aangevinkt, is de betrouwbaarste route. Als het geluid ertoe doet, maak dan een test van tien seconden en luister terug voor de echte opname. - Gebruik een externe microfoon, zelfs een bedrade headset, in plaats van de ingebouwde van de laptop, die toetsenbordgeluid en ventilatorgezoem opvangt. - Houd de microfoon een handbreedte van je mond en een beetje opzij. - Neem op in een kleine kamer met zachte dingen erin: gordijnen, een bank, een kleed. Kale muren geven galm. - Draag een koptelefoon als de demo geluid maakt, zodat de speakers niet terugkoppelen in de microfoon. ## Script de stappen, niet de zinnen Een volledig script woord voor woord voorlezen klinkt stijf, en improviseren leidt tot afdwalen. De middenweg is een overzicht: één regel per stap, met de exacte klik en het ene wat de kijker moet begrijpen. Houd het op papier of op een tweede scherm, buiten het gedeelde gebied. ```text TITEL Een print-pdf exporteren (onder 2 min) 0. Haakje Toon de afgewerkte pdf met snijtekens. 1. Openen Menu Bestand > Exporteren. Zeg waarom: drukkers hebben afloop nodig. 2. Kiezen Formaat: PDF. Kwaliteit: Print. 3. Controle Wijs de afloop en snijtekens aan in de voorvertoning. 4. Export Klik op Exporteren, open het bestand om te bewijzen dat het werkte. 5. Afsluiten Samenvatting in één regel. Waar je de volgende video vindt. ``` Een overzicht van één pagina. Elke genummerde regel wordt één korte opname. Neem één stap per opname op. Als je je verspreekt, stop dan, wacht een seconde en begin die stap opnieuw. Korte opnames maken fouten goedkoop en geven je natuurlijke plekken om te knippen. Beweeg de muis langzaam en bewust, en wacht na elke klik een moment zodat kijkers kunnen zien wat er veranderde. ## Bewerk, ondertitel en kader de opname in Een tutorial bewerken is vooral dingen weghalen: de stilte voordat je spreekt, het laadicoontje, de valse start. Knip elke opname strak bij, zet ze op volgorde en luister één keer door. [Video bewerken voor beginners](https://gradiently.design/nl/guide/timeline-video-editing) legt clips, bijsnijden en audio in gewone taal uit. Voeg dan ondertiteling toe. Veel mensen kijken zonder geluid, en ondertiteling helpt iedereen die in een tweede taal meekijkt. Houd het kort, hooguit twee regels, geplaatst waar het het deel van de interface dat je aanwijst niet bedekt. [Videoondertiteling](https://gradiently.design/nl/guide/video-captions-design) behandelt grootte en plaatsing. Een 16:9-titelkaart voor een tutorial met de tekst Print-pdf exporteren in 4 klikken, Tutorial 07, op een verloopachtergrond in huisstijl Een titelkaart die twee of drie seconden blijft staan vertelt kijkers precies wat ze leren, en laat een serie als serie ogen. Zet de opname voor socialposts op een achtergrond in je huisstijl in plaats van hem uit te rekken om een verticaal kader te vullen. Een 16:9-opname staat goed midden in een post van 1080×1350 of een story van 1080×1920, met een kop erboven en ruimte voor ondertiteling eronder. Elk kader staat in [formaten voor video op sociale media](https://gradiently.design/nl/guide/social-video-sizes). - Opname 1920×1080: 1920 × 1080 - Feedpost 1080×1350: 1080 × 1350 - Story 1080×1920: 1080 × 1920 Een breedbeeldopname en de twee verticale kaders waarin hij het vaakst moet leven. Zet hem op een achtergrond in plaats van hem bij te snijden. ### Moeilijk te bekijken - Heel scherm gedeeld, piepkleine tekst - Laptopmicrofoon, galmende kamer - Eén lange opname met elke aarzeling - Muis die over het scherm racet - Geen ondertiteling ### Makkelijk te volgen - Eén tabblad, gezoomd naar 125% of meer - Externe microfoon, zachte kamer - Eén opname per stap, pauzes weggeknipt - Langzame, bewuste aanwijzer, een moment na elke klik - Korte ondertiteling buiten de actie ## Je scherm opnemen in Gradiently Met Pro kan Gradiently een scherm, tabblad of venster rechtstreeks in een ontwerp opnemen, met of zonder je microfoon, en ook je camera of alleen je stem. De eigen dialoog van je browser vraagt wat je wilt delen, en schermaudio hangt af van de browser en het oppervlak dat je kiest. Je bekijkt de clip voordat je hem toevoegt en hij blijft in je browser tot je dat doet. Op de tijdlijn kun je hem bijsnijden, ondertiteling en muziek toevoegen en hem op een achtergrond zetten die van je eigen kanaal is, en daarna elk formaat exporteren dat je nodig hebt. [Productdemovideo’s](https://gradiently.design/nl/guide/product-demo-video) en [talking head-video’s](https://gradiently.design/nl/guide/talking-head-video) gebruiken dezelfde werkwijze. ## FAQ ### Hoe neem ik mijn scherm op met geluid? Zet je microfoon aan voor je stem. Deel voor het eigen geluid van de computer één tabblad in een Chromium-browser en vink de optie aan om audio te delen; ondersteuning in andere browsers en bij het delen van het hele scherm varieert. ### Waarom kan mijn browser mijn scherm niet opnemen op een Mac? macOS vraagt je de browser toe te staan in Systeeminstellingen, Privacy en beveiliging, Scherm- en systeemaudio-opname. Sluit de browser na het toestaan af en open hem opnieuw. ### Moet ik een tabblad, een venster of mijn hele scherm delen? Deel het kleinste wat de demo dekt. Een tabblad is het privévriendelijkst en werkt voor webapps; een venster past bij één desktopapp; het hele scherm is alleen nodig als je tussen apps wisselt. ### Hoe lang moet een schermopname voor een tutorial zijn? Zo kort als de taak toelaat. Splits alles met meer dan ongeveer vijf stappen in aparte video’s zodat elke video één vraag beantwoordt. ### Op welke resolutie moet ik mijn scherm opnemen? Mik op een resultaat van 1920×1080 en zoom de interface naar 125% of meer, zodat de tekst leesbaar blijft als de video op een telefoon wordt bekeken.