Fakultät Psychologie, Pädagogik und Sportwissenschaft Institut für Psychologie Lehrstuhl Prof. Lukesch Tutorial Gestaltung von Screencasts mit CamStudio Sebastian Buchecker Regine Bachmaier
Tutorial Gestaltung von Screencasts mit CamStudio 2 Einführung Bewegte Bilder können in vielen Fällen besseren und nachhaltigeren Eindruck von Vorgängen vermitteln als Texte oder statische Bilder. Manchen Nutzern erleichtert es das Verständnis, statt einer schriftlichen Anleitung für die Installation oder Benutzung eines Programms eine Videodemonstration anzusehen. Ebenso können z. B. virtuelle Rundgänge durch eine Website oder eine Software einen lebhaften und nachvollziehbaren Ein- bzw. Überblick über Strukturen, Programmaufbau und -elemente, Inhalte ermöglichen. Zur Erstellung dieser Bildschirmvideos ( Screencasts ) bedarf es einer Software, die die Geschehnisse am Bildschirm filmt. Für die Erzeugung dieser Videos gibt es neben kommerziellen Programmen (z. B. Adobe Captivate) auch kostenlose Software, die über einen absolut ausreichenden Funktionsumfang verfügt. Das Tutorial soll eine kompakte Einführung in die sehr beliebte Open-Source-Software CamStudio geben. Die Software lässt sich unter folgender Adresse herunterladen: http://camstudio.org Inhaltsverzeichnis Einführung... 2 Die Arbeitsoberfläche... 3 Aufnahmen mit CamStudio... 4 Einstellungsmöglichkeiten... 4 Einrichten des Aufnahmebereichs... 4 Einrichten der Videoaufnahmeoptionen... 5 Einrichten der Cursoreinstellungen... 5 Anpassung der Audioeinstellungen... 6 Screen-Anntotations... 7 Video-Annotations... 9 Umwandeln der Aufnahme in einen Flash-Film... 10 Zusätzliche Einstellungsmöglichkeiten... 10 Screencast-Tutorials zu CamStudio... 11 Hinweis: Das Tutorial wurde für die Version 2.0 erstellt (Stand: Januar 2010). Sollten Sie Fehler finden oder Verbesserungsvorschläge haben, geben Sie uns doch bitte Bescheid (regine.bachmaier@psychologie.uni-regensburg.de).
Tutorial Gestaltung von Screencasts mit CamStudio 3 Die Arbeitsoberfläche Das Menü File enthält die Optionen record, um eine Aufnahme zu starten, pause, um eine Aufnahme zu unterbrechen, stopp, um eine Aufnahme zu beenden und exit, um das Programm zu verlassen. Das Menü Region ermöglicht es, den Bereich des Bildschirms, der aufgenommen werden soll, genau zu definieren. Das Menü Options bietet die Möglichkeit, diverse Einstellungen für die Videoqualität, den Cursor während der Aufnahme, die Aufnahme von Audiokommentaren über ein Mikrofon oder die Lautsprecher sowie Tastatur-Shortcuts für verschiedene Funktionen festzulegen. Im Menü Tools finden sich Werkzeuge zum Einfügen von Screen Annotations oder Video Annotations, um bestimmte Bereiche genauer zu erläutern oder eine detailliertere Erklärung zu geben. Weiterhin kann man hier den SWF Producer auswählen, mit dem man AVI-Dateien in Flash- Dateien konvertieren kann. Das Menü View bietet die Auswahl zwischen einer Vollansicht oder einer reduzierten Ansicht, die nur die Symbolleiste zeigt. Die Symbolleiste enthält Buttons für die wichtigsten Funktionen: Record, Pause, Stopp Toggle View, Screen Annotations, SWF Producer Die Symbolleiste Play/Pause/Stopp ermöglicht einen schnellen Zugriff auf die oben genannten Optionen. Der Button Toggle View bietet die Möglichkeit, die Ansicht zu ändern. Mit Hilfe der Schaltfläche Screen Annotations kann man Erläuterungen in die Aufnahme einfügen. Der Button SWF Producer öffnet das Menü, um AVI-Dateien in Flash-Dateien zu konvertieren.
Tutorial Gestaltung von Screencasts mit CamStudio 4 Aufnahmen mit CamStudio Um eine Aufnahme zu starten, muss man nur den Button Programm startet mit der Aufnahme. Um die Aufnahme zu unterbrechen, drückt man den Button das Bildfenster, das gefilmt werden soll, neu ausrichten will. in der Symbolleiste drücken und das. Dies ist z. B. der Fall, wenn man Zum Beenden der Aufnahme drückt man den Button. Die Datei wird dann im AVI-Format abgespeichert. Damit ist eine spätere Nachbearbeitung möglich. Einstellungsmöglichkeiten Einrichten des Aufnahmebereichs Im Hauptmenü wählt man die Option Region aus. Hier kann man festlegen, welcher Bildschirmbereich gefilmt werden soll. Wählt man Region aus, wird der Cursor auf dem Bildschirm zu einem Pinsel in einem Kreuz. Nun kann man, indem man die linke Maustaste drückt, via click-dragging den Bildschirmbereich festlegen, der gefilmt werden soll. Wählt man Fixed Region aus, erscheint ein neues Dialogfeld: Wenn die Option Fixed Top-Left Corner nicht ausgewählt ist, kann man das Rechteck, welches den Aufnahmebereich festlegt, vor dem Start der Aufnahme noch verschieben. Ist die Option angekreuzt, startet die Aufnahme sofort, ohne dass man das Rechteck verschieben kann. Durch Aktivieren der Option Drag Corners to Pan ist es möglich, das Aufnahmerechteck während der Aufnahme zu verschieben. Der Cursor wird dann, wenn er über eine der blinkenden Ecken des Rechtecks gezogen wird zu einem Kreuz und es kann einfach über Drag-and-Drop verschoben werden. Die Größe des Aufnahmebereichs kann über die Angabe der Pixel bei Width und Height eingestellt werden. Die Einstellungen werden durch OK bestätigt. Bei Aktivieren der Option Full Screen, wird der komplette Bildschirmbereich gefilmt. Dies kann unter Umständen zu einer schlechteren Bildqualität führen.
Tutorial Gestaltung von Screencasts mit CamStudio 5 Einrichten der Videoaufnahmeoptionen Im Hauptmenü wählt man den Menüpunkt Options aus, dort die Option Video Options. Folgendes Dialogfeld erscheint auf dem Bildschirm: Die Box Compressor bezeichnet den Codierer, der das Video bei der Aufnahme komprimiert. Die Option Quality ist ausschlaggebend für die Bildqualität. Ein höherer Wert bedeutet eine bessere Bildqualität, aber auch eine größere Datei. Umgekehrt bedeutet ein niedriger Wert schlechtere Bildqualität, aber weniger Speicherplatz. Set Key Frames Every legt fest, nach wie vielen Bildfeldern ein Bildfeld als Vollbild gespeichert wird. Die Box Framerates regelt die Eingangsund Ausgangsdauer von Bildfenstern. Capture Frames Every legt fest, nach wie vielen Millisekunden ein Bildfenster aufgenommen werden soll. Playback Rate bestimmt, wie viele Bilder pro Sekunde wiedergegeben werden, wenn das Video abgespielt wird. Hier gilt: Ein höherer Wert bedeutet, dass das Video flüssiger wiedergegeben wird. Um alle Parameter passend auf einander abzustimmen, empfiehlt es sich, AutoAdjust auszuwählen. Ist der Auswahlbalken auf der linken Seite, bedeutet dies, dass mehr Bildfenster aufgenommen werden. Ist er auf der rechten Seite und rechts der Markierung Time Lapse, nimmt CamStudio weniger Bilder pro Zeiteinheit auf. Bei der Wiedergabe des Videos werden aber mehr Bilder pro Sekunde wiedergegeben. Somit entsteht ein Zeitrafferfilm. Einrichten der Cursoreinstellungen Im Hauptmenü wählt man im Menü Options die Option Cursor Options aus. Folgendes Dialogfeld erscheint auf dem Bildschirm: Die Box Cursor Display regelt das Erscheinungsbild des Cursors. Hide Cursor macht den Cursor während der Aufnahme unsichtbar. Man kann den Cursor auch sichtbar schalten, indem man den Button Show Cursor anklickt. Wählt man die Option Use Actual Cursor aus, erscheint in der Aufnahme der Cursor als Pfeil. Die Option Use Custom Cursor bietet die Möglichkeit, verschiedene Cursor-Symbole zu verwenden, z. B. eine Büroklammer, eine Lupe oder eine Uhr. Die Option Use Cursor From File bietet noch weitere Optionen, z. B. eine Hand mit ausgestrecktem Zeigefinger.
Tutorial Gestaltung von Screencasts mit CamStudio 6 Die Box Cursor Highlight ermöglicht es, den Cursor farbig und mit einer Form zu unterlegen, um bestimmte Cursorbewegungen zu verdeutlichen. Es lassen sich Größe, Form und Farbe des hervorgehobenen Bereichs auswählen. Deaktiviert man die Option Highlight Cursor, sind die Auswahloptionen ausgeschaltet. Anpassung der Audioeinstellungen In der Rubrik Options kann man verschiedene Audio-Aufnahmefunktionen einstellen. Klickt man Options an, erscheint folgendes Menü auf dem Bildschirm: Kommentar nicht aufnehmen von Mikrofon aufnehmen von Lautsprecher aufnehmen Man hat hier die Auswahlmöglichkeiten, Audiokommentare nicht aufzunehmen oder Audiokommentare über ein Mikrofon oder über die Lautsprecher aufzunehmen. Unter dem Menüpunkt Audio Options kann man detailliertere Einstellungen für das Mikrofon oder die Lautsprecher vornehmen. Interessant für Videoaufnahmen mit CamStudio ist auch der Menüpunkt Audio and Video Synchronization. Hier kann man bestimmen ob a) die Tonspur und das Bild synchron abgespielt werden sollen oder b) das Bild mit einer zeitlichen Verzögerung zur Tonspur abgespielt werden soll. Je nach Zweck der Aufnahme kann man hier individuell bestimmen, was am besten passt.
Tutorial Gestaltung von Screencasts mit CamStudio 7 a) b) Screen-Anntotations CamStudio bietet dem Benutzer die Möglichkeit, in den Film Screen-Annotations einzufügen. Diese dienen dazu, Gezeigtes zu verdeutlichen oder näher zu erklären. Um zu den Screen-Annotations zu gelangen, wählt man im Menü die Option Tools aus und klickt dann auf Screen-Annotations. Man hat nun die Auswahl zwischen verschiedenen Formen für die Sprechblasen der Screen- Annotations. Am Beispiel von Blue Gradient lässt sich gut zeigen, wie man Screen-Annotations in den Film einfügt. Wählt man aus der Liste die Variante Blue Gradient aus, erscheint die gewünschte Schaltfläche. Mit einem Klick auf die rechte Maustaste gelangt man in das Texteditionsmenü, in dem nun die Annotations- Schaltfläche angepasst werden kann. Kopie der Sprechblase erstellen Breite und Höhe ändern Wiedergabegeschwindigkeit ändern Text erstellen Sprechblase ausund zuschneiden Transparenz bearbeiten
Tutorial Gestaltung von Screencasts mit CamStudio 8 Wählt man die Option Edit Text aus, gelangt man zum Untermenü Text Properties : Schriftgröße und Schriftart ändern Absatzart auswählen Textfeld Sprachauswahl Im Textfenster kann man den gewünschten Text eingeben. Unter Font bietet CamStudio verschiedene Schriftgrößen und Schriftarten an. Über die Schaltflächen rechts oben kann man zwischen links- und rechtsbündiger bzw. zentrierter Textausrichtung wählen. Choose Language/ Encoding bietet die Möglichkeit, zwischen verschiedenen Sprachen zu wählen. CamStudio bietet verschiedene Formen von Sprechblasen an, z. B.: Zusätzlich können die Sprechblasen gedreht werden. Wählt man im Texteditionsmenü den Befehl Edit Image, erscheint ein umfangreiches Dialogfeld. Über die Option Create cutout using transparency color kann man eine Farbe transparent schalten: Mit dem Befehl Create cutout using pre-defined shape kann man um die Sprechblasen einen Rand legen. Als Formen stehen Ellipse, Rechteck und rundes Rechteck zur Auswahl. Zusätzlich kann man noch einen Rahmen um die gewünschte Form legen.
Tutorial Gestaltung von Screencasts mit CamStudio 9 Bei den Screen-Annotations besteht die Möglichkeit, Sprechblasen teiltransparent zu definieren, um darunter liegende Bildschirmteile nicht komplett zu verdecken. Hierzu wählt man den Befehl Edit Transparency. Es erscheint ein Fenster, bei dem durch Verschieben des Reglers die Transparenz eingestellt werden kann. Um Änderungen vorzunehmen, muss allerdings vorher der Haken Enable Transparency gesetzt werden. Die Größe der Sprechblasen kann ebenfalls angepasst und verändert werden. Dazu wählt man im Texteditionsmenü der Befehl Resize aus. Es erscheint ein Fenster, in dem durch Verschieben der Regler die Höhe und die Breite des Textfelds verändert werden können. Über den Befehl Anti Alias kann man die Qualität der Aufnahme ändern. Die Screen-Annotations werden in der Symbolleiste mit folgendem Symbol aufgerufen: Video-Annotations Eine weitere Möglichkeit, mit Hilfe von CamStudio zusätzliche Informationen zum Bildschirmfilm einzufügen, sind Video-Annotations. Im Prinzip funktionieren Video-Annotations ähnlich wie Screen-Annotations (Sprechblasen). Allerdings benötigt man hier eine Webcam, um das Video aufnehmen zu können. Um Video-Annotations einzufügen, klickt man in der Menüleiste auf Tools und wählt dann Video Annotations aus. Nun erscheint ein Fenster auf dem Bildschirm, in dem das Bild der Webcam sichtbar ist. Die Möglichkeiten, die Video-Annotation zu bearbeiten, sind ähnlich denen den Screen-Annotations. Man hat die Möglichkeit, unter dem Befehl Edit Text einen Text in die Video-Annotation einzufügen. Weiterhin gibt es die Möglichkeit, einzelne Bildteile zuzuschneiden ( Edit Image ). Desweiteren kann man auch hier die Transparenz der Video-Annotations bearbeiten. Ähnlich wie bei den Screen-Annotations lassen sich diverse Einstellungen (z. B. zur Videoquelle und zum Videoformat) vornehmen.
Tutorial Gestaltung von Screencasts mit CamStudio 10 Umwandeln der Aufnahme in einen Flash-Film Man sollte die Bildschirmvideos grundsätzlich im AVI-Format aufnehmen, da man die Videos so im Nachgang mit jeder beliebigen Videobearbeitungssoftware (z. B. MovieMaker) nachbearbeiten kann. Um Screencasts im Internet (z. B. auf YouTube) zu veröffentlichen, müssen sie in das gängige Flash-Format umgewandelt werden. Dazu benutzt CamStudio den SWF Producer. Um das Konvertierungsprogramm zu öffnen, klickt man in der Menüleiste auf Tools und dann auf SWF Producer. Mit Hilfe der Option Open kann man einen vorher aufgenommenen Film öffnen. Zum Konvertieren wählt man anschließend die Option Convert To SWF. CamStudio wandelt nun das AVI-Video in ein Flashvideo um. Den SWF Producer findet man auch in der Symbolleiste unter folgendem Symbol: Zusätzliche Einstellungsmöglichkeiten Wiedergabe des Videos nach der Aufnahme AVI file ) oder der Player für die Wiedergabe ausgewählt werden. Man kann vor der Aufnahme festlegen, ob CamStudio das Video sofort nach der Aufnahme wiedergeben soll oder nicht. Dazu wählt man bei Options den Menüpunkt Program Options aus, dort die Option Play AVI file when recording stops. Nun kann die sofortige Wiedergabe unterbunden ( Do not play
Tutorial Gestaltung von Screencasts mit CamStudio 11 Weitere Aufnahme- und Speichereinstellungen Man kann in dem Untermenü Program Options desweiteren einstellen, ob CamStudio während der Aufnahme minimiert werden soll ( Minimize program on start recording ), ob das Rechteck, das den Aufnahmebereich markiert, sichtbar oder unsichtbar sein soll ( Hide flashing rectangle during recording ), ob die Einstellungen nach der Aufnahme gespeichert werden sollen ( Save settings on exit ), ob CamStudio die AVI-Datei benennen soll oder ob man selbst für die Filmdatei den Namen vergeben möchte ( Name of AVI file ). wo auf der Festplatte die AVI-Dateien gespeichert werden sollen ( Temporary directory for recording ). Einstellen von Tastaturkürzeln Unter Keyboard Shortcuts kann man Tastenabkürzungen für verschiedene Befehle festlegen. Aufnahmeoptionen für Flash-Film Die Optionen für die Aufnahme als Flash-Film lassen sich auch individuell anpassen. Man wählt in der Menüleiste Options den Menüpunkt Record to Flash Options aus: (De-)Aktivieren der Vorschau des SWF- Films vor der Fertigstellung ( Preview SWF File upon completion ) (Nicht-)Löschen der AVI-Datei nach der Fertigstellung ( Delete the intermediate AVI file upon completion ) (Nicht-)Anzeige der Umwandlungsoptionen vor dem Generieren des Flash- Films ( Display conversion options before generating SWF ). Screencast-Tutorials zu CamStudio Es gibt einige Video-Tutorials zu CamStudio im Internet, vor allem bei YouTube wird man fündig. Die folgenden zwei Tutorials sind unserer Meinung für den Einstieg recht gut geeignet: http://www.youtube.com/watch?v=9fammvzlhbg (8 Min., englisch) http://www.youtube.com/watch?v=t6dk8jmv7wy (7 Min., deutsch)