Archive for the 'Ludique et graphique' Category
AdobeMax : le mur Infinite Creativity en démo
Infinite Creativity from Second Story on Vimeo.
http://secondstory.com/portfolio/works/infinite-creativity
Un projet réalisé par SecondStory pour Adobe avec leur participation destiné à l’origine pour le techmuseum : un mur interactif multitouch dans la plus pure veine de l’art génératif ou des travaux d’Eric Natzke. Des formes s’affichent sur le mur principal à la verticale, et les utilisateurs disposent de 4 petits écrans à plat multipoints pour interagir avec. Chaque écran a un menu radial pour changer la forme générée aléatoirement, et l’ensemble des interactions graphiques vient s’afficher sur le mur principal. Réalisé en Air, cette interface a un très bon répondant, et il faut plus de 10 doigts pour commencer à la faire ralentir. Graphiquement, c’est absolument superbe !
Cette installation dans le hall d’entrée de Max a eu une nouveauté : elle était interactive avec une application sur Android. (Je n’ai pas pu la tester, étant sous Iphone4..)
Petite démo en vidéo :
Une autre démo vidéo issue du channel MaxEvent :
AdobeMax : Erik Natzke présente ses travaux
Si vous faites du flash et que vous ne connaissez pas Erik Natzke, c’est une énooooorme lacune que je me fais un plaisir de combler au travers de ce résumé de présentation qu’il a faite à l’Adobe Max. Artiste programmeur, il travaille en maître sur flash depuis des années et a fait l’ouverture de la première Keynote avec la séance de livecoding. Pour commencer, une ou deux vidéos montrant le cadre de son travail, celle-ci issue d’une commande pour Wired :
Démarche, origine et intention
« Toujours garder un carnet de croquis sous la main » Il utilise énormément les temps de pause pour explorer des idées, dessiner des formes, en écrivant même le code parfois sur la feuille, manipuler les chiffres, cela l’aide à mettre en forme des structures, sous un aspect géométrique ou mathématique.
Dans sa pratique de flash, il allait jusqu’à tout créer sur la timeline à ses débuts. Il lui arrivait d’avoir une centaine de layers et de keyframes, il ne connaissait pas l’actionscript à l’époque mais pour lui l’important était de parvenir au résultat qu’il voulait.
Peindre avec des chiffres
Et petit à petit, en approchant l’actionscript, il a commencé à donner vie à ses formes : prendre des objets et leur donner des valeurs, jouer avec, ajouter des variables, pour leur donner du mouvement, changer les valeurs, leur rajouter des variations aléatoires, ajouter des duplications…
Il insiste sur le côté itératif de son travail, il revient régulièrement sur un ancien travail qu’il a pu faire dans le passé, mais en le faisant ensuite évoluer.
Inspiration et nature
Une des choses les plus importantes à ses yeux : il faut sortir dehors, explorer la nature, l’observer, et comprendre ce que l’on veut capter et en retenir. Il faut regarder les formes, les structures, couleurs autour de soi. Erik prends beaucoup de photos (beaucoup de macro de fleurs, de plantes, avec des flous de couleurs en arrière plan), avec son oeil de photographe, et observe la nature avec ses effets de matières, pour capter juste des choses qui vont l’inspirer
La deuxième étape est de faire rentrer tout ce qu’il voit et retient dans sa propre matrice, dans les maths, ces formes vectorielles, en tentant d’extraire ces couleurs pour les réinjecter dans son travail : redessiner ces formes, les adapter, les mélanger, les superposer, les et peindre avec, mélanger les couleurs, faire des itérations, les faire évoluer, revenir en arrière et faire évoluer le tout.
Son travail sur les rubans est disponible ici : http://www.natzke.com/source/
Travail sur la destructuration des photos.
Ce ne sont pas des objets générés abstraitement, mais selon un vrai système. Il choisit également ses couleurs, il les fait fleurir dans ses compositions.
Démarche et travail commercial
On peut selon Erik même apprendre d’un projet commercial comme celui une bannière usant de 3D, qui est devenue un vrai travail personnel car il a expérimenté de nouvelles notions en 3D. Il veut juste au final juste s’exprimer, et approfondir sa propre démarche même au travers de ses travaux de commandes.
« Ce que vous avez fait est ce que vous ferez » : ce qu’il a retenu de ses travaux commerciaux, c’est que pour un travail avec un client, d’autres viendront lui demander la même chose. La difficulté lorsqu’il a travaillé pour Nokia a été d’estimer la valeur de son travail pour une campagne. Toute une démarche.
Challenges techniques hors du flash
Ses premiers essais en flash consistaient à produire seulement des vecteurs et des couleurs simples dans un petit écran mais sortir ses compositions sur des millions de pixels en 300 DPI pour un très grès grand format (affichage, poster…), cela est devenu un vrai challenge. Faire 25 fois, ou 60 fois plus grand, ou créer une vidéo en HD ou chaque composition lui prendrait 2 semaines de calcul pour chaque exposition à produire. Des challenges à résoudre qu’il n’avait pas prévu. Surtout qu’il veut toujours recréer la même émotion produite avec le print qu’avec l’écran.
Ses expérimentations:
http://play.natzke.com/
Ses travaux sur Vimeo
http://vimeo.com/natzke
Sur Flickr :
http://www.flickr.com/photos/natzke/sets/
AdobeMax : la performance d’introduction entre Audiotool, Livepainting et live coding
Petite performance entre Erik Natzke à la peinture virtuelle, un DJ à l’audiotool et Joa Ebert au livecoding sur la dernière API 3D de flash avec Flash Builder. Une intro très forte qui démarre tout doucement mais plutôt impressionnante vers la fin
Ce qui a donné cela à la fin de la performance :
AdobeMax : les gagnants créatifs des Adobe Design Achievement Awards
Les ADAA donc, disponibles sur : https://adaa.adobe.com/
Des travaux d’école, des best use case, des créations originales. Un bon tremplin pour les créatifs, un bon outil de visibilité pour les logiciels bien sûr. Voici les gagnants et leurs travaux, dans les diverses catégories (je reviendrais sur les autres non gagnants, il y a de très bonnes choses de part et d’autre) exposés par ailleurs dans l’entrée de l’AdobeMax :
Browser Based Design: winner Tiago Cabaco imagined an experimental font called “Kalvika” http://goo.gl/VVQF
Case Study Klavika from ADAA Gallery on Vimeo.
Non-Browser Based Design: winner Anthony Mattox’s “The List List,” a collaborative, open platform: http://goo.gl/uRRc
The List List from ADAA Gallery on Vimeo.
Winners A. Mahon & Z. Shore’s VoxPop summarizes online discourse from @nytimes: http://goo.gl/uCSd
VoxPop from ADAA Gallery on Vimeo.
Installation Design: 3.5K blank books + 16 book covers = Marco Werner’s winning concept, Buchmesse. http://goo.gl/WTuN
Buchmesse 2009 from ADAA Gallery on Vimeo.
Mobile Design: Heart telemonitoring system developed for patient-athletes at high altitudes by winner Laura Bordin
Animation: winner Napatsawan Chirayukool wants to know, « What Makes Your Day? http://goo.gl/ruhB
Live Action: winner Victor Aloji created a commercial to combat sexual abuse of children: http://goo.gl/7AMa
Motion Graphics: “29,” Edeline Bernal’s -winning video : http://goo.gl/tQ28
29 from ADAA Gallery on Vimeo.
Monyo+Moji winner for Print Communications http://flic.kr/p/8MNcnx
Print Communications: winner Chiharu Tanaka’s typeface “MONYO+MOJI” fuses Japanese ornamentation & Roman alphabet: http://goo.gl/4rEO (Celui là va plaire à graphism.fr hein Geoffrey ;) )
Photography: winner Natalia Luzenko’s series called “to wait and see” about her affinity for tea: http://goo.gl/fsML
Packaging: Analog 120 film is not dead—see winner Linna Xu’s innovative packaging for Ilford #film: http://goo.gl/2mxS
Illustration: winner Soonku Jang created illustrations of World Cup players 4 Korean children w/out PC &TV access: http://goo.gl/Jkq5
Floweroscope
http://www.floweroscope.com/kaleidoscope/new
En parlant de html5, une application fort sympathique qui me rappelle des choses en flash il fut un temps, entre autre pour une campagne d’Ericsson (dont j’ai oublié le nom :/ ). Très chouette en tout cas !
via @lazyheart
