design and development of interactive and animated media

Aktuell: Tagesschulung Update von Adobe Flash auf Animate CC. Problemlose Umstellung auf die aktuelle Version.
Ergänzen von vorhandenen Kenntnissen und Arbeiten mit neuen Funktionen.
Zusammenarbeit mit Institutionen in der Erwachsenenbildung.
Anfrage 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]



Web Design

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

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.

Nutzerfreundliches Design für alle Endgeräte bzw. Bildschirmgrößen.
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.
Migration von Flash Animationen zu responsiven und auf Mobilgeräten darstellbaren HTML5 Animationen.

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.