SlideShare a Scribd company logo
1 of 15
Download to read offline
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

More Related Content

Similar to Screencasts & Videotutorials #bcbs19

2012_10 SNoUG Building Social Software
2012_10 SNoUG Building Social Software2012_10 SNoUG Building Social Software
2012_10 SNoUG Building Social SoftwareRoman Weber
 
Wir machen jetzt Hollywood! - Updated Oct. 2016
Wir machen jetzt Hollywood! - Updated Oct. 2016Wir machen jetzt Hollywood! - Updated Oct. 2016
Wir machen jetzt Hollywood! - Updated Oct. 2016Alexander Hohenthaner
 
Camtasia 2019 Schulung Oktober 2019
Camtasia 2019 Schulung Oktober 2019Camtasia 2019 Schulung Oktober 2019
Camtasia 2019 Schulung Oktober 2019Andreas Pilz
 
Präsentation Screencasts 2.11.11
Präsentation Screencasts 2.11.11Präsentation Screencasts 2.11.11
Präsentation Screencasts 2.11.11primaErma
 
Erklaervideos im daf 01.02.19
Erklaervideos im daf 01.02.19 Erklaervideos im daf 01.02.19
Erklaervideos im daf 01.02.19 deutschonline
 
SAMSUNG YP-S5JC
SAMSUNG YP-S5JCSAMSUNG YP-S5JC
SAMSUNG YP-S5JCjulia135
 
yp-s5jc Samsung mp3
yp-s5jc Samsung mp3yp-s5jc Samsung mp3
yp-s5jc Samsung mp3marco678
 
SAMSUNG YP-S5JC
SAMSUNG YP-S5JCSAMSUNG YP-S5JC
SAMSUNG YP-S5JCmarco678
 
Was brauche ich um Kurzfilme zu drehen
Was brauche ich um Kurzfilme zu drehenWas brauche ich um Kurzfilme zu drehen
Was brauche ich um Kurzfilme zu drehendeutschonline
 
Lehrvideoerstellung für MOOCs
Lehrvideoerstellung für MOOCsLehrvideoerstellung für MOOCs
Lehrvideoerstellung für MOOCsAndreas Wittke
 
Samsung mp3 YP-S5
Samsung mp3 YP-S5Samsung mp3 YP-S5
Samsung mp3 YP-S5julia135
 
YP-S5JA MP3 Player
YP-S5JA MP3 PlayerYP-S5JA MP3 Player
YP-S5JA MP3 Playerjulia135
 
Samsung mp3 YP-S5
Samsung mp3 YP-S5Samsung mp3 YP-S5
Samsung mp3 YP-S5marco678
 
Screencasting Tipps & Tricks
Screencasting Tipps & TricksScreencasting Tipps & Tricks
Screencasting Tipps & TricksAndreas Pilz
 
Sessions aufzeichnen mit möglichst wenig Aufwand - Stand Oktober 2016
Sessions aufzeichnen mit möglichst wenig Aufwand - Stand Oktober 2016Sessions aufzeichnen mit möglichst wenig Aufwand - Stand Oktober 2016
Sessions aufzeichnen mit möglichst wenig Aufwand - Stand Oktober 2016frankstaude
 

Similar to Screencasts & Videotutorials #bcbs19 (20)

2012_10 SNoUG Building Social Software
2012_10 SNoUG Building Social Software2012_10 SNoUG Building Social Software
2012_10 SNoUG Building Social Software
 
Wir machen jetzt Hollywood! - Updated Oct. 2016
Wir machen jetzt Hollywood! - Updated Oct. 2016Wir machen jetzt Hollywood! - Updated Oct. 2016
Wir machen jetzt Hollywood! - Updated Oct. 2016
 
Camtasia 2019 Schulung Oktober 2019
Camtasia 2019 Schulung Oktober 2019Camtasia 2019 Schulung Oktober 2019
Camtasia 2019 Schulung Oktober 2019
 
Präsentation Screencasts 2.11.11
Präsentation Screencasts 2.11.11Präsentation Screencasts 2.11.11
Präsentation Screencasts 2.11.11
 
XPages Full HD
XPages Full HDXPages Full HD
XPages Full HD
 
Tools4 agile teams
Tools4 agile teamsTools4 agile teams
Tools4 agile teams
 
Kundenpräsentation Navigation Zukunft
Kundenpräsentation Navigation ZukunftKundenpräsentation Navigation Zukunft
Kundenpräsentation Navigation Zukunft
 
Erklaervideos im daf 01.02.19
Erklaervideos im daf 01.02.19 Erklaervideos im daf 01.02.19
Erklaervideos im daf 01.02.19
 
Wir machen jetzt Hollywood!
Wir machen jetzt Hollywood!Wir machen jetzt Hollywood!
Wir machen jetzt Hollywood!
 
SAMSUNG YP-S5JC
SAMSUNG YP-S5JCSAMSUNG YP-S5JC
SAMSUNG YP-S5JC
 
yp-s5jc Samsung mp3
yp-s5jc Samsung mp3yp-s5jc Samsung mp3
yp-s5jc Samsung mp3
 
SAMSUNG YP-S5JC
SAMSUNG YP-S5JCSAMSUNG YP-S5JC
SAMSUNG YP-S5JC
 
Was brauche ich um Kurzfilme zu drehen
Was brauche ich um Kurzfilme zu drehenWas brauche ich um Kurzfilme zu drehen
Was brauche ich um Kurzfilme zu drehen
 
AFBMC - Mach's dir selbst
AFBMC - Mach's dir selbstAFBMC - Mach's dir selbst
AFBMC - Mach's dir selbst
 
Lehrvideoerstellung für MOOCs
Lehrvideoerstellung für MOOCsLehrvideoerstellung für MOOCs
Lehrvideoerstellung für MOOCs
 
Samsung mp3 YP-S5
Samsung mp3 YP-S5Samsung mp3 YP-S5
Samsung mp3 YP-S5
 
YP-S5JA MP3 Player
YP-S5JA MP3 PlayerYP-S5JA MP3 Player
YP-S5JA MP3 Player
 
Samsung mp3 YP-S5
Samsung mp3 YP-S5Samsung mp3 YP-S5
Samsung mp3 YP-S5
 
Screencasting Tipps & Tricks
Screencasting Tipps & TricksScreencasting Tipps & Tricks
Screencasting Tipps & Tricks
 
Sessions aufzeichnen mit möglichst wenig Aufwand - Stand Oktober 2016
Sessions aufzeichnen mit möglichst wenig Aufwand - Stand Oktober 2016Sessions aufzeichnen mit möglichst wenig Aufwand - Stand Oktober 2016
Sessions aufzeichnen mit möglichst wenig Aufwand - Stand Oktober 2016
 

More from Wolfgang Wagner

E-Mails verschlüsseln mit PGP / GPG
E-Mails verschlüsseln mit PGP / GPGE-Mails verschlüsseln mit PGP / GPG
E-Mails verschlüsseln mit PGP / GPGWolfgang Wagner
 
Upgrade von TYPO3 4.5 auf 6.2 - CertiFUNcation Phantasialand 2015
Upgrade von TYPO3 4.5 auf 6.2 - CertiFUNcation Phantasialand 2015Upgrade von TYPO3 4.5 auf 6.2 - CertiFUNcation Phantasialand 2015
Upgrade von TYPO3 4.5 auf 6.2 - CertiFUNcation Phantasialand 2015Wolfgang Wagner
 
Sass & Compass - CSS für Fortgeschrittene
Sass & Compass - CSS für FortgeschritteneSass & Compass - CSS für Fortgeschrittene
Sass & Compass - CSS für FortgeschritteneWolfgang Wagner
 
Die Neuerungen in TYPO3 CMS 6
Die Neuerungen in TYPO3 CMS 6Die Neuerungen in TYPO3 CMS 6
Die Neuerungen in TYPO3 CMS 6Wolfgang Wagner
 
Webinar TYPO3 Performance Optimierung
Webinar TYPO3 Performance OptimierungWebinar TYPO3 Performance Optimierung
Webinar TYPO3 Performance OptimierungWolfgang Wagner
 

More from Wolfgang Wagner (9)

E-Mails verschlüsseln mit PGP / GPG
E-Mails verschlüsseln mit PGP / GPGE-Mails verschlüsseln mit PGP / GPG
E-Mails verschlüsseln mit PGP / GPG
 
Upgrade von TYPO3 4.5 auf 6.2 - CertiFUNcation Phantasialand 2015
Upgrade von TYPO3 4.5 auf 6.2 - CertiFUNcation Phantasialand 2015Upgrade von TYPO3 4.5 auf 6.2 - CertiFUNcation Phantasialand 2015
Upgrade von TYPO3 4.5 auf 6.2 - CertiFUNcation Phantasialand 2015
 
Neuerungen in TYPO3 6.0
Neuerungen in TYPO3 6.0Neuerungen in TYPO3 6.0
Neuerungen in TYPO3 6.0
 
Upgrade auf TYPO3 6.2
Upgrade auf TYPO3 6.2Upgrade auf TYPO3 6.2
Upgrade auf TYPO3 6.2
 
Warum gerade TYPO3?
Warum gerade TYPO3?Warum gerade TYPO3?
Warum gerade TYPO3?
 
Workspaces in TYPO3
Workspaces in TYPO3Workspaces in TYPO3
Workspaces in TYPO3
 
Sass & Compass - CSS für Fortgeschrittene
Sass & Compass - CSS für FortgeschritteneSass & Compass - CSS für Fortgeschrittene
Sass & Compass - CSS für Fortgeschrittene
 
Die Neuerungen in TYPO3 CMS 6
Die Neuerungen in TYPO3 CMS 6Die Neuerungen in TYPO3 CMS 6
Die Neuerungen in TYPO3 CMS 6
 
Webinar TYPO3 Performance Optimierung
Webinar TYPO3 Performance OptimierungWebinar TYPO3 Performance Optimierung
Webinar TYPO3 Performance Optimierung
 

Screencasts & Videotutorials #bcbs19

  • 2. 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
  • 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 Deine Zielgruppe ○ 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ärke anheben 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 ○ 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
  • 11. 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
  • 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 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