Videopilot: http://www.videocopilot.net/basic/
Ae.Tutsplus: http://ae.tutsplus.com/

Hier noch ein Video, welches die wichtigsten Prinzipien bei der
Animation erklärt  hilft euch möglicherweise, wenn ihr mehr grafisch
als filmisch arbeiten wollt:

12 Prinzipien der Animation: http://www.youtube.com/watch?v=kDIyysAf3O0

Checkliste für den Drehtag: drehcheck- sascha reinhold

After Effects CS4 Cheat-Sheet

Die im Tutorium durchgeführten Übungen basieren auf Video-Tutorials von Video-Copilot. Das Video-Material wurde von Sascha Reinhold hergestellt.

Materialien für After Effects Tutorium, Teil 2 (Bildstabilisierung, Motion Tracking):
20110504_AE-Tut2

Materialien für After Effects Tutorium, Teil 3 (Color-Keying, Time Remapping):
20110525_AE-Tut3

http://audacity.sourceforge.net/?lang=de

Kinect Programmierung mit OpenNI / NITE + Handout

Kinect mit SimpleOpenNI & Processing Installation
Website: http://code.google.com/p/simple-openni/ Installations

Anleitung

http://code.google.com/p/simple-openni/wiki/Installation

!Mac OS: Abschnitt “Install OpenNI the short way”
In der .zip Datei für Processing sind viele Beispiele enthalten
(Hand Tracking, Skeleton Tracking und vieles mehr).

Hand Tracking
Ausgangsbasis für eigene Experimente kann das SimpleOpenNI_NITE_Hands
Beispiel sein. Auf diesem Beispiel beruht auch das Beispiel zum Wischen der Musik.
Für das eigentliche Tracken der Hand wird eine Klasse verwendet (leitet von
XnVPointControl ab) – hier gibt es weitere Methoden:

! OnPointCreate(XnVHandPointContext Ctx) – Wird aufgerufen wenn eine Hand !
getrackt wird. Im Kontext (Ctx) bekommt man eine Id (Ctx.getNID()) – diese bleibt !
für eine Erfassung der Hand konstant.

! OnPointUpdate(XnVHandPointContext Ctx) – Wird kontinuierlich aufgerufen und !
gibt aktualisierte Daten für die Hand (Ctx.getPtPosition()).

! OnPointDestroy(XnVHandPointContext Ctx) – Wird aufgerufen wenn eine Hand !
nicht mehr getrackt wird.

Achtung
Die Position die getPtPosition() zurück gibt ist in echten 3D Koordinaten – !
oft braucht man allerdings eine 2D Bildschirmkoordinate um den Trackingpunkt !
darzustellen oder sonstige Dinge in Processing zu zeichnen.

Diese Bildschirmkoordinaten bekommt mithilfe des Befehls:
! context.convertRealWorldToProjective(Punkt aus einer der Funktionen, Speicher
für gewandelten Punkt); Mit diesen Daten kann man nun die unterschiedlichsten
Dinge anstellen – Bilder ausmalen, Gesten erkennen etc.

Für die Gestenerkennung muss man eine mathematische Beschreibung der Geste finden.
Generell geht man zum Erkennen einer Geste von den letzten X Punkten aus die
man getrackt hat. Dies können eine fixe Anzahl sein oder in einem Zeitrahmen
liegen. (Die Wisch Erkennung verwendet vor allem den Zeitrahmen als Limit
welche Punkte beachtet werden)

Für das Musik Wischen habe ich gesagt das ich eine horizontale Handbewegung
habe = eine mindest Bewegung in X und wenig Abweichung in Y.
Aufwändigere Gesten (Kreis malen, ..) sind möglich aber um einiges komplizierter.

Beispielskript: wischGeste

Die OpenKinect-Bibliothek für Processing von Daniel Shiffman könnt ihr
hier herunterladen, Auf der Seite steht alles Wichtige zur Installation:: http:
//www.shiffman.net/p5/kinect/

