Software installieren

Die „Web Designer“-Seite der Firma Google befindet sich hier. Die Software kann als
Desktop-Anwendung für Windows, Mac und Linux installiert werden.

Tutorial

In dem Tutorial wird gezeigt, wie wir mit Google Web Designer eine kleine einfache Animation erstellen können. In der Animation sind wir am Strand, beobachten einige Wolken die sich langsam von links nach rechts bewegen und lassen einen Drachen steigen. Zum Schluss fügen wir auch noch eine Audiospur ein, um das richtige Strand-Ambiente zu vervollständigen.

Die fertige Animation sieht dann in etwa wie folgt aus: Animation GWD Tutorial

Das Einführungstutorial zum Mitmachen, steht als Playlist bei YouTube zur Verfügung.

Um das Beispiel aus dem Einführungstutorial selbst nachzubauen, können die verwendeten Mediendateien (Assets), hier geladen werden: GWD Tutorial/Demo Assets

Ich freue mich über Rückmeldungen!

(gert.veltink@hs-emden-leer.de)

Quelle der Assets

Es wurden die folgenden Assets eingesetzt:
beach - “The sandy beach” by Belier (https://www.1001freedownloads.com/free-clipart/the-sandy-beach)

cloud1-4 - “set of soft clouds” by rg1024 (https://commons.wikimedia.org/wiki/File:Set_of_soft_clouds.png)

kite -author’s creation (Illustrator)

waves - Beach Sound Effect 01.aif (Apple, Loops for Garageband)