Elke Hoffmann


was uns bewegt

Ein Experimentierraum im World Wide Web


experimentierRaum -was uns bewegt- [link 01]

experimentierRaum -was uns bewegt-

Technik

Technische Beschreibung

Das Grundgerüst der Website ist mit dem Animationstool Flash 5 von Macromedia erstellt worden und ist in Html und JavaScript implementiert. Zum Betrachten der Website wird ein Flash-Player als Plug-in innerhalb des Browsers benötigt, der von den Nutzern auf der Website von Macromedia kostenlos heruntergeladen werden kann.
Dieses Animationstool wurde verwendet, da es bei den meisten Internetnutzern bereits über die Browser von Netscape oder Microsoft installiert ist und einen sehr großen Bekanntheitsgrad und damit auch eine hohe Verbreitung hat. Zudem kann über die Programmiersprache ActionScript die notwendige Interaktion geschaffen werden.
Für die Bereiche Bibliothek und Film wurden reine Html-Seiten angelegt, da damit die Aktualisierbarkeit besser gewährleistet ist. Im Bereich Film ist Html notwendig, da eine Einbindung von Video-Streams innerhalb von Flash nicht möglich ist.
Erstellung der Figur-Animationen: Grundsätzlich wurde auf das Hauptelement von Flash zurückgegriffen - die Vektoren. Um die Figuren in ihrer menschlichen Bewegungsform darstellen zu können, wurden die Personen zuerst per Videokamera vor einer weißen Wand und einem leicht schimmernden Boden aufgenommen. Dadurch konnte gewährleistet werden, dass sich die Figuren später in Flash relativ schnell freistellen ließen. Der schimmernde Boden erzeugte den Schatten der Figuren, der den räumlichen Eindruck im grafisch erstellten Raum auf der Website unterstützt.
Vorwiegend wurden bei den Videoaufnahmen MiniDV-Kameras verwendet. Per FireWire-Verbindung wurde das entstandene Videomaterial mit der Software iMovie von Apple direkt in den Computer eingespielt. Dieses Programm ermöglicht ein schnelles und direktes Eindigitalisieren. Da bei den verwendeten MiniDV-Kameras die Sequenzen Halbbilder aufwiesen, die zu Streifenbildung bei schnellen Bewegungen an den Figuren führen, mußte das Videomaterial über einen automatisierten Vorgang durch die Software Photoshop von Adobe mit einem De-Interlace-Filter korrigiert werden.
Das korrigierte Material wurde nun mit AfterEffects farblich abgestimmt und zeitlich verkürzt, um möglichst wenige Bilder zu erhalten und anschliessend als JPG-Sequenz auszuspielen. Dieses Bildformat lässt sich problemlos als Sequenz in Flash importieren. Hier wurde jedes einzelne Bild vektorisiert und nachträglich sowohl farblich als auch im Ablauf optimiert. Dieser Optimierungsvorgang ist zwingend notwendig, um den niedrigen Datenübertragungsraten im Onlinebetrieb der Website gerecht zu werden.

Hardware / Software

Layout-Software
Adobe Illustrator 9.0
Adobe Photoshop 5.5
Macromedia Freehand 8
Macromedia Flash 5

Video-Software
Apple iMovie
Apple Quicktime Player 4
Adobe After Effects 5.0

Kontext

Hochschule / Fachbereich

Filmakademie Baden-Württemberg
MediaDesign - Virtual Design

URL der Hochschule

» http://www.filmakademie.de [link 02]

Betreuer des Projekts

Björn Bartholdy

Kommentar des Betreuers

In ihrem Projekt > was uns bewegt < erweitert Elke Hoffmann das Genre Film in den digitalen, interaktiven Raum hinein und schafft so eine medienübergreifende, integrierte Gesamtlösung. Der Versuch, den Computer in neue Interaktions-Szenarien zu überführen, in Verbindung mit einem spielerisch-explorativen Ansatz der Interface Gestaltung, machen dieses Projekt bemerkenswert.

Seminar / Kurzbeschreibung

Es handelt sich um die Abschlussarbeit von Frau Hoffmann, die im Bereich >Virtual Design< an der Filmakademie Baden-Würtemberg ein zweijähriges Projektstudium absolvierte.

Zuordnung Forschungsbereich

Virtual Design bildet zusammen mit TV- & Film Design den Bereich Media Design der Hochschule. Zu den Kernthemen des Fachbereiches gehören:
1. TV/Film Design und Promotion
Sender-Erscheinungsbild
Programm-Design
Programm-Promotion
Videoclips
On-Air Promotion
Kino-Trailer
TV/Film-Marketing
Set-Design (real und virtuell)
Set-Design
2. Virtual Design
(Interactive Television/Film und Games)
DVD, Electronic Programm Guides, Web
Interface Design
Interactive Story Telling (Nonlineare Handlung)
Game Design
Virtual Reality (Immersive Erlebnisräume) und Installationen
Experimentelle Intermediale Anwendungen

  • › digital sparks 2002 [link 03]

» http://www.was-uns-bewegt.de [link 04]

  • › Diplomdokumentation mit allen weiteren Details [PDF | 677 KB ] [link 05]