OpenCV für das Blob-Tracking, Auch hier sollte die Anleitung selbsterklärend sein.
Auf dieser Seite findet ihr auch zusätzliche Informationen zu den Methoden und
Variablen, die in den Beispielprogrammen verwendet werden. Das Face-Tracking,
was ich euch heute gezeigt habe, ist ebenfalls bei den Beispiel-Programmen von
openCV zu finden. Wenn ihr beides richtig installiert habt, sollten die
Beispielprogramme von mir ohne Probleme zu starten sein.:
http://ubaa.net/shared/processing/opencv/

Und für alle Recherchier-/Experimentier-Wütigen hier noch die Links zu den
einzelnen Frameworks und Workarounds, mit denen sich der Kinect-Sensor
und Flash/Processing verbinden lassen (sollten):

TUIO: http://www.tuio.org/?software

TUIO: http://silviopaganini.posterous.com/openkinect-flash-tuio-udp-flash-bridge

as3Kinect: http://www.as3kinect.org/

flKinect: http://kimulabo.jp/

http://kimulabo.jp/: http://labs.blitzagency.com/?p=2634

Openkinect/Processing von nrocy: https://github.com/nrocy/processing-openkinect

Simple-OpenNI (wichtig, weil Skeleton-Tracking!): http://code.google.com/p/simple-openni/

Skeleton-Tracking Kinect/Processing (SEHR KOMPLEX): http://urbanhonking.com/ideasfordozens/2011/02/16/skeleton-tracking-with-kinect-and-processing/

little bits of this and that/ Genevieve Hoffman’s ITP Process Log:http://itp.nyu.edu/~gh726/ITProcess/

// Blinker aktivieren
Processing Skript – Blob Detection: kinect_blob_detect

Lina Tegel

Entwuerfe
Konzept1
Konzept2
Konzept3
Flashprototyp

Jan Schröter

Illustrator-Informationsgrafik
Flash Prototyp

Susanne Speh

Entwürfe
Stammbaum
Flash-Prototyp

Christa Friedrich

1_Ideen
2_Strukturierung
3_Flash-Prototyp Nummer 1
4_Verfeinerung des Designs
5_Flash-Prottoyp Nummer 2
6_fertige Stammtafel
7_Flash-Prototyp von fertigen Stammtafel

Daniel Frank
Entwürfe
Illustrator-Informationsgrafik
Flash Prototyp (im Ansatz)
Flash Animation (Final)

Torsten Müller
Entwürfe
Illustrator-Informationsgrafik
Flash Prototyp

// Portfolio Links
coroflot – Portfolio: http://www.coroflot.com/public/individual_search_results.asp?specialty=6
slideshare: http://www.slideshare.net/
25 Portfolios: http://www.devwebpro.com/25-cool-portfolios-with-minimalism-design/
sinteraction-branding: http://interaction-branding.org/4-0-Beispiele.html

// Tipps und Tricks
Typekit/ Try it for free: https://typekit.com/plans
Posterous: https://posterous.com
SelfHtml: http://de.selfhtml.org/
CSS: http://www.css4you.de/

// WordPress Template Favoriten
Daniel Frank
Favorite 01: http://fthrwght.com/autofocus/plusdemo/page/2/
Favorite 02: http://demo.graphpaperpress.com/workaholic/
Favorite 03: http://fajnechlopaki.com/ (kein WordPress)

Screenshots

Sindy Kültz
Favorite 01: http://graphpaperpress.com/themes/f8-lite/
Favorite 02: http://allancole.com/wordpress/
Favorite 03: http://www.genaehr.com/minimalism/
SindyKueltz_Templates

Torsten Müller
Favorite 01: http://101bestwebsites.com/url/www.grafik-webdesigner.cz/
Favorite 02: http://demo.icreativelabs.com/kelontong_free/
=>Screenshots

Raphael Okon

Fav1: Bueno
Fav2: Inuit Types
screenshots_okon

Susanne Speh

Fav1: http://sponsoredwp.info/portfolio/
Fav2: http://labs.paulicio.us/viewport/
Fav3: http://palmiak.p5.dot.pl/wordpressik/
Fav4: http://webrevolutionary.com/sharpfolio-demo/
screenshots_templates_susanne

Jan Schröter

Favorite 01: The Unstandard
Favorite 02: Lumin
Templates_download

Lina Tegel

Favorite 01: http://www.jonbrousseau.com/
Favorite 02: http://www.blackestate.co.nz/
Favorite 03: http://wordpress.org/extend/themes/lightword
LinaTegel_Templates

Christa Friedrich
Favorite 01: http://osc4.template-help.com/wordpress_28978/
Favorite 02: http://osc2.template-help.com:8081/livedemo2/wordpress_19400/?cat=3
Favorite 03: http://cms.template-help.com/wordpress_31100/
Favorite 04: http://demo.wordspop.com/fotofolio/2009/04/red-tulipe/
ChristaF_Templates

// WordPress Plug-in Favoriten
Daniel Frank
Plug-in 01: Google Sitemaps Generator
Plug-in 02: Bad-Behaviour
Plug-in 03: PrettyPhoto (jquery)

Sindy Kültz
Plug-in 01: http://wordpress.org/extend/plugins/wordpress-video-plugin/
Plug-in 02: http://wordpress.org/extend/plugins/lightbox-2/

Torsten Müller
Plug-in 01: http://wordpress.org/extend/plugins/wptouch/
Plug-in 02: http://wordpress.org/extend/plugins/wp-pagenavi/

Raphael Okon
Plugin_01: WPML-Multilingual WordPress
Plugin_02: All in one SEO
Plugin_03: Fast and Secure Contact Form

Susanne Speh

Plugin_01: http://wordpress.org/extend/plugins/wp-twitter-sidebar-widget/

Plugin_02: http://wordpress.org/extend/plugins/html5-and-flash-video-player/

Plugin_03: http://wordpress.org/extend/plugins/flash-flickr-slideshow/

Jan Schröter

Plugin_01: Flash Photo Gallery
Plugin_02: Star Rating

Lina Tegel

Plug-in 01: http://wordpress.org/extend/plugins/flash-gallery/
Plug-in 02: http://wordpress.org/extend/plugins/mootools-collapsing-categories/
Plug-in 03: http://wordpress.org/extend/plugins/tag-cloud-fx/

Christa Friedrich
Plug-in 01: WordPress NextGen GalleryView
Plug-in 02: CMS Tree Page View
Plug-in 03: Lightbox Plus

Sindy Kültz
http://www.sindykueltz.co.de/

Torsten Müller
http://www.T-M-Design.de/

Raphael Okon
http://www.kreativr.de/

Susanne Speh

Jan Schröter
http://www.designessenz.de/designessenz

Lina Tegel
www.adren-a-lina.co.de

Christa Friedrich
www.chreissel.co.de/wordpress/

Typekit: http://typekit.com/
A List Apart: http://www.alistapart.com/
FontFeed: http://fontfeed.com/
For A Beautiful Web.http://forabeautifulweb.com//
i love typography: http://ilovetypography.com/
Nice Web Type: http://nicewebtype.com/
Ralf Herrmann’s Typography Weblog: http://opentype.info/blog/
Typographica: http://typographica.org/
Typophile: http://typophile.com/
Web Directions: http://www.webdirections.org/
Webfonts.info: http://www.webfonts.info/wiki/index.php?title=Main_Page

SIMPLE CAMACTIVITY SCRIPT – this small script measures the global webcam motion and connects the values to the size of a movieclip.

SIMPLE CAM/BITMAP TRACKING SCRIPT – the script takes the source image of the webcam to generate a one color based pixel image.

MOTIONAREA DETECTION – takes the generated bitmap copy of the original webcam image to generate an area of most movement.

Eine sehr spannendes und ästhetisches Element  ist die Verbindung zwischen fester Form und Flexibilität. Dynamische Formen können per magnetischem Feld erzeugt und verändert werden. Dies ist möglich durch eine von der NASA entwickelten Flüssigkeit zur Treibstoffzufuhrregulierung, dem Ferrofluid.

Eine pragmatische Demonstration findet sich bei einem Dienstleiter, der auch die Flüssigkeit selbst verkauft.

[youtube=http://www.youtube.com/watch?v=me5Zzm2TXh4]

http://www.supermagnete.de/FER-01?adwords_de_ger_ferrofluid&gclid=CJvF8ZbLsJ4CFcmOzAodWx1vlg