SlideShare a Scribd company logo
1 of 15
Download to read offline
Screencasts & Videotutorials
Software, Tools, Tipps
TYPO3camp Berlin 2019
Wer steht denn hier?
• Wolfgang Wagner
• Web Entwickler bei jweiland.net
• Joo, ich mache nicht nur Videos, sondern auch
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
Wozu eigentlich Videos?
• Kundensupport
• Neue Mitarbeiter/Azubis/Praktikanten einlernen
• Sich/Die Firma als Marke/Experte positionieren
Stil der Videos
• Realvideo
• Screencast
• Mischung Screencast / Realvideo
Zielgruppe
• Definiere Deine Zielgruppe
• Danach richtet sich der Stil der Videos
• z.B. Du oder Sie
• Schwierigkeitslevel
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
Software für Videoschnitt
• Adobe Premiere Pro (Win, Mac, kommerziell)
• Magix-Software (Win, kommerziell)
• DaVinci Resolve (Win, Mac, Linux, Freeware)
• KDEnlive (Linux, Open Source)
• VirtualDub (Open Source)
• uvm.
Audio-Bearbeitung
• Wichtig: Lautstärke anheben ohne Übersteuerung (Normalisieren,
Multiband-Kompressor)
• Evtl. mit Equalizer Frequenzen anheben/senken
• Rauschen entfernen
Software zur Audio-Bearbeitung
• Adobe Audition (Win, Mac, kommerziell, nahtlos aus Premiere Pro
heraus einsetzbar)
• Audacity (Win, Mac, Linux)
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)
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)
Export & Publishing
• Export als MP4 mit H.264 Codec
• Ggf. das Video mit Handbrake komprimieren
• Publishing
• Youtube
• Vimeo
• Self Hosted (evtl. aufwändiger)
Fragen?
Links
Camtasia https://bit.ly/1OfivMC
OBS Studio https://obsproject.com/
Adobe Premiere Pro https://adobe.ly/2LABuSs
Magix Software https://www.magix.com/de/
DaVinco Resolve https://bit.ly/2A37FW4
KDEnlive https://kdenlive.org/en/
VirtualDub http://www.virtualdub.org/
Adobe Audition https://adobe.ly/2sK9IvK
Audacity https://www.audacityteam.org/
Handbrake https://handbrake.fr/
Danke!

More Related Content

Similar to Screencasts/Videotutorials erstellen 2019

#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015
#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015
#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015Digicomp Academy AG
 
Präsentation Screencasts 2.11.11
Präsentation Screencasts 2.11.11Präsentation Screencasts 2.11.11
Präsentation Screencasts 2.11.11primaErma
 
Session Video (möglichst) ohne Nachbearbeitung
Session Video (möglichst) ohne NachbearbeitungSession Video (möglichst) ohne Nachbearbeitung
Session Video (möglichst) ohne Nachbearbeitungfrankstaude
 
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
 
Responsive Web Design mit TYPO3
Responsive Web Design mit TYPO3Responsive Web Design mit TYPO3
Responsive Web Design mit TYPO3Martin Huber
 
Clipgenerator Media Facts 2010 (German)
Clipgenerator Media Facts 2010 (German)Clipgenerator Media Facts 2010 (German)
Clipgenerator Media Facts 2010 (German)Trivid GmbH
 
Screencasting Tipps & Tricks
Screencasting Tipps & TricksScreencasting Tipps & Tricks
Screencasting Tipps & TricksAndreas Pilz
 
Sessions aufzeichnen mit möglichst wenig Aufwand
Sessions aufzeichnen mit möglichst wenig AufwandSessions aufzeichnen mit möglichst wenig Aufwand
Sessions aufzeichnen mit möglichst wenig Aufwandfrankstaude
 
20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel
20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel
20140703 Display & Video Reloaded mit HTML 5 adbalancer HantschelWerbeplanung.at Summit
 
Lehrvideoerstellung für MOOCs
Lehrvideoerstellung für MOOCsLehrvideoerstellung für MOOCs
Lehrvideoerstellung für MOOCsAndreas Wittke
 
Session Video (möglichst) ohne Nachbearbeitung
Session Video (möglichst) ohne NachbearbeitungSession Video (möglichst) ohne Nachbearbeitung
Session Video (möglichst) ohne Nachbearbeitungfrankstaude
 
Livejobs.ch
Livejobs.chLivejobs.ch
Livejobs.chlivejobs
 
Wir machen jetzt Hollywood - Social Media Content Creation
Wir machen jetzt Hollywood - Social Media Content CreationWir machen jetzt Hollywood - Social Media Content Creation
Wir machen jetzt Hollywood - Social Media Content CreationAlexander Hohenthaner
 
How-to Video heute: im Web, mobile und überhaupt
How-to Video heute: im Web, mobile und überhauptHow-to Video heute: im Web, mobile und überhaupt
How-to Video heute: im Web, mobile und überhauptBokowsky + Laymann GmbH
 
Vortrag accessible media Stammtisch "UT"
Vortrag accessible media Stammtisch "UT"Vortrag accessible media Stammtisch "UT"
Vortrag accessible media Stammtisch "UT"Jo Spelbrink
 
How-to Video heute: im Web, mobile und überhaupt
How-to Video heute: im Web, mobile und überhauptHow-to Video heute: im Web, mobile und überhaupt
How-to Video heute: im Web, mobile und überhauptBokowsky + Laymann GmbH
 
Videofilmdiaalspraesentationsmedienmartinmucha
VideofilmdiaalspraesentationsmedienmartinmuchaVideofilmdiaalspraesentationsmedienmartinmucha
VideofilmdiaalspraesentationsmedienmartinmuchaMartin Mucha
 

Similar to Screencasts/Videotutorials erstellen 2019 (20)

#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015
#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015
#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015
 
Präsentation Screencasts 2.11.11
Präsentation Screencasts 2.11.11Präsentation Screencasts 2.11.11
Präsentation Screencasts 2.11.11
 
Session Video (möglichst) ohne Nachbearbeitung
Session Video (möglichst) ohne NachbearbeitungSession Video (möglichst) ohne Nachbearbeitung
Session Video (möglichst) ohne Nachbearbeitung
 
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
 
Responsive Web Design mit TYPO3
Responsive Web Design mit TYPO3Responsive Web Design mit TYPO3
Responsive Web Design mit TYPO3
 
Clipgenerator Media Facts 2010 (German)
Clipgenerator Media Facts 2010 (German)Clipgenerator Media Facts 2010 (German)
Clipgenerator Media Facts 2010 (German)
 
Screencasting Tipps & Tricks
Screencasting Tipps & TricksScreencasting Tipps & Tricks
Screencasting Tipps & Tricks
 
Sessions aufzeichnen mit möglichst wenig Aufwand
Sessions aufzeichnen mit möglichst wenig AufwandSessions aufzeichnen mit möglichst wenig Aufwand
Sessions aufzeichnen mit möglichst wenig Aufwand
 
Video SEO
Video SEOVideo SEO
Video SEO
 
XPages Full HD
XPages Full HDXPages Full HD
XPages Full HD
 
20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel
20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel
20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel
 
Lehrvideoerstellung für MOOCs
Lehrvideoerstellung für MOOCsLehrvideoerstellung für MOOCs
Lehrvideoerstellung für MOOCs
 
Session Video (möglichst) ohne Nachbearbeitung
Session Video (möglichst) ohne NachbearbeitungSession Video (möglichst) ohne Nachbearbeitung
Session Video (möglichst) ohne Nachbearbeitung
 
Livejobs.ch
Livejobs.chLivejobs.ch
Livejobs.ch
 
Wir machen jetzt Hollywood - Social Media Content Creation
Wir machen jetzt Hollywood - Social Media Content CreationWir machen jetzt Hollywood - Social Media Content Creation
Wir machen jetzt Hollywood - Social Media Content Creation
 
How-to Video heute: im Web, mobile und überhaupt
How-to Video heute: im Web, mobile und überhauptHow-to Video heute: im Web, mobile und überhaupt
How-to Video heute: im Web, mobile und überhaupt
 
Vortrag accessible media Stammtisch "UT"
Vortrag accessible media Stammtisch "UT"Vortrag accessible media Stammtisch "UT"
Vortrag accessible media Stammtisch "UT"
 
How-to Video heute: im Web, mobile und überhaupt
How-to Video heute: im Web, mobile und überhauptHow-to Video heute: im Web, mobile und überhaupt
How-to Video heute: im Web, mobile und überhaupt
 
Videofilmdiaalspraesentationsmedienmartinmucha
VideofilmdiaalspraesentationsmedienmartinmuchaVideofilmdiaalspraesentationsmedienmartinmucha
Videofilmdiaalspraesentationsmedienmartinmucha
 
Remote Workshops
Remote WorkshopsRemote Workshops
Remote Workshops
 

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 erstellen 2019

  • 1. Screencasts & Videotutorials Software, Tools, Tipps TYPO3camp Berlin 2019
  • 2. Wer steht denn hier? • Wolfgang Wagner • Web Entwickler bei jweiland.net • Joo, ich mache nicht nur Videos, sondern auch 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
  • 3. Wozu eigentlich Videos? • Kundensupport • Neue Mitarbeiter/Azubis/Praktikanten einlernen • Sich/Die Firma als Marke/Experte positionieren
  • 4. Stil der Videos • Realvideo • Screencast • Mischung Screencast / Realvideo
  • 5. Zielgruppe • Definiere Deine Zielgruppe • Danach richtet sich der Stil der Videos • z.B. Du oder Sie • Schwierigkeitslevel
  • 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
  • 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) • VirtualDub (Open Source) • uvm.
  • 8. Audio-Bearbeitung • Wichtig: Lautstärke anheben ohne Übersteuerung (Normalisieren, Multiband-Kompressor) • Evtl. mit Equalizer Frequenzen anheben/senken • Rauschen entfernen
  • 9. Software zur Audio-Bearbeitung • Adobe Audition (Win, Mac, kommerziell, nahtlos aus Premiere Pro heraus einsetzbar) • Audacity (Win, Mac, Linux)
  • 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)
  • 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)
  • 12. Export & Publishing • Export als MP4 mit H.264 Codec • Ggf. das Video mit Handbrake komprimieren • Publishing • Youtube • Vimeo • Self Hosted (evtl. aufwändiger)
  • 14. Links Camtasia https://bit.ly/1OfivMC OBS Studio https://obsproject.com/ Adobe Premiere Pro https://adobe.ly/2LABuSs Magix Software https://www.magix.com/de/ DaVinco Resolve https://bit.ly/2A37FW4 KDEnlive https://kdenlive.org/en/ VirtualDub http://www.virtualdub.org/ Adobe Audition https://adobe.ly/2sK9IvK Audacity https://www.audacityteam.org/ Handbrake https://handbrake.fr/