FORMATION GENERATIVE DESIGN

Par JÉRÔME MERCIER, enseignant, artiste génératif, ex-web designer.

Cours 1 à 5

Cours 1 à 6

cours

Cours 7 à 8

Cours 9 à 11

Cours 11 à 15

Cours 15 à 16

Cours 1

Une introduction à l'art génératif et au design génératif, les 4 principes fondamentaux, l'histoire, les artistes et les principaux outils.
Cours 1 design génératif

Cours 2

Prise en main de l'éditeur P5.js et création d'une première animation générative, interactive et audio réactive.
COURS 2 - GENERATIVE DESIGN

Cours 3

Premières oeuvres graphiques génératives avec l'iteration et en intégrant l'aléatoire.
Cours 3 design génératif

Cours 4

Maitriser les bases conceptuelles pour créer des patterns dynamiques, génératifs et interactifs.
Cours 4 Design Génératif Lyon

Cours 5

Générer des grilles de pattern, connaitre les algorithmes de bases, s'amuser avec l'algorithme de Truchet.
Cours 5 design génératif

Cours 6

Coder des gifs animés, ajouter du mouvement inertiel dans des animations.
cours 6 design génératif

Cours 7

Découverte du dessin génératif, conception de son propre outil de dessin.
Dessin generatif

Cours 8

Faire des rotations animées ou fixes dans des processus itératifs.
Image

Cours 9

Designer avec des données probabilistes pour limiter le chaos visuel.
Image

Cours 10

Utiliser les oscillations pour générer de puissants visuels/animations ondulatoires et géométriques.
Cours 10 - Oscillations

Cours 11

Utiliser le "Perlin Noise" pour des itérations génératives naturelles.
Le bruit de Perlin en design génératif

Cours 12

Coder des tracés personnalisés, génératifs et interactifs.
Image

Cours 13

Organiser son programme avec les fonctions. Utiliser la récursivité
Cours 13 - Fonctions - recursivité

Cours 14

Extras : Ombrages, dégradés HTML5, BlendMode et interfaces GCI.
Cours 14 - Extra et outils

Cours 15

Jouer avec la typographie: mise en page générative, animations de textes et de lettres, typo générative.
Image

Cours 16

Images : intégrer dynamiquement des images, sliders génératifs, récupération de couleurs, génération d'images chartées, analyse d'images...
Cours 16 - Images et design génératif

Cours 17

Création d'objets (POO) - Particules
Cours17 POO Particules

Cours 18

Utiliser des datas venant d'une API ou d'une base de données pour créer des graphiques génératifs.
Datavisualisation

Cours 19

Intégrer du son et capture du micro. Création d'animations audio-réactives. Analyse du son.
Le son en design génératif

Cours 20

Lire une vidéo et capturer la webcam. Modification en temps réel de la vidéo par l'analyse des pixels.
Video et creative coding

Cours 21

Créer des designs génératifs avec des agents autonomes et intelligents.
Image

Cours 22

Utiliser des champs de vecteurs pour créer des textures dynamiques et naturelles
Champs de vecteurs-FlowFields

Cours 23

Utiliser les programmes d'Intelligence Artificielle pour créer des images.
IA MidJourney Stable Diffusion

Cours 24

Utiliser les vecteurs pour créer un environnement régie par les lois de la physique.
Cours design génératif- vecteur et physique

Cours 25

Utiliser p5.sound.js pour générer du sons et des mélodies.
Cours design génératif Créer une mélodie générative

Cours 26

Utiliser p5.js pour créer un framework web à partir de contenus html.
P5js Manipulation DOM

Cours 27

Jouer la densité des caractères ASCCi pour faire de l'ASCII génératif!
ASCII art génératif