# Näytön tallennus: selkeä työnkulku ohjeisiin ja demoihin

[Canonical HTML page](https://gradiently.design/fi/guide/screen-recording-tips)

Useimpien ohjevideoiden seuraaminen on hankalaa syistä, jotka eivät liity ohjelmistoon: sekavuus, pieni teksti, jaarittelu ja huono ääni. Tämä työnkulku ratkaisee kaikki neljä.

## The short version

- Hyvä näytön tallennus riippuu enemmän valmistelusta kuin työkalusta: siivoa näyttö, suurenna teksti ja suunnittele, mitä sanot.
- Yhden selainvälilehden tai ikkunan jakaminen tuottaa siistimmän ja yksityisemmän tallenteen kuin koko näytön jakaminen.
- Tietokoneen oman äänen tallentuminen riippuu selaimesta ja valitsemastasi jaettavasta näkymästä.
- Yhden vaiheen lyhyet otot tekevät virheistä helppoja korjata ja lopullisesta videosta helpon leikata.
- Tekstitykset ja lyhyt brändin otsikkokortti helpottavat ohjeen seuraamista ja tekevät siitä tunnistettavasti sinun.

Selkeä **näytön tallennus** ohjeeseen tai demoon syntyy neljästä tavasta: siisti näyttö ja suurenna teksti ennen aloitusta, jaa vain tarvittava välilehti tai ikkuna, seuraa lyhyttä kirjallista runkoa ja tallenna puhe lähellä suuta olevalla mikrofonilla. Tee lyhyitä ottoja, leikkaa tauot, lisää tekstitykset ja aloita yksinkertaisella otsikkokortilla. Tallennustyökalu merkitsee paljon vähemmän kuin nämä vaiheet.

## Valmistele näyttö ennen tallennusta

Katsoja tarkkailee näyttöäsi paljon sinua huolellisemmin. Sotkuinen työpöytä, satunnainen ilmoitus tai henkilökohtaisia linkkejä täynnä oleva kirjanmerkkipalkki vie huomion opetettavasta asiasta ja voi paljastaa jotakin, mitä et aikonut jakaa.

1. **Ota Älä häiritse käyttöön** Hiljennä tietokoneen ja vieressä olevan puhelimen ilmoitukset. Esiin liukuva viestiesikatselu häiritsee ja voi olla yksityinen.
2. **Sulje kaikki, mitä et näytä** Lopeta muut sovellukset ja sulje ylimääräiset välilehdet. Piilota kirjanmerkkipalkki ja työkalupalkin laajennukset.
3. **Suurenna teksti** Zoomaa selain tai sovellus 125%:iin tai 150%:iin. Ohjeita katsotaan usein puhelimella, jolloin normaali käyttöliittymäteksti muuttuu lukukelvottomaksi.
4. **Käytä demotietoja** Kirjaudu demotilille tai täytä sovellus esimerkkinimillä ja -luvuilla, jotta asiakastietoja tai yksityisiä tiedostoja ei näy.
5. **Muotoile ikkuna suhteeseen 16:9** Jos jaat ikkunan, tee siitä suunnilleen lopullisen videon muotoinen, jotta ympärille ei synny mustia palkkeja.

## Valitse jaettavaksi välilehti, ikkuna tai koko näyttö

Kun tallennat näyttöä selaimessa, selain näyttää oman jakamisikkunansa ja pyytää valitsemaan välilehden, ikkunan tai koko näytön. Jokaisessa on omat kompromissinsa.

| Jaettava | Sopii | Huomioi |
| --- | --- | --- |
| Selainvälilehti | Verkkosovellukset ja sivustot, yksityisin vaihtoehto | Välilehden vaihtaminen tallennuksen aikana ei seuraa mukana |
| Ikkuna | Yksi työpöytäsovellus, kuten taulukkolaskenta tai editori | Muiden sovellusten valikot ja ikkunat eivät näy |
| Koko näyttö | Liikkuminen usean sovelluksen välillä | Näyttää kaiken: ilmoitukset, Dockin ja muut ikkunat |

Jaa pienin näkymä, joka kattaa koko demon. Välilehti riittää yleensä selaimessa toimivalle ohjelmistolle.

> **Mitä käyttöoikeudet vaativat** Macissa selain tarvitsee luvan näytön tallennukseen. Ensimmäisellä kerralla macOS ohjaa Järjestelmäasetusten kohtaan Tietosuoja ja suojaus > Näytön ja järjestelmän äänen tallennus. Selain voi vaatia uudelleenkäynnistyksen. Tallennus toimii myös vain suojatulla https-sivulla.

## Näytön tallennus äänen kanssa

Näyttötallenteessa on kahdenlaista ääntä: mikrofonin kautta tuleva puheesi ja tietokoneen oma ääni, kuten demossa toistuva video. Puhe on helppo. Tietokoneen ääni ei ole varma: sen jakaminen riippuu selaimesta, käyttöjärjestelmästä ja siitä, jaatko välilehden, ikkunan vai näytön. Luotettavin tapa on välilehden jakaminen Chromium-selaimessa, kuten Chromessa tai Edgessä, äänen jakaminen valittuna. Jos ääni on tärkeä, tee kymmenen sekunnin testi ja kuuntele se ennen varsinaista ottoa.

- Käytä ulkoista mikrofonia, vaikka langallista kuulokemikrofonia. Kannettavan sisäinen mikrofoni poimii näppäinääniä ja tuulettimen huminaa.
- Pidä mikrofoni kämmenen leveyden päässä suusta ja hieman sivussa.
- Tallenna pienessä huoneessa, jossa on pehmeitä asioita: verhot, sohva ja matto. Paljaat seinät kaikuvat.
- Käytä kuulokkeita, jos demo tuottaa ääntä, jotta kaiuttimien ääni ei palaudu mikrofoniin.

## Käsikirjoita vaiheet, älä lauseita

Koko tekstin lukeminen sanasta sanaan kuulostaa jäykältä, improvisointi taas helposti jaarittelulta. Keskitie on runko: yksi rivi vaihetta kohden, tarkka klikkaus ja asia, joka katsojan tulee ymmärtää. Pidä se paperilla tai toisella näytöllä jaettavan alueen ulkopuolella.

```text
OTSIKKO   Näin viet paino-PDF:n (alle 2 min)

0. Aloitus  Näytä valmis PDF leikkausmerkkeineen.
1. Avaa     Tiedosto-valikko > Vie. Kerro miksi: painotalo tarvitsee leikkuuvaran.
2. Valitse  Muoto: PDF. Laatu: Paino.
3. Tarkista Osoita esikatselun leikkuuvara ja leikkausmerkit.
4. Vie      Klikkaa Vie ja avaa tiedosto osoittaaksesi onnistumisen.
5. Lopetus  Yhden rivin kertaus. Mistä seuraava video löytyy.
```

Yhden sivun runko. Jokaisesta numeroidusta rivistä tulee yksi lyhyt otto.

Tallenna yksi vaihe kerrallaan. Jos erehdyt, pysähdy, pidä sekunnin tauko ja aloita vaihe uudelleen. Lyhyet otot tekevät virheistä helppoja ja tarjoavat luontevia leikkauskohtia. Liikuta hiirtä hitaasti ja harkiten. Pidä jokaisen klikkauksen jälkeen pieni tauko, jotta katsoja näkee muutoksen.

## Leikkaa, tekstitä ja kehystä tallenne

Ohjevideon editointi on enimmäkseen poistamista: hiljaisuus ennen puhetta, latausanimaatio ja epäonnistunut aloitus. Leikkaa otot tiiviiksi, järjestä ne ja kuuntele kokonaisuus kerran. [Videon editointi aloittelijalle](https://gradiently.design/fi/guide/timeline-video-editing) selittää leikkeet, leikkauksen ja äänen selkeästi.

Lisää sitten tekstitykset. Monet katsovat ilman ääntä, ja tekstitys auttaa myös vierasta kieltä seuraavaa. Pidä ne lyhyinä, enintään kaksi riviä, ja sijoita ne pois osoittamasi käyttöliittymäkohdan päältä. [Videotekstitykset](https://gradiently.design/fi/guide/video-captions-design) käsittelee kokoa ja sijoittelua.

16:9-ohjevideon otsikkokortti Vie paino-PDF 4 klikkauksella, Ohje 07, brändin liukuväritaustalla

Kahden tai kolmen sekunnin otsikkokortti kertoo, mitä katsoja oppii, ja tekee sarjasta yhtenäisen.

Somejulkaisussa aseta tallenne bränditaustalle sen sijaan, että venyttäisit sen täyttämään pystykuvan. 16:9-tallenne sopii 1080×1350-julkaisun tai 1080×1920-tarinan keskelle, otsikko yläpuolelle ja tekstitystila alapuolelle. Kaikki muodot löytyvät oppaasta [somevideoiden koot](https://gradiently.design/fi/guide/social-video-sizes).

- Tallenne 1920×1080: 1920 × 1080
- Julkaisu 1080×1350: 1080 × 1350
- Tarina 1080×1920: 1080 × 1920

Laajakuvatallenne ja kaksi tavallista pystymuotoa, joihin se sijoitetaan. Aseta taustalle rajaamisen sijaan.

### Vaikea katsoa

- Koko näyttö jaettuna, pieni teksti
- Kannettavan mikrofoni, kaikuva huone
- Yksi pitkä otto kaikkine epäröinteineen
- Hiiri sinkoilee näytöllä
- Ei tekstityksiä

### Helppo seurata

- Yksi välilehti, zoomaus vähintään 125%
- Ulkoinen mikrofoni, pehmeästi sisustettu huone
- Yksi otto vaihetta kohden, tauot leikattu
- Hidas, harkittu osoitin ja tauko klikkauksen jälkeen
- Lyhyet tekstitykset toiminnan ulkopuolella

## Näytön tallennus Gradientlyssä

Prolla Gradiently tallentaa näytön, välilehden tai ikkunan suoraan sommitteluun mikrofonilla tai ilman. Voit myös tallentaa kameran tai pelkän puheen. Selaimen oma ikkuna kysyy, mitä jaetaan. Näytön ääni riippuu selaimesta ja valitusta näkymästä. Tarkistat leikkeen ennen lisäämistä, ja siihen asti se pysyy selaimessasi. Aikajanalla voit leikata sen, lisätä tekstityksiä ja musiikkia sekä asettaa sen kanavasi omalle taustalle. Vie sitten tarvittavat koot. [Tuotteen demovideot](https://gradiently.design/fi/guide/product-demo-video) ja [puhevideot](https://gradiently.design/fi/guide/talking-head-video) käyttävät samaa työnkulkua.

## FAQ

### Miten tallennan näytön äänen kanssa?

Ota mikrofoni käyttöön puhetta varten. Tietokoneen omaa ääntä varten jaa yksi välilehti Chromium-selaimessa ja valitse äänen jakaminen. Muiden selainten ja koko näytön jaon tuki vaihtelee.

### Miksi selain ei tallenna näyttöä Macissa?

macOS vaatii selaimen hyväksymisen Järjestelmäasetusten kohdassa Tietosuoja ja suojaus > Näytön ja järjestelmän äänen tallennus. Sulje ja avaa selain luvan antamisen jälkeen.

### Jaanko välilehden, ikkunan vai koko näytön?

Jaa pienin demon kattava näkymä. Välilehti on yksityisin ja sopii verkkosovelluksiin, ikkuna yhdelle työpöytäsovellukselle. Koko näyttöä tarvitaan vain sovellusten välillä liikkumiseen.

### Kuinka pitkä ohjevideon näyttötallenteen tulee olla?

Niin lyhyt kuin tehtävä sallii. Jaa yli noin viiden vaiheen kokonaisuudet erillisiksi videoiksi, jotta jokainen vastaa yhteen kysymykseen.

### Millä tarkkuudella näyttö kannattaa tallentaa?

Tavoittele 1920×1080-lopputulosta ja zoomaa käyttöliittymä vähintään 125%:iin, jotta teksti pysyy luettavana myös puhelimella.