Ressources du cours public multimedia

L’enseignement..."extrait de Eric Sadin,“La vie algorithmique, critique de la raison numérique”.
"Apprendre à programmer dans une école d'art" introduction au Floss manuel Processing sur le site Floss.

Une photo en 1 bit
une grande image pour travailler les sélections complexes
Pixels : Ajouter une texture à une image
Pixels : Lisser le Mickey
raccourcis clavier l.1
leçon 1 : image bitmap, outils de dessin
leçon 2 : sélections simples,dessins, photos, mémo des outils
leçon 3 : sélections plus complexes, utilisation des calques, différents modes de superposition
superpositions via les calques| Télécharger le dossier comprenant les fichiers de travail Gimp avec les calques.
Gif animé:avec imageReady; | avec Gimp | tutoriel Gimp
exemple: les Simpson | exemple: page d'erreur de tumblr( Reload pour voir…)

détourage en vectoriel : img | img
Interpolation vectorielle, conversion en pixels pour un gif animé de 13ko, augmentation de la taille à l'affichage (triche via css) pour une animation plein écran.
Manuel libre Floss fr pour Inkscape
flash et symboles, encore, encore

Mémo html de base pour commencer; imprimable.
Toutes les connaissances en brut sur le site w3schools.com du W3C. Peut-être un peu sec pour apprendre, on l'utilisera régulièrement pour vérifier des balises ou des perfectionnements non mémorisés, pour en apprendre de nouvelles.
Manuel Floss html5
Mon Cours Html pour l'IUP (plus écrit).
Squelette de page html simple; | page à image centrée | mini-site à l'ancienne à télécharger et transformer. Les commentaires dans le code source vous aideront. A ouvrir de préférence avec un éditeur en couleur.
mise en-page et répétition des instructions css de base
Recherche Images et media CreativeCommons (mais il vaut mieux les faire...)
Un peu de faux texte pour travailler la mise en page sans y perdre son vrai latin.Plus
Une image-map: pas-à-pas avec ImageReady. Avec DreamWaver ou Amaya c'est pareil. On peut le faire aussi avec un texteur mais c'est pour les intégristes ;-) Gimp le fait facilement ! Exemple de Séverine Hubard
Formulaire html via orange ici
Miro, convertisseur de formats video pour faire des .mp4, .ogg et .webm
intégration "en dur" d'une video

La page "couleurs du web" de Wikipedia rappelle tout ce qu'il faut savoir sur la formulation de la couleur dans les différents langages et environnements.

Idées de couleurs : trois pages plein écran pour visualiser des jeux aléatoires de 2, 3 ou 4 couleurs. Changement par simple "Reload" (refresh, rafraîchir, recharger la page).

L'animation est très tôt liée à l'entertainement et à l'industrie. Bien sur il y a eu Disney et Pixar. Mais pas seulement.Un peu d'histoire...
Gif animé:avec imageReady; | avec Gimp | tutoriel Gimp
exemple: les Simpson | exemple: page d'erreur de tumblr( Reload pour voir…)

Pour une image dont vous n'avez pas noté la provenance, l'auteur, etc: images.google.com permet la plupart du temps de retrouver d'où elle vient. On uploade l'image, google analyse la suite de pixels, et retrouve les autres occurrences identiques.

Vue d'ensemble(s) : école d'Art de Aix-en-Provence, Douglas Eric Stanley, cours multimedia en ligne, complets et très intéressants, processing ou html notamment. VOIR
Le blog de J.N.Lafargue qui regroupe pas mal de liens et ressources sur Processing
Processing floss manuel fr.
Tutoprocessing.com
Codelab.fr est un forum codes et création, les logiciels et les processus avancés. Bien poser sa question, précisément, et ne pas prendre les animateurs bénévoles pour des assistants (i.e des gars qui feraient à votre place le boulot que vous n'avez pas le temps de comprendre.).
Agrégateur de news twitter, un Paper.li branché sur Processing
Fun programming: en anglais mais plein d'exemples en video.
Beautiful programming, belles programmations avancées

démonter une video en autant d'images fixes.
Notions de base de montage avec final cut, tutoriel par remy deveze qui nuance insertion et écrasement.