design and development of interactive and animated media

An der Schnittstelle zwischen Design und Code realisiere ich On- und Offline Projekte für die digitale Veröffentlichung und bin als Dozentin im Bereich Digitale Mediengestaltung tätig. Momentan konvertiere ich einige alte Flash Animationen und Cartoons für die Wiedergabe in HTML5. Anfrage Beratung/Schulung

Cartoon Animation

Adobe Animate CC

Adobe Animate CC

Seit 1998 arbeite ich mit dem Photoshop der Web Animation mit Multi Plattform Export ua. für HTML5 Canvas, Video, WebGL, SVG, EXE, APP, Flash. Scriptsprachen sind AS3/JS.

cartoon animation good luck

Good Luck

Mikrokosmos! Animierter Cartoon mit Sound: Idee, Illustration, Animation, Programmierung.

Cartoon Animation Birds up there

Up there

Play the birds! Animierter Cartoon mit Sound: Idee, Illustration, Animation, Programmierung.

Cartoon Animation Xmas

Santa's Express

Merry Christmas! Animierter Cartoon mit Sound: Idee, Illustration, Animation, Programmierung.

cartoon animation snowman

Snowman

Schneemann Besuch! Animierter Cartoon mit Sound: Idee, Illustration, Animation, Programmierung.

cartoon animation snail mail

Snail Mail

Schneckenpost! Animierter Cartoon mit Sound: Idee, Illustration, Animation, Programmierung.

Cartoon Animation Xmas

Xmas Elks

Happy Xmas! Animierter Cartoon mit Sound: Idee, Illustration, Animation, Programmierung.

Flash Animationen Archiv

Once Upon a Time...

Zum Flash Archiv: Interaktive Cartoons und experimentelle Animationen [Flash Plugin erforderlich]



Design

Ca. siebzig Prozent aller Projekte werden online veröffentlicht. Dabei ist eine regelmäßige Anpassung an neue technische Standards und Möglichkeiten erforderlich. Anfrage Beratung/Schulung

Montage

Artworks completed

Laufendes Kreativtraining. "One Eye sees and the other feels". Tools: Adobe Photoshop, Adobe Spark.

responsive Webdesign

Augenprothetik

Website Relaunch: Google hat responsive Webdesign seit 2015 als wesentlichen Rankingfaktor in der mobilen Suche eingeführt.

Ein Layout ist für verschiedene Bildchirmgrößen formatiert.
Position in Googles Suchergebnissen.
Garagen Film interaktive Website

Garagen Film

Website Relaunch: Interaktive multimediale Website, für die plattformübergreifende pluginfreie Wiedergabe technisch modernisiert.

Wordpress Template Design

Dully & Dax

Website Launch: Umsetzung Webpräsenz in WordPress. Template und Web Design

WordPress ist ein datenbankbasiertes kostenfreies Content Management System für Blogs und Websites.


Interaktive Animation

Neue Techniken und Tools ermöglichen im Bereich der Web Animation plattformunabhängige Produktionen. Neben der Erforschung neuer Technologien, wie zB. der HTML5 Browserleinwand Canvas, gebe ich Schulungen in Webdesign, Web Animation und Adobe Animate CC (ehemals Flash Professional) und berate bei der Migration von Flash Animationen zu responsiven und auf Mobilgeräten darstellbaren HTML5 Animationen. Anfrage Beratung/Schulung

Photo Gallery Cologne

Photo Gallery

Unterwegs in Köln per Handy aufgenomme Schnappschüsse, die ich in einer interaktiven Bahn Unterführung ausstelle.

Google Chrome Experiment

Chrome Experiment

Mein erster Versuch, interaktive Animation im HTML5 Canvas Element mit Processing zu erzeugen. Google Chrome Experiment.

One rectangle Animation

Rectangle Art

Ein Quadrat als Pinsel für verschiedene Transformationen. Hier habe ich mit JavaScript "from scratch" für die Ausgabe in HTML5 Canvas gecodet.

Confetti Drawing Tool

Confetti Drawing

Male interaktive leuchtende Konfettibilder! Eingesetzt habe ich das HTML5 Canvas Framework PaperJS.

CSS3 only 3D-Animation

3D Cube

Auch nur mit der Style Sprache CSS lassen sich mittlerweile komplexe Transformationen und Animationen erzeugen.

Interactive Particle Effect

Interactive Particles

Interaktive Partikel, die auf Mausbewegung reagieren. JavaScript, HTML5 Canvas.

Colored Circles

Colored Circles

Interaktive Farbkugeln. Generative Art, Processing auf HTML5 Canvas.

Java Script Tree

Growing Tree

Ein per JavaScript auf HTML5 Canvas gezeichneter und animierter Baum.