Le processing, ce language dévellopé dans le bur de programmer des animations. Les résultats et les champs d’applications les plus connus sont avant tout les visualiseurs de musique, comme magnetosphere, maintenant intégré à iTunes 8.
Les deux animations suivantes sont entièrement générées en réaction à une piste audio. Il n’y a pas d’images clés, pas d’édition manuelle, seulement de la programmation en utilisant le processing. Je trouvais magnetoshpere bluffant, mais là, je trouve ça carrément magique !
Swan Lake - Zeno Music Visualiser from Glenn Marshall on Vimeo.
Bodysnatchers - Zeno Music Visualiser from Glenn Marshall on Vimeo.
Ces deux animations sont signées Glenn Marshall. Ce qui me fascine le plus, et qui m’effraie en même temps, c’est toute cette notion du “Computer Art“. Ces animations, aussi magnifiques quelles soient, sont générées entièrement à partir de ligne de code. Il n’y a pas d’intervention délibéré de la part de l’auteur dans la façon dont l’animation se créer. Tout est prévu, calculé, en réaction à des fréquences et des oscillations prédéfinies par la musique. Et en tant qu’animateur semi-traditionnel, utilisant des images clés, beaucoup d’images clés, ce genre d’animations fait vraiment réfléchir…
Si il y a bien une chose que je veux vraiment dévelloper par rapport à ma façon d’aborder l’animation, c’est la programmation. Sous AfterEffects, on assimile cela aux expressions. Cela permet d’animer facilement suivant des formules logiques et mathématiques, afin d’obtenir automatiquement des mouvements et des interactions sans keyframing manuel. (un tutorial vidéo pour vous montrer une des choses possibles grâce aux expressions ici).
Bien que l’approche du code peut sembler compliqué et barbante au premier abord, il n’y a pas de doute que c’est un des avantages les plus puissants de l’animation numérique.
Cependant, je ne pense pas l’animation via processing apporte vraiment de grosses nouveautés en dehors des applications spécifiques, comme les visualiseurs, ou les performances live. Ces animations restent quand même répétitives passé les premières minutes, lorsque l’on a compris comment réagissent les éléments en fonction des fréquences. L’animation par les animateurs, la vraie, la subjective, sera toujours là. Avec de l’émotion.
(enfin j’éspère, j’ai un loyer à payer à la fin du mois ^^)
clem
23 octobre 2008 15:35
Magnifique ces 2 vidéos et superbement bien habillée avec une musique qui me plait bien!
Maxlefun
23 octobre 2008 15:51
De la programmation … c’est plus du graphisme ça !
Short id
23 octobre 2008 17:17
Bah m**** alors , j’en suis tombé sur le c**…..
Ca fais peur oé , carrement !
alone92
23 octobre 2008 17:33
Je pense pour ma part que l’animation via processing
reste une expression artistique,
dans le sens ou l’auteur de ce “code” est la personne qui va donner une identité visuelle a son visualiseur (peut être sa façon de percevoir la musique).
avec une réel plus value face a l’animation traditionnel:
donner une identité unique et propre a chaque son a travers l’œuvre (”programmé”) de l’auteur…
Number
23 octobre 2008 18:42
Superbe
Denis
23 octobre 2008 19:40
J’ai vu ça en me baladant sur viméo !
C’est très chouette en effet mais un peu lassant sur la totalité. Ça manque de variété quoi.
Mais c’est très chouette !
Psychedelic
23 octobre 2008 21:10
Franchement, je galère a faire ma petite image clé pour créer de belles animations tirées de tutoriaux pour bien apprendre a maitriser after effect… et la sur mon blog préféré avec mon infographiste préféré je découvre que le talent d’un programmeur peut vraiment tout faire… on peut faire des logiciels, des jeux, des sites, un systeme d’exploitation en programmant, et maintenent on peut mm faire du motion design.
C’est exceptionnel …
Psychedelic.
cissouille
23 octobre 2008 21:20
Pffffffffff… Je suis comme psychedelic moi… Déjà que je galère grave ! alors là… c’est le pompon…
J’ai vraiment du mal à tout suivre… Entre ma formation + tes supers tuto qui m’attiiiiiiiiiiiire + ci + ça…
Je crois que je vais devenir chauve….
Oh non… C moche
En tout cas c’est bluffant.
Merci
mattrunks
23 octobre 2008 23:04
Clem -> Dans ce cas là, c’est plutôt la vidéo qui habille la musique ^^
Maxlefun -> Ben… si, disons que c’est un autre outils
.( Les maths et l’art, ça à toujours co-existé ^^ en tout cas, de tout temps ).
Short-id -> C’est vrai que c’est vraiment bluffant. Je l’ai montré à plusieurs personnes pendant une vingtaine de sec, et aucune aurait pu me dire sans savoir que tout était programmé.. Bref, balèze.
Alone92 -> Tout a fait d’accord pour l’expression artistique, pour arriver à quelque chose d’aussi abouti visuellement, il va sans dire que ce programmeur à de très bons goûts
Par contre au niveau de l’unicité de l’oeuvre, je ne sais pas vraiment.. En partant du principe qu’une formule ou un code obéit a des principes fixes, je me dit que si quelqu’un arrivait à écrire le même programme, il pourrait alors recréer les même “oeuvres” sur n’importe quelle musique. Enfin c’est sûrement beaucoup plus compliqué que ça et on pourrait débattre des heures… Mais même si j’aimais bien ma prof de philo, ses cours ne me manque pas vraiment ^^
Denis -> On doit faire les mêmes ballades sur le web
C’est aussi le problème que j’ai trouvé à cette anim, c’est très beau, mais au bout de plusieurs minutes on commence à voir venir la chose de loin.. Mais bon, pour un visualiseur, il fait magnifiquement sont boulot !
Psychedelic -> C’est vrai que la programmation peu vraiment être passionante. Avant de me tourner vers le motion, j’ai fait un bac S science de l’ingénieur, et avec plusieurs amis ont était à fond sur la domotique, on programmait tout plein de système avec des automates pour piloter des maisons, des lumières etc.. Et à l’époque le code, la logique, le binaire, l’électronique,la méca, je voulais vraiment en faire mon métier, je trouvais ça génial ^^
Mais bon, c’est quand même un monde, bien que les applications soit proches, avec un esprit vraiment différents des “artistes”. Après il faut faire des choix, et perso, je ne regrette pas le mien
Cissouille -> C’est vrai que dans notre milieu les journée de 24h paraissent bien courtes hein ? ^^
Florent
24 octobre 2008 9:32
Ils utilisent quoi comme logiciels pour coder ce genre de chose ?
Psychedelic
24 octobre 2008 13:00
J’ai exactement ce projet mattrunks, je suis en STI GE (génie electrotechnique) et je voudrai aller en DUT informatique pour la programmation de C c++ Python faire du HTML aussi, et je voudrai faire comme toi du motion design, penses-tu qu’il y ait une autre filiaire spécialisé pour le motion design ?? je suis dans le nord pré de valenciennes et lille donc jai dé grandes villes pré de chez moi. Tiens moi au courant, je suis en train de travailler sur Cinema 4d, je ne maitrise pourtant pas assez After effect mais je ne trouve pas encore assez de tuto pour bien m’apprendre sur les Trapcode, je voudrai savoir faire bcp de chose mais la je né fai k’un seul projet vraiment personnel, apré ce ne son presque que des copies de tes tuto et ceu de video-copilot.net par exemple.
Je vais profiter de mes vacances pour travailler pour pouvoir m’acheter peut-etre un tuto professionnel, mais sa coute cher….
Merci pour tou mattrunks de nous proposer de si bon tuto
jaten les nouveaux avec impatiente…
Psychedelic
24 octobre 2008 13:02
hann !!! j’ai écris comme un porc excusez moi je me croyais sur msn :s
Désolé.
Psychedelic.
Maxlefun
24 octobre 2008 13:14
Pour moi le graphisme et la programmation ça ne va pas ensemble. C’est deux métiers totalement différent
Psychedelic
24 octobre 2008 13:40
oui je suis d’accord avec toi max, mais avoue que la c’est totalement en rapport …
psychedelic.
Psychedelic
24 octobre 2008 14:19
A oui aussi max, franchement j’adore ton T-Shirt, si tu as encore d’autres sites dans ta poches pour ce genre de T-shirt moi j’mapelle Psychedelic et je viens ici tous les jours pour prendre des nouvelles ! xD n’hésite pas à me déranger lol ^^
Psychedelic.
Thilo
24 octobre 2008 18:24
J’aime beaucoup ! Et je préfère nettement la deuxième ou le combo musique/design hypnotisant !
mattrunks
24 octobre 2008 19:00
Florent -> Comme je l’ai dit plus haut, c’est réaliser grâce au processing. Clic sur le lien tout au début de mon billet
Après tu télécharge l’appli, et en gros c’est que du code ^^ Tu as pas mal d’exemple et de code tout fait sur le site officiel : http://processing.org/learning/basics/
Mais bon encore un nouveau language à apprendre quoi ^^
Psychedelic -> A valenciennes, tu as Supinfocom mec ! Mais bon c’est vraiment que de la 3D, mais une des meilleures écoles d’anim
Après formation de motion, je ne sais pas vraiment, jamais renseigné la dessus, car pour moi les motions qui me font rever sont à 80% en 3D, donc je ne connais que ce type d’école ^^
Maxlefun -> Dans ce cas tu ne considère pas beaucoup de prod vidéo/3D comme du “graphisme” car la plupart utilisent du code (expressions sous After) ou scripts et codage pur dans les softs de 3D.. ^^ Dans un studio ideal, tu as toujours un programmeur, ça aide vachement dans les créas mine de rien
Thilo -> Je pense que n’importe quelle musique de toute façon ça doit rendre “joli”
Psychedelic
24 octobre 2008 19:17
Justement je veux faire de la 3D, si je part d’un bac STI tu penses que je doit faire quoi afin d’arriver jusque la ??
Psychedelic.
mattrunks
24 octobre 2008 19:22
Du dessin, beaucoup de dessin, des tonnes de dessin, dans tous les styles ^^ C’est plus important que de connaître after, car ça ils s’en foutent ils sont la pour te l’apprendre
Donc remplir des carnets de croquis, travailler le mouvement dans le trait, faire des perspectives, et surtout, aimer raconter des histoires, car quand tu sors de supinfocom tu es “réalisateur” numérique
Psychedelic
24 octobre 2008 19:27
ok, frenchement je suis emballé j’aime le dessin, ce que je veux faire moi, c’est dans le même genre que toi, cinéma 4d et after effect c’est ça que j’aime.
Quel poursuite d’étude je dois prendre pour allé la-bas, je veux dire par la: DUT informatique, BTS……….
Je suis en STI, j’aurais du prendre S et du coups sa me perturbe dans mon choix de poursuite d’études …donc que dois-je faire???
Psychedelic.
mattrunks
24 octobre 2008 19:30
Ben tu peux attaquer direct après ton bac, 2 ans de prépa integré a supinfocom, et 3 ans d’école, en tout 5 ans là-bas avec un diplôme homologué de niveau I au final, donc bien cool
Le seul soucis reste le prix.. Mais renseigne toi su google plein de forum en parle, car sinon c’est mes billets qui vont se transformer en forum ^^
Psychedelic
24 octobre 2008 19:35
A ouais, excuse moi, je suis sur le site là justement sa a l’air vraiment chouette, je vais me renseigner d’avantages merci beaucoup Mattrunks. niveau I = ??? je serais habilité a beaucoup de bonnes choses avec ça ?? ^^
En tout cas je continu de tricher sur tes tutos pour m’amélirorer, je vais aussi essayé de faire un site internet assez cool si j’en ai suffisamment les moyens… et j’espère rester en contact avec toi le plus souvent possible, merci de ton aide
Psychedelic.
Maxlefun
24 octobre 2008 22:06
Ouais, en faite les blablas ici ça se transforme en forum, c’est cool mais il faudrait carrément crée un vrai forum mattrunks
Sa serais le pied !
Guillaume
24 octobre 2008 22:38
Salut Matt,
Dans le même esprit, Lee Brimelow, un évangéliste adobe, a publié un article sur les animations générées en Actionscript 3 depuis Flash CS4 vers Quicktime puis leur importation dans After Effects CS4 pour ajouter quelques effets. Le workflow au sein de la suite CS4 commence a prendre son sens.
http://theflashblog.com/?p=462
Que ce soit AS ou Processing tu as bien soulevé le problème, il faut chercher à être le moins répétitif et “pattern”-aliste possible et avec du code c est pas toujours facile mais c’est un beau challenge. A ce propos le Web Flash Festival organise chaque année un concours de Cadavre exquis de code.
http://www.flashfestival.net/2008/cec/
Au fait si tu trouves une solution a mon email concernant l’effet split flap (également connu sous le nom “effet ancien panneau de gare SNCF”)je suis preneur. Les expressions j y travaille mais c est pas aussi automatique chez moi.
Keep on the good work.
Guillaume
Design-AZM
26 octobre 2008 3:06
(MODE Apple Addict/Nu Soul Lover ON)
Alors à ce qu’il paraît, si je prend mon Imac 20″, que j’allume Itunes, play sur une compile RnB Love (LA compile pour ce que vous savez) avec affichage en plein écran de l’animation, lumière éteinte, le tout accompagné de Mme (ptêt quelques bougies en options mais vraiment obligatoire) = une mise en situation bien smooth avec ambiance réussie… grrrr
Je valide
(MODE Apple Addict/Nu Soul Lover OFF)
Non c’est vrai que les anims sont pas mal même si un peu répétitives mais… avec l’utilisation que je viens de présenter, en gros on passe pas notre temps à les matter donc ça fait bien plaiz.