Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
wiki:accreditations:flora-vander-poorte:accueil [2020/06/15 23:49] flora [Graphisme, musique et interactivité] |
wiki:accreditations:flora-vander-poorte:accueil [2020/11/04 18:24] flora |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | ====== Graphisme, musique et interactivité ====== | ||
* Nom de l' | * Nom de l' | ||
- | * Lien vers le karma: [[wiki: | + | * Lien vers le karma: [[:wiki: |
---- | ---- | ||
- | ===== DOSSIER ACCREDITATION 15 JUIN ===== | ||
+ | ===== DOSSIER ACCREDITATION ===== | ||
- | {{ :wiki:accreditations: | + | Novembre 2020 |
+ | rédaction mémoire | ||
- | ===== Thématique ===== | ||
- | Pour mon mémoire, je souhaite mener une reflexion autour de la musique et du graphisme au travers de l’interactivité. | + | Rendu 07 sept 2020 |
- | Créer et mélanger des dispositifs techniques et différents supports (print et numérique) afin de questionner notre perception de la sonorité et du graphisme. | + | |
- | Explorer les sons au travers de différents médias pour créer des effets visuels conceptuels et impactants. Questionner la relation entre l’image et le son, entre l’imagerie visuelle sous toutes ses formes et la composition musicale (sous toutes ses formes également) | + | |
- | Concernant mon macro-projet, j’aimerais explorer ces questions en mélant les expérimentations graphiques et plastiques (peinture, sérigraphie, | + | {{: |
- | Créer des applications simples et graphiques (boîte à rythme, visualisation, | + | |
+ | Rendu 15 juin 2020 | ||
+ | {{: | ||
- | ==Comment la culture visuelle, le graphisme, peut-il créer des expériences sonores ?== | ||
+ | ===== Thématique ===== | ||
+ | → | ||
- | ===Vocabulaire :=== | + | **En quoi les technologies numériques et les interfaces influent et interagissent sur la pratique du design graphique ?** |
- | **analogique** : Se dit d'une grandeur physique mesurée par une fonction continue ou d'un signal dont les variations sont continues. | ||
- | Se dit de systèmes, dispositifs ou procédés qui représentent, | ||
- | **numérique** : Se dit des systèmes, dispositifs ou procédés employant ce mode de représentation discrète | ||
- | **synesthésie** : « syn » et « aesthesis » signifiant “ensemble” et " | ||
- | Phénomène neurologique - Expérience subjective, trouble de la perception dans lequel une sensation supplémentaire est ressentie dans une autre région du corps que celle qui est perçue normalement. | ||
- | **interactif** : Se dit d’un support de communication favorisant un échange avec le public. Émission, exposition, livres interactifs. | + | ===== Macro - Projet ===== |
- | **interaction** : (de « inter » et « action ») Influence réciproque de deux phénomènes, | ||
- | **interactivité** : (Inter = entre ; activité = évoquant | + | Créer |
+ | Démontrer la diversité des approches que l’on peut avoir avec cette matière et ainsi analyser nos comportements au travers de ces manipulations | ||
+ | Montrer les nouvelles possibilités de création qui en émergent et qui sont adoptées dans le champ du design - Aller comprendre | ||
- | **jeu**: Désigne à la fois un amusement libre et l’activité ludique en tant qu’elle est organisée par un système de règles définissant succès et échec, gain et perte. | ||
- | ====Supports d'enregistrement==== | + | → Comment dessiner avec son corps ? Comment manipuler ce qui n'est pas perceptible ? |
- | -> Ludovic Tournès | ||
- | Notre rapport à la musique a évolué en raison des progrès techniques. | ||
+ | → Dessiner avec kinect : montrer comment montrer et manipuler ce qui n'est pas perceptible + comment agir avec son corps | ||
+ | Créer des formes avec son corps | ||
+ | Créer une sculpture numérique | ||
+ | → dessiner avec leap motion | ||
+ | [Leap Motion and Processing |](https:// | ||
+ | [[tuto wiki http:// | ||
+ | → Réaliser un atelier participatif autour du son et du geste : | ||
+ | plusieurs pistes = | ||
+ | réalisation d'une affiche participative avec Makey Makey | ||
+ | récolte de visuels et glitcher ces images avec diff logiciels. | ||
- | ===musique concrète - avant garde de la musique électronique ?=== | + | J'ai déjà expérimenté cette technique |
+ | Le premier passage dans le 1er « programme » Processing, permettra en autre, d’ajouter des couleurs RVB au dessin. Le deuxième passage dans Audacity, un logiciel d’édition sonore déformera encore plus le dessin. Ce deuxième programme est intéressant, | ||
- | La musique concrète naît en 1948 dans les studios de la Radio-Télévision Française à Paris, à l’initiative du polytechnicien Pierre Schaeffer. Le constat fortuit qu’un sillon de disque fermé sur lui-même provoquait la répétition du même son lui fournit l’idée d’un système musical dans lequel des sons issus de diverses sources pourraient être travaillés en studio puis fixés sur des bandes magnétiques. Pierre Schaeffer définit ainsi la musique concrète : « Nous avons appelé notre musique “concrète” parce qu’elle est constituée à partir d’éléments préexistants, | ||
- | Le terme de musique concrète s’oppose donc naturellement à celui de musique abstraite où le compositeur recourt à l’écriture pour formaliser sa pensée musicale. Ce n’est pas uniquement l’absence de partition qui la caractérise : elle se distingue d’autres musiques qui n'en utilisent pas (à l’instar des musiques improvisées) par le choix des matériaux (que Schaeffer appelle « objets musicaux ») et par leur traitement. Ainsi, elle abolit la hiérarchie entre les notions de « bruits » et de « sons », bouleversant ainsi la conception musicale qui régnait jusqu’alors. | + | → Réaliser une édition électronique avec différents capteurs |
- | Les premiers essais | + | J'ai essayé |
- | |||
- | |||
- | |||
- | |||
- | |||
- | B. Stiegler, //La technique et le temps// | ||
- | A mesure que l’on a des chocs et innovations technologiques, | ||
- | Comment on fait pour redonner du savoir faire aux gens, sachant que ce savoir à été intégré dans des machines, qui sont des simples players ? Comment on sort de la consommation pure ? comment on peut devenir acteur ? | ||
- | |||
- | |||
- | |||
- | La possibilité technique qu’offre l’enregistrement a considérablement modifié notre rapport à la musique : pour écouter de la musique, un aménagement de l’espace permettant l’évènement musical (le piano dans un salon, la scène dans un café…) n’est pas nécessaire ; la musique s’entend sans musicien ni instrument, dans une voiture, dans un train ou à pied, en courant ou en se prélassant dans un bain ! Mais l’enregistrement n’est-il pas l’enregistrement d’une œuvre déjà faite ? Autrement dit, l’enregistrement ne consiste-t-il pas simplement à diffuser ce qui a été joué, c’est-à-dire à rendre accessible (audible) un évènement musical passé ? | ||
- | |||
- | Il importe de distinguer deux fonctions de l’enregistrement : en tant que témoin et en tant qu’œuvre. Dans les deux cas, l’enregistrement garantit la possibilité de faire l’expérience d’une structure musicale à de multiples reprises. Toutefois, dans le premier cas, l’enregistrement transmet une source : lorsque nous assistons à un concert et que nous l’enregistrons grâce à notre téléphone, | ||
- | |||
- | http:// | ||
- | |||
- | Avec l’enregistrement, | ||
- | |||
- | |||
- | ====Le rapport au temps et à l' | ||
- | |||
- | Questionner la notion du temps au travers de la musique. Comment la musique influence notre perception du temps ? | ||
- | L’art du temps et l’art de l’espace – comment on peut traduire l’un dans l’autre | ||
- | |||
- | On retrouve de nombreux éléments et termes issus de la musique dans les arts plastiques : | ||
- | -> **Structuralisme** : C'est une théorie selon laquelle l' | ||
- | Théorie qui propose d' | ||
- | Courant de pensée qui analyse les oeuvres en terme de relation et qui prend comme modèle la musique. | ||
- | // | ||
- | « le temps est comme une toile sur laquelle on imagine que la musique est présentée, | ||
+ | ==Zoom sur un projet :== | ||
- | Narration dans une image fixe, comment on introduit du temps dans l’espace ? | + | Je souhaiterais créer un dispositif avec des boutons de différentes formes qui activent des sons quand on les touche. Ces boutons seraient placés sur une plaque en métal (conducteur) ou un circuit électronique, relié à la makey makey. Le Makey Makey fonctionnera avec un programme Processing. Dans ce programme, j’importerais mes samples créés sur Logic Pro, et je mettrais une variable random pour lire les sons aléatoirement. Les sons seront lus quand on touchera un des boutons. |
- | Deleuze – ex BD – Comment le temps de maintient ? | + | |
- | La musique est un ex de Q philosophe | + | |
- | Comment dans l’image introduit du temps ou pas ? Q de la synesthésie ? | + | Pour l' |
+ | J’ai réalisé un bouton avec l’imprimante 3d, en ABS conducteur et des boutons sous forme de gelée car l’eau est conductrice. | ||
+ | J’aimerais approfondir ce dispositif pour le rendre plus complet. | ||
+ | Par exemple j’aimerais pouvoir moduler le son grâce au toucher (peut être à l’aide de capteurs de toucher ou d’un programme spécifique ?). Quand on touche le bout du bouton le son serait plus aigu et la base plus grave, ou moins fort. | ||
+ | Il faudrait utiliser une plaque de métal (conducteur) ou une plaque de bois peinte avec de l’encre conductrice et créer un quadrillage, | ||
- | // | ||
- | {{ :wiki: | + | ===== Références, |
- | //Jaune Rouge Bleu// | ||
- | |||
- | {{ : | ||
- | |||
- | En 1912 il peint Avec l'Arc noir une des premières œuvres abstraites (qui ne représente rien de la réalité), et conçue comme telle, de l’histoire de l’art. Elle ne représente rien d' | ||
- | Après son premier tableau abstrait, en 1910 Kandinsky nourri des observations et des expériences accumulées peu à peu autour du pouvoir des couleurs. Il explique dans cet ouvrage que chaque couleur nous transmet une émotion : //Le « jaune » est la couleur typiquement terrestre dont la violence peut être pénible et agressive// | ||
- | |||
- | |||
- | |||
- | Rapport temps image en esthétique – Francis Wolff Pourquoi la musique ? | ||
- | |||
- | Comment le temps se traduit dans l’espace ? | ||
- | Sur la Q de temps réel, Q du clip vidéo – relation temps/image – | ||
- | Relation temps /image central, et dans l’image fixe ou en mvt | ||
- | |||
- | Comment la musique altère notre perception du temps? | ||
- | https:// | ||
- | |||
- | ====Ecriture graphique==== | ||
- | |||
- | • La partition classique (solfège) : une des façon de visualiser la musique la plus encrée dans la mémoire collective occidentale. | ||
- | |||
- | |||
- |
• La partition de Xenakis : Iannis Xenakis est un des premiers compositeurs à avoir utilisé un ordinateur pour créer de la musique à partir d’un algorithme mathématique. Il crée ses propres partitions avec des formes plus ou moins complexes qui suivent une trajectoire, | ||
- | |||
- | S’intéresser aux partitions – la partition a peu évolué jusqu’au XXème s.– | ||
- | Le terme de partition graphique apparaît dans les années cinquante en relation avec certaines partitions créées notamment par des compositeurs tels que Earle Brown, John Cage, Morton Feldman et Christian Wolff… | ||
- | Une partition graphique est une forme de notation musicale qui utilise des symboles et des indications textuelles non conventionnels pour indiquer la manière dont doit être interprété un morceau de musique. Elle est fréquemment utilisée dans la musique expérimentale, | ||
- | La partition graphique et ses déclinaisons (partition texte, partition verbale, etc.) occupent dans l’histoire de la musique savante occidentale une place tout à fait singulière. Des partitions graphiques, dans lesquelles la musique est représentée par des symboles et des illustrations, | ||
- | |||
- | |||
- | |||
- | {{ : | ||
- | {{ : | ||
- | {{ : | ||
- | Jorinde Voigt – offre une autre vision artistique de l’écriture – exploration des processus de cartographie scientifique | ||
- | |||
- | |||
- | |||
- | Référence article - La partition graphique et ses usages dans la scène improvisée | ||
- | The Graphic Score and its Uses in the Improvised Music Scene | ||
- | Matthieu Saladin | ||
- | https:// | ||
- | |||
- | |||
- | Fritz Winckle Sonogram | ||
- | |||
- | |||
- | ====Interactivité graphique==== | ||
- | |||
- | D’après Catherine Guéneau, ce terme tend à se confondre avec une notion bien antérieure : l’interaction. L’interaction favorise l’échange avec le public, c’est une influence réciproque de deux phénomènes, | ||
- | On peut se demander comment cette interactivité tient à se renouveler. | ||
- | |||
- | |||
- | |||
- | Analogique et numérique – | ||
- | la Q ? de la visualisation, | ||
- | Traduire une quantité numérique en musique – écouter une image – visualiser la musique | ||
- | Le numérique permet ces transformations – scanner une image et la lire, l’écouter | ||
- | |||
- | Explorer la question de l’interactivité par la pratique graphique (outils traditionnels et numériques) | ||
- | Expérimenter le son et l’image par le son | ||
- | |||
- | -> expérimenter Audacity, Processing… | ||
- | |||
- | |||
- | |||
- | {{: | ||
- | Le designer et graphisme Martin Wecke possède un studio Design Cod Lab à Berlin, où il travaille sur des expériences numériques et interactives et des systèmes graphiques. Il combine une conception graphique réfléchie avec des formes d’interaction surprenantes. | ||
- | Il a réalisé une machine à beat minimal «108» permettent à quiconque de créer des rythmes techno avec son clavier, un sample, ou encore un arpégiateur triangulaire pour moduler le son. Lorsque l' | ||
- | 108 est une boite à rythme de visualisation créative des rythmes en boucle qui se joue dans le navigateur. | ||
- | |||
- | |||
- | Univers minimaliste et efficace pour s' | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | ---- | ||
- | |||
- | |||
- | |||
- | Le logiciel VisuaMusio sur Ipad. | ||
- | VisuaMusio permet de composer librement des suites de sons et de formes qui mises bout à bout forment une partition aléatoire. | ||
- | Par un gest, un rond jaune apparaît accompagné d’un son aigu et rythmé. Un second tapoté et voici un triangle rouge doté d’un trémolo tressautant. Un troisième et c’est un carré vert qui sonne tandis qu’il se divise en quatre parts égales.On peut donc composer notre partition à l'aide de formes géométriques et de couleurs différentes afin de varier les sonorités. | ||
- | Tout reste en mémoire et, au fur et à mesure, la partition qui défile va devenir un véritable paysage que l’on va pouvoir rejouer. | ||
- | |||
- | |||
- | Dans la même idée, le site Chrome Lab Experience rend l' | ||
- | |||
- | https:// | ||
- | |||
- | ---- | ||
- | |||
- | ===== Bibliographies / Réseaux ===== | ||
- | |||
- | === Bibliograhie === | ||
- | |||
- | * Floss manual, Processing | ||
- | |||
- | * Catherine Guéneau, « L’interactivité : une définition introuvable » | ||
- | |||
- | * Paul Valéry, « La Conquête de l’ubiquite», | ||
- | |||
- | * Nicole Pignier, « Le plaisir de l’intéraction entre l’usager et les objets TIC numérique » | ||
- | |||
- | * Fanny Georges, « Sémiotique de la représentation de soi dans les dispositifs interactifs» | ||
- | |||
- | * Benjamin Hoguet, //La narration réinventée// | ||
- | |||
- | * Laurent De Wilde, //Les fous du son// | ||
- | |||
- | * Eric Brabant, //Le graphisme dans la musique// | ||
- | |||
- | * Olivier Sacks, // | ||
- | |||
- | * Philippe Robert, //Musiques expérimentales// | ||
- | |||
- | * Magazine Etapes | ||
- | Bakouri | ||
- | |||
- | * Françis Wolff, //Pourquoi la musique ?// « Qu’est-ce que la musique ? La musique est l’art des sons. » | ||
- | |||
- | |||
- | === Sitographie === | ||
- | |||
- | |||
- | * graphism.fr | ||
- | |||
- | * sonore-visuel.fr | ||
- | |||
- | * http:// | ||
- | |||
- | * unilim.fr | ||
- | |||
- | * https:// | ||
- | |||
- | * Partitions graphiques https:// | ||
- | |||
- | === Réseaux === | ||
+ | * Freesson = déjà appelé - ils n'ont pas voulu donner suite | ||
* La Friche - Résonance Numérique- Marseille | * La Friche - Résonance Numérique- Marseille | ||
Ligne 264: | Ligne 89: | ||
* L’Alcazar - Marseille | * L’Alcazar - Marseille | ||
- | * Gnem à Marseille http:// | + | * Gnem à Marseille |
* Lutherie Numérique | * Lutherie Numérique | ||
- | * Coralie Gourguechon | ||
- | |||
- | * Martin Wecke - Berlin | ||
- | |||
- | * FabLab - Berlin | ||
- | |||
- | * DataBitMe - Arles - http:// | ||
- | |||
- | * Freesson - Châteauneuf-de-Gadagne - https:// | ||
- | Le collectif artistique Freesson est un laboratoire itinérant de création, diffusion, médiation des arts/ | ||
- | |||
- | |||
- | |||
- | === Logiciels et matériels === | ||
- | |||
- | |||
- | * Processing | ||
- | |||
- | * After Effects | ||
- | |||
- | * Microcontrôleurs: | ||
- | |||
- | * Pure data | ||
- | |||
- | * Ableton Live | ||
- | |||
- | * Rack CVC | ||
- | |||
- | * AudioMulch | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | ===== Expérimentations plastiques ===== | ||
- | |||
- | ==Expérimentations sur Processing== | ||
- | |||
- | |||
- | |||
- | Visualisation de musique avec les librairies sonores | ||
- | {{: | ||
- | |||
- | Création de motifs intéractifs | ||
- | {{: | ||
- | |||
- | |||
- | ==Expérimentation sur Audacity== | ||
- | une image en son | ||
- | http:// | ||
- | |||
- | {{: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | Simon Doury - album http:// | ||
- | |||
- | {{: | ||
- | |||
- | ------ | ||
- | ===== ENTRETIENS ===== | ||
- | |||
- | ==== Entretien Fabrice ==== | ||
- | |||
- | 23 mars 2020 | ||
- | |||
- | Identifier un cadre pour la recherche \\ | ||
- | - Musique et écriture ? \\ | ||
- | - Musique et industrie ? \\ | ||
- | - Musique et image ? \\ | ||
- | - Autre ? \\ | ||
- | |||
- | Biblio à explorer en fonction du cadre du projet | ||
- | - Ludovic Tournès : Musique ! du MP3 au phongraphe \\ | ||
- | - Frédéric Martel : Maistream \\ | ||
- | - Guillaume Kosmicki : Musiques électroniques , Musiques savantes 1 et 2 \\ | ||
- | - Laurent de Wilde : Les fous du son \\ | ||
- | - Daniel Lévitin : De la note au cerveau \\ | ||
- | - Harry Lehmann : La révolution digitale dans la musique | ||
- | |||
- | ------ | ||
- | |||
- | ===== AVANCEE des VACANCES ===== | ||
- | |||
- | |||
- | ===Lecture en cours :=== | ||
- | * //Du phonographe au MP3//, Ludovic Tournès | ||
- | *Etapes Magazine n°226 - // | ||
- | |||
- | -rajout de contacts, de références dans la page… | ||
- | - aller voir : image fractale années 90's | ||
- | - contacter des connaissances | ||
- | -> recentrer le sujet sur le graphisme et l' | ||
- | - réfléchir à comment le graphisme peut donner lieu à une expérience musicale | + | **Ouvrages lus :** |
- | - chercher vers l'art thérapie, les différentes formes d' | + | |
- | accès qui soit simple | + | * //TECHNIQUE & DESIGN GRAPHIQUE - OUTILS, MÉDIAS, SAVOIRS// - Anthony Masure, Bruno Bachimont, Fabrice Sabatier, Indra Kupferschmid, |
+ | * //Arts Numériques//, | ||
- | {{ : | + | * //Pour un humanisme numérique//, |
+ | * // | ||
- | Simon Doury - album http:// | ||
- | Projet électronique DIY | ||
- | https:// | ||