Screencasts & Videotutorials
Barcamp Bodensee 2019
1
Wer steht dann hier?
● Wolfgang Wagner
● Web Entwickler bei jweiland.net (Hosting,
TYPO3-Agentur)
● Videos, Schulungen, Projektumsetzungen, Social
Media, 2nd Level Support, TYPO3-Newsletter,…
● Seit 2009 ca. +/- 800 Videoanleitungen erstellt
○ jweiland.net
○ Youtube:
https://www.youtube.com/user/wowawebdesign
○ wwagner.net/typo38lts
2
Wozu eigentlich Videoanleitungen?
● Kundensupport
● Neue Mitarbeiter / Azubis / Praktikanten einlernen
● Sich/Die Firma als Marke/Experte positionieren
○ Bekanntheitsgrad steigern
3
Stil der Videos
● Realvideo
● Screencast
● Mischung Screencast / Realvideo
4
Zielgruppe
● Definiere Deine Zielgruppe
○ Danach richtet sich der Stil der Videos
○ zum Beispiel Anrede DU oder SIE
○ Schwierigkeitsgrad der Videos
5
Software für Screenrecording
● Camtasia (Win, Mac, kommerziell, ca. 220 Euro)
○ Videoschnitt möglich
○ Viele Effekte dabei
○ Maus-Klick-Highlighting
● OBS Studio (Win, Mac, Linux, Open Source)
○ Keine Schnittfunktionen
○ Aufnahmen und Live-Streams möglich
6
Software für Videoschnitt
● Adobe Premiere Pro (Win, Mac, kommerziell)
● Magix-Software (Win, kommerziell)
● DaVinci Resolve (Win, Mac, Linux, Freeware)
● KDEnlive (Linux, Open Source)
● OpenShot (Win, Mac, Linux, Open Source)
● uvm.
7
Audio-Bearbeitung
● Wichtig: Lautstärke anheben ohne Übersteuerung (Normalisieren,
Multiband-Kompressor)
● Evtl. mit Equalizer Frequenzen anheben/senken
● Rauschen entfernen
8
Software zur Audio-Bearbeitung
● Adobe Audition (Win, Mac, kommerziell, nahtlos aus Premiere Pro heraus
einsetzbar)
● Audacity (Win, Mac, Linux)
9
Durchführung
● Realvideos
○ Es muss keine teure Kamera sein!
○ Moderne Smartphones reichen qualitativ völlig aus
○ Stativ!
○ Mikrofon (Lavalier, auf Steckerkompatibilität mit Smartphone achten!)
○ Ausleuchtung (Tipp: Tageslicht, vor dem Fenster stehen)
10
Durchführung
● Screencasts
○ Geeignete Videoauflösung
■ 1280x720 (HD) bis 1920x1080 (Full HD)
○ Geeignete Bildausschnitte
■ Evtl. in der Nachbearbeitung reinzoomen
○ Versprecher, Verzögerungen etc. raus schneiden
○ Deutlich sprechen, aber möglichst frei sprechen. Nicht ablesen!
○ Geeignetes Mikrofon (Podcast-Mikro, Headset, Lavalier)
○ Ruhiger, möglichst echoarmer Raum (auch auf externe Umgebungsgeräusche achten)
11
Export & Publishing
● Export als MP4 mit H.264 Codec
○ Ggf. das Video mit Handbrake komprimieren
● Publishing
○ Youtube
○ Vimeo
○ Self Hosted (evtl. aufwändiger)
12
Links
Camtasia https://wwagner.info/camtasia
OBS Studio https://wwagner.info/obs
Adobe Premiere Pro https://wwagner.info/premiere
Magix Software https://wwagner.info/magix
DaVinci Resolve https://wwagner.info/davinci
KDEnlive https://wwagner.info/kdenlive
OpenShot https://wwagner.info/openshot
Adobe Audition https://wwagner.info/audition
Audacity https://wwagner.info/audacity
Handbrake https://wwagner.info/handbrake
13
Fragen?
14
Danke!
15

Screencasts & Videotutorials #bcbs19

  • 1.
  • 2.
    Wer steht dannhier? ● Wolfgang Wagner ● Web Entwickler bei jweiland.net (Hosting, TYPO3-Agentur) ● Videos, Schulungen, Projektumsetzungen, Social Media, 2nd Level Support, TYPO3-Newsletter,… ● Seit 2009 ca. +/- 800 Videoanleitungen erstellt ○ jweiland.net ○ Youtube: https://www.youtube.com/user/wowawebdesign ○ wwagner.net/typo38lts 2
  • 3.
    Wozu eigentlich Videoanleitungen? ●Kundensupport ● Neue Mitarbeiter / Azubis / Praktikanten einlernen ● Sich/Die Firma als Marke/Experte positionieren ○ Bekanntheitsgrad steigern 3
  • 4.
    Stil der Videos ●Realvideo ● Screencast ● Mischung Screencast / Realvideo 4
  • 5.
    Zielgruppe ● Definiere DeineZielgruppe ○ Danach richtet sich der Stil der Videos ○ zum Beispiel Anrede DU oder SIE ○ Schwierigkeitsgrad der Videos 5
  • 6.
    Software für Screenrecording ●Camtasia (Win, Mac, kommerziell, ca. 220 Euro) ○ Videoschnitt möglich ○ Viele Effekte dabei ○ Maus-Klick-Highlighting ● OBS Studio (Win, Mac, Linux, Open Source) ○ Keine Schnittfunktionen ○ Aufnahmen und Live-Streams möglich 6
  • 7.
    Software für Videoschnitt ●Adobe Premiere Pro (Win, Mac, kommerziell) ● Magix-Software (Win, kommerziell) ● DaVinci Resolve (Win, Mac, Linux, Freeware) ● KDEnlive (Linux, Open Source) ● OpenShot (Win, Mac, Linux, Open Source) ● uvm. 7
  • 8.
    Audio-Bearbeitung ● Wichtig: Lautstärkeanheben ohne Übersteuerung (Normalisieren, Multiband-Kompressor) ● Evtl. mit Equalizer Frequenzen anheben/senken ● Rauschen entfernen 8
  • 9.
    Software zur Audio-Bearbeitung ●Adobe Audition (Win, Mac, kommerziell, nahtlos aus Premiere Pro heraus einsetzbar) ● Audacity (Win, Mac, Linux) 9
  • 10.
    Durchführung ● Realvideos ○ Esmuss keine teure Kamera sein! ○ Moderne Smartphones reichen qualitativ völlig aus ○ Stativ! ○ Mikrofon (Lavalier, auf Steckerkompatibilität mit Smartphone achten!) ○ Ausleuchtung (Tipp: Tageslicht, vor dem Fenster stehen) 10
  • 11.
    Durchführung ● Screencasts ○ GeeigneteVideoauflösung ■ 1280x720 (HD) bis 1920x1080 (Full HD) ○ Geeignete Bildausschnitte ■ Evtl. in der Nachbearbeitung reinzoomen ○ Versprecher, Verzögerungen etc. raus schneiden ○ Deutlich sprechen, aber möglichst frei sprechen. Nicht ablesen! ○ Geeignetes Mikrofon (Podcast-Mikro, Headset, Lavalier) ○ Ruhiger, möglichst echoarmer Raum (auch auf externe Umgebungsgeräusche achten) 11
  • 12.
    Export & Publishing ●Export als MP4 mit H.264 Codec ○ Ggf. das Video mit Handbrake komprimieren ● Publishing ○ Youtube ○ Vimeo ○ Self Hosted (evtl. aufwändiger) 12
  • 13.
    Links Camtasia https://wwagner.info/camtasia OBS Studiohttps://wwagner.info/obs Adobe Premiere Pro https://wwagner.info/premiere Magix Software https://wwagner.info/magix DaVinci Resolve https://wwagner.info/davinci KDEnlive https://wwagner.info/kdenlive OpenShot https://wwagner.info/openshot Adobe Audition https://wwagner.info/audition Audacity https://wwagner.info/audacity Handbrake https://wwagner.info/handbrake 13
  • 14.
  • 15.