Wie erstelle ich schöne Screencasts für deine Web-Apps?

8

Ich versuche, eine Bildschirmdarstellung für meine neue Web-App zu erstellen. Ich bin gerade auf ein großartiges Beispiel für einen Screencast gestoßen und frage mich, was dafür verwendet wird: Klicke auf das Video, um es auf diese Seite .

Ich bin beeindruckt von der Animation, wenn die Maus angeklickt wird und aus verschiedenen Winkeln in Bilder hineinzoomt.

Ist das mit Actionscript getan oder gibt es Software, die mir das Leben leichter macht?

Danke für alle Hilfe

Aktualisieren

Bitte beachten Sie, dass ich nicht nur nach Screencast-Software suche - ich suche nach einer, die hochwertige professionelle Animationen wie im obigen Beispiel machen kann.

Es scheint, dass sie ihre in Flash Action-Skript gemacht haben?

    
Abs 09.04.2010, 11:30
quelle

6 Antworten

5

Sehr wenig von dem, was in diesem Video ist, ist ein tatsächlicher "Screencast". Die Effekte und Animationen werden mit ziemlicher Sicherheit in einer professionellen Compositing-Anwendung ausgeführt - ich denke, Adobe After Effects.

Das "Klicken" ist alles erfunden - sie verwenden einen großen Pfeil, um es klarer und einfacher zu folgen, und fügen sogar die kleinen blauen Kreise hinzu, um anzuzeigen, wenn etwas tatsächlich angeklickt wird.

Dies ist möglicherweise nicht das, was Sie hören möchten, weil

  1. After Effects ist teuer und die Hardware, die für eine gute Ausführung erforderlich ist, ist wirklich teuer.
  2. After Effects ist schwer zu erlernen.
  3. Um wirklich beeindruckende Compositing-Arbeiten zu machen, braucht man viel Zeit, Geduld und Erfahrung.

Diese Entmutigungen beiseite, es ist machbar. Neben meiner Tätigkeit als Entwickler bin ich Amateur-Videoproduzent und habe mit After Effects gearbeitet. Es ist extrem leistungsfähig und hat einen gewissen Programmieraspekt, wenn Sie Ausdrücke verwenden, um das Verhalten von Elementen zu steuern.

Hier ist ein Vimeo-Kanal, der einige großartige After Effects-Arbeiten zeigt: Ссылка

Wenn Sie ernsthaft in das Compositing einsteigen möchten, um Videos wie das, mit dem Sie verlinkt haben, zu erstellen und After Effects zu lernen, empfehle ich das Training von Ссылка . Sie haben eine großartige Serie von Chad Perkins und ich habe eine Menge von ihnen gelernt. Wenn Sie genug Zeit haben, sich zu widmen, können Sie sie in einem Monat, der 25 $ kostet, definitiv durchstehen.

    
Jay 10.04.2010, 21:16
quelle
3

Ein ziemlich gutes kostenloses Tool ist Wink . Läuft unter Windows und Linux und erzeugt .SWF, sodass Sie die Mausbewegungen mit Anmerkungen versehen und feineinstellen können. Sie können auch zwischen ereignisgesteuerter, zeitgesteuerter und manueller Aufnahme wechseln. Sie müssen sich also nicht so viel Gedanken darüber machen, wie Sie Ihr Timing proben, wie Sie es mit anderen Tools tun. Ich habe ein wenig damit gearbeitet, und es scheint sehr fähig zu sein. Es hat nicht die High-End-Funktionen wie Zoom und Pan.

Ein weiteres kommerzielles Tool ist Instant Demo , das ich ausführlicher verwendet habe. Es ist ein voll ausgestattetes Tool (hat die Zoom-Funktion, etc ..), einfach zu erlernen und Spaß zu benutzen. Produziert auch .swf. Es ist im mittleren Preissegment, etwa auf halbem Weg zwischen Wink (kostenlos) und Camtasia (teuer).

    
Chris Thornton 28.03.2010 19:50
quelle
2

Wenn Sie auf dem Mac arbeiten, ist ScreenFlow das beste Werkzeug. Es hat den gesamten Workflow von Aufnahme, Bearbeitung und Export. Sie können Overlays hinzufügen, auf die Position der Maus zoomen, Bildschirmteile verdunkeln und mehr laden. Es ist wirklich einen Besuch wert.

    
danpalmer 11.04.2010 10:22
quelle
1

Das beste Tool zum Erstellen von Screencast ist TechSmith's - Jing.

    
Ravia 09.04.2010 06:44
quelle
0

Hier ist eine Liste, die das könnte nützlich zum Erstellen von Bildschirm-Casts. Einige sind nicht am einfachsten zu verwenden, aber sobald Sie sie beherrschen, können Sie professionell aussehende Screencasts erstellen.

Die, auf die ich mich am meisten verlasse, sind Camstudio , Freez und Wink .

    
Mikos 05.04.2010 18:23
quelle
0

Wenn Sie wirklich eine Killer-Demo mit benutzerdefinierten Effekten und einem tollen Design wünschen, ist es vielleicht eine gute Idee, einen Flash-Entwickler für eine Woche zu engagieren:)

    
jujule 12.04.2010 08:42
quelle