french93 Videos

Water Surface – TOUCHDESIGNER TUTORIAL #1

Welcome to this first tutorial! I hope my explanations are clear enough, don’t hesitate to give me any advice! As I say in the video, this network is a base and is destined to be improved, or even used in other networks. Share with me your creations, your modifications, ideas, etc. 🙂 You can contact […]

Tutoriel Ange Biblique et champ de fleurs ”Y2K” Touchdesigner

Un tutoriel simple pour expliquer comment j’ai créé une scène virtuelle: un champ de fleurs, dans une esthétique Y2K, avec une mystérieuse créature survolant le tout.

Lissajous Touchdesigner Tutorial

Tutoriel pour apprendre à faire un visualiseur de figures de Lissajous grace à l’application gratuite Touchdesigner.

Tuto du Jeudi : Unreal Engine 5 avec OSC Server & TouchDesigner

Ce jeudi dans le tuto de la semaine, travaillons dans Unreal Engine avec le plugin OSC Server qui va permettre de connecter en temps réel une entrée de données (input) avec un logiciel comme TouchDesigner qui va capter des informations de capteurs externes (clavier, souris, casque VR, sons…) et qui va transférer ces infos dans […]

Tutoriel TouchDesigner – Spectrogramme audio-réactif [FR]

Travail effectué dans le cadre du cours de Médias interactifs IV. Ce tutoriel vise à expliquer les fonctions nodales qui nous permettent d’avoir accès à un spectrogramme 3D audio-réactif afin de visualiser des sources audio de manière intéressante. Credits: Noto the Talking Ball pour l’inspiration initiale Otis McDonald pour les chansons libres de droits “Sunday” […]

Mapping festival 2021 / Touchdesigner Avancé / Masterclass

Le code créatif offre la souplesse nécessaire pour adapter le contenu numérique à différents espaces et environnements. Il s’agit de la manière dont les informations sont traitées et traduites en une expression artistique. Les itérations qui en résultent sont illimitées, et chaque expérience devient unique. Dans cette présentation, l’artiste va expliquer son processus créatif et […]

Une page web comme interface mobile (Partie 6)

Il est, enfin, le temps de tester notre interface sur un appareil mobile. C’est ce que nous ferons dans cette vidéo. Vous pouvez télécharger les fichiers dans l’état où ils étaient à la fin de la vidéo précédente: https://downgit.github.io/#/home?url=https://github.com/djipco/approfondir-touchdesigner/tree/main/une-page-web-comme-interface-mobile/partie6/version-initiale —– Introduction: 00:00 Tests préliminaires: 00:33 Tester sur appareil mobile: 01:02 Utilisation d’une balise <select>: 06:35 […]

Une page web comme interface mobile (Partie 5)

Dans cette vidéo, nous ajoutons un paramètre à notre composant qui permettra de copier les données entrantes dans un tableau (Table DAT) Vous pouvez télécharger les fichiers dans l’état où ils étaient à la fin de la vidéo précédente: https://downgit.github.io/#/home?url=https://github.com/djipco/approfondir-touchdesigner/tree/main/une-page-web-comme-interface-mobile/partie5/version-initiale —– Introduction: 00:00 Ajout d’un paramètre Table DAT: 00:30 Modification du code Python: 02:10 Correctif […]

Une page web comme interface mobile (Partie 4)

Dans cette vidéo, nous créons un composant dans TouchDesigner pour faciliter la réutilisation et la configuration de notre serveur. Vous pouvez télécharger les fichiers dans l’état où ils étaient à la fin de la vidéo précédente: https://downgit.github.io/#/home?url=https://github.com/djipco/approfondir-touchdesigner/tree/main/une-page-web-comme-interface-mobile/partie4/version-initiale —– Introduction: 00:00 Création du composant: 00:14 Personnaliser le composant: 01:55 Utiliser les paramètres personnalisés: 06:30 Conclusion: 15:30 […]

Une page web comme interface mobile (Partie 3)

Dans cette vidéo, nous ajoutons l’envoi des clics de l’interface web vers TouchDesigner. Vous pouvez télécharger les fichiers dans l’état où ils étaient à la fin de la vidéo précédente: https://downgit.github.io/#/home?url=https://github.com/djipco/approfondir-touchdesigner/tree/main/une-page-web-comme-interface-mobile/partie3/version-initiale —– Introduction: 00:00 Ajout des écouteurs de clic: 00:18 Ajout d’opérateurs JSON: 09:59 Conclusion: 11:42 —– Cette vidéo fait partie d’une mini-série dont la […]

Une page web comme interface mobile (Partie 2)

Dans cette 2e partie de la série, vous apprendrez comment créer un WebSocket pour envoyer des informations à TouchDesigner à partir d’une page web. Vous pouvez télécharger les fichiers dans l’état où ils étaient à la fin de la vidéo précédente: https://downgit.github.io/#/home?url=https://github.com/djipco/approfondir-touchdesigner/tree/main/une-page-web-comme-interface-mobile/partie2/version-initiale —– Introduction: 00:00 Aperçu de l’interface: 00:45 Aperçu du code existant: 02:15 Modification […]

Une page web comme interface mobile (Partie 1)

Dans cette mini-série de 7 vidéos, vous apprendrez comment il est possible de se servir d’une page web sur un appareil mobile pour interagir avec TouchDesigner. La page en question utilisera le protocole WebSocket pour se connecter à l’opérateur Web Server de TouchDesigner et ainsi envoyer et recevoir des messages. Dans cette première partie, vous […]

32 – Conclusion – Découvrir TouchDesigner

Pour conclure la série, cette dernière vidéo vous propose des pistes d’exploration pour continuer votre apprentissage du logiciel de façon autonome. Voici tous les liens mentionnés dans la vidéo: Sweet Sixteen TOPs: https://docs.derivative.ca/TOP#Sweet_16_TOPs Sweet Sixteen CHOPs: https://docs.derivative.ca/CHOP#Sweet_16_CHOPs Sweet Sixteen SOPs: https://docs.derivative.ca/SOP#Sweet_16_SOPs Sweet Sixteen DATs: https://docs.derivative.ca/DAT#Sweet_Sixteen_DATs Python et TouchDesigner: https://docs.derivative.ca/Category:Python Interface: https://docs.derivative.ca/Panel_Component GLSL: ShaderToy: https://www.shadertoy.com/view/NslGRN Substance: […]

31 – Quelques trucs additionnels – Découvrir TouchDesigner

Cette vidéo est dédiée à tous les petits trucs, fonctionnalités, raccourcis et autres informations diverses qui n’ont pas trouvé leur place plus tôt dans la série mais qui peuvent néanmoins vous rendre plus efficace dans votre utilisation du logiciel. Voici les liens mentionnés dans la vidéo: Raccourcis: TouchDesigner | Keyboard Shortcuts Bonnes pratiques: Style Guides —– […]

30 – Modules & Raccourcis – Découvrir TouchDesigner

Dans cette vidéo, nous verrons comment organiser un projet en modules à l’aide des composants et comment simplifier le création de liens en utilisant les raccourcis. —– Introduction: 00:00 Structure en aplat: 00:32 Structure arborescente: 03:11 Composant “fermé”: 06:01 Composant “ouvert”: 11:46 Raccourcis: 16:04 Conclusion: 25:14 —– Cette vidéo fait partie d’une série de tutoriels […]

Commen faire un paysage avec TouchDesigner

Dans cette vidéo, vous apprendrez à créer un paysage avec TouchDesigner. Vous n’avez besoin de rien d’autre que le logiciel et un peu de créativité! Musique: It’s Almost Over – SefChol Castille Soap – LATASHÁ Meadows – Ramzoid Skip Rox – Spazz Cardigan

29 – Opérateur Feedback – Découvrir TouchDesigner

Dans cette vidéo, nous verrons comment utiliser l’opérateur Feedback (TOP) et nous réaliserons un petit exemple créant une trainée visuelle derrière un cercle. —– Introduction: 00:00 Mise en place: 00:31 Opérateur Feedback: 03:29 Opérateur Level: 07:03 Blur: 11:11 Edge: 12:58 Displace: 13:51 Conclusion: 18:13 —– Cette vidéo fait partie d’une série de tutoriels en français […]

[TUTO FR] – Aurora Audio Spectrum (TouchDesigner)

Dans ce tutoriel, je vais vous introduire à la technique “Aurora Audio Spectrum” et surtout comment la reproduire et pousser plus loin! C’est une technique assez peu connue et permet de mettre originalement en valeur votre musique! Musique: [Direct] – Give and Take [Cold Ground EP] Inspiration: [Bileam Tschepe] Aurora Audio Spectrum – TouchDesigner Tutorial […]

Mat Line Torus

Vidéo inspirée: https://www.youtube.com/watch?v=BZR1f2YqFVs Fait avec TouchDesigner

28 – Particules (Partie 2) – Découvrir TouchDesigner

Dans cette vidéo, nous verrons comment contrôler l’opérateur Particle dynamiquement à l’aide de la souris. L’image de particule utilisée dans la vidéo peut être téléchargée à cette adresse: https://djip.co//data/youtube/particule.png —– Introduction: 00:00 Configuration de Particle et Line: 00:25 Mise en place de l’environnement de rendu: 06:00 Contrôle avec la souris: 11:23 Encapsulation dans un composant: […]

Tutoriel TouchDesigner: Style Vornois

Dans ce tutoriel, je vous montre comment faire un style vornois animé en boucle. J’utilise le logiciel TouchDesigner sur windows et pour le montage j’utilise adobe premiere pro et audition. Ce tutoriel fait partie d’un de mes projets dans la technique en intégration multimédia. lien vers le logiciel utilisé: https://derivative.ca/

Tutoriel touchdesigner – Particle displacement

salut, dans cette vidéo je vais vous faire un tutoriel en vous expliquant le principe de particle displacement étape par étape avec le logiciel touchdesigner, il est à noter que pour cette vidéo vous aurez besoins uniquement du logiciel et rien d’autre puisque c’est un tutoriel pour les débutants et intermédiaires. Liens pour télécharger touchdesigner: […]

Dessiner avec des particules (TouchDesigner)

Dans ce tutoriel, je vais expliquer comment créer une particule pour ensuite l’instancier dans une grille que nous allons aussi créer. Nous allons ensuite faire bouger ces particules et leur permettre de prendre une image comme texture. Nous allons poursuivre en créant un effet de dessin puis en créant un effet de couleur très intéressant […]

Tutoriel Modifications Scales Geometrie

Tutorial sur la modification d’instances de geometrie par rapport au son pour que les instances soient independantes. Musique: Me Too, de Meghan Trainor, version instrumentale Baser sur: https://www.youtube.com/watch?v=DQT0D5KFVso&list=PL4XNsp-R8i-LU7EdJr7kWKPlmi0vGGgDZ&index=11

Les particules musicales

Bonjour à tous et à toutes, c’est Jérémy. Bienvenue dans cette nouvelle vidéo dans laquelle je fais un tutoriel pour animer des particules selon une musique choisie. voici les liens qui vous amèneront à des ressources https://derivative.ca/community-post/tutorial/point-clouds-touchdesigner https://derivative.ca/community-post/tutorial/particle-system-generated- body-movement/63807 https://www.youtube.com/watch?v=GDZoOnzLYGo&ab_channel=bileamtsc hepe

Le spectre sonore

Cette vidéo explique comment faire un effet de spectre audio de A à Z et d’autres modification intéressante, tel que la couleur du spectre qui changer tout au long de l’audio, avec l’aide du logiciel « TouchDesigner ». J’ai apporter un touche personnel à un tutoriel que je trouvait intéressant. La musique choisit est la […]

Tutoriel de diffusion cyclique sur TouchDesigner

Vidéo tutorielle sur comment faire une sorte de “organic growth” ou propagation de virus avec TouchDesigner dans le cadre du cours de Média Interactif 4 à Édouard Montpetit. Inspiration de mon tuto: https://www.youtube.com/watch?v=BKiK9G53WOw Inspiration originale du projet: https://ciphrd.com/2020/07/21/cyclic-diffusion-limited-aggregation/

Effet de particules dans TouchDesigner

Cette vidéo est axée sur l’utilisation des particules dans ToucheDesigner. À l’aide du Particle, Sort, Edge, Blur, Displace et de Ramp, on peut créer un effet de cellules visibles comme dans un microscope. ————————————————————————————————————————— Crédit à Bileam Tschepe de m’avoir appris la technique dans TouchDesigner. Musiques: Infraction – No Copyright Music 1- https://www.youtube.com/watch?v=GlFuWWDl45c 2- https://www.youtube.com/watch?v=9z17MdPtBo8 […]

Tutoriel de TouchDesigner : Apparition d’une image à l’aide de particules

Dans cette vidéo, je vous explique comment faire apparaître une image, qu’elle soit en couleurs ou en noir et blanc, à l’aide des particules du logiciel de TouchDesigner et produire un effet liquide à son apparition. Vidéo réalisée dans le cadre du cours Médias Intéractifs IV de la Technique du Multimédia au Cégep Édouard Montpetit. […]

Audio Wheel – Tutoriel TouchDesigner

Dans le cadre du cours de Médias Interactifs IV au cégep Édouard-Monpetit, il fallait faire un tutoriel inspiré d’un autre. Tutoriel original: https://www.youtube.com/watch?v=QPzYNAyxC70

Points avec feedback | TouchDesigner

Avec ce tutoriel, vous apprendrez à créer une grille de point à l’aide d’un Glsl TOP, puis à modifier les coordonnées de la grille pour faire un feedback selon une trame sonore provenant de la bibliothèque de YouTube. Bref, comment créer une grille dont ses coordonnées se replacent à leur origine. La première partie présente […]

Comment faire une forme 3D en particules sur TouchDesigner !

Bonjour, aujourd’hui je vous apprends a faire une forme 3D en particules avec TouchDesigner. Si vous avez des questionnement, voici des liens qui pourront vous êtres utiles pour obtenir plus d’informations — Liens Dérivative Particules : https://docs.derivative.ca/Particle — Liens d’une vidéo similaire : https://www.youtube.com/watch?v=Kk98E5mvvdI&list=PLVAHWU1PtIPNKcd9GcyLwHWu2xdAftILK&index=3 — Lien model 3D : https://sketchfab.com/3d-models/aqw-bloodgrove-sword-free-27536d887bc34b31b9908151580922e7 — Ligne du temps : […]

Tutoriel TouchDesigner — sop audio-réactif

Dans ce tutoriel, je vais vous apprendre à faire réagir un objet en 3d à l’aide d’une trame sonore et d’un analyseur audio. Fichier de départ: https://docs.google.com/uc?export=download&id=1JRM-5oSlRCKrGdVWH2TRLa6WAbeHyqAC

Tutoriel TouchDesigner sphere lumineuse

Tp1 du cours Media Interactif 4 Hiver 2021 Musique: www.bensound.com Video original: https://www.youtube.com/watch?v=2csBKQiLX9Q&list=LL&index=3

26 – Instanciation (Partie 4) – Découvrir TouchDesigner

Dans cette dernière vidéo sur l’instanciation, nous verrons comment il est possible d’instancier le contenu de n’importe quel TOP en assignant celui-ci à un matériau. —– Introduction: 00:00 Ajout des opérateurs de rendu: 00:28 Instanciation à l’aide d’un SOP: 00:50 Application d’une texture au SOP: 04:47 Utilisation de transformations: 08:38 Conclusion: 10:17 —– Cette vidéo […]

25 – Instanciation (Partie 3) – Découvrir TouchDesigner

Dans cette courte vidéo, nous voyons comment utiliser un SOP et un CHOP comme source pour l’instantiation d’une géométrie. —– Introduction: 00:00 Ajout des opérateurs de rendu 3D: 00:20 Importation d’un modèle FBX: 01:00 Activation de l’instanciation: 02:27 Nombre et position des instances: 04:13 Couleur des instances: 11:45 Rotation des instances: 21:27 Rotation du groupe […]

24 – Instanciation (Partie 1) – Découvrir TouchDesigner

Dans cette vidéo, nous examinons comment il est possible de créer de multiples copies d’une géométrie à l’aide de l’instanciation. —– Introduction: 00:00 Opérateur Copy: 00:14 Instanciation: 01:47 Ajout des opérateurs de rendu 3D: 03:03 Activation de l’instanciation: 06:00 Création d’un Table DAT pour l’instanciation: 07:36 Activation de l’instanciation: 12:38 Assignation de couleurs aux instances: […]

23 – Obtenir de l’aide – Découvrir TouchDesigner

Dans cette courte vidéo, nous passons en revue les différentes façon d’obtenir de l’aide dans l’écosystème de TouchDesigner. —– Introduction: 00:00 Ressources principales: 00:20 Operator Snippets: 01:12 Aide spécifique à un opérateur: 02:22 Pages Facebook: 03:27 Conclusion: 04:51 —– Cette vidéo fait partie d’une série de tutoriels en français sur le logiciel TouchDesigner. Les vidéos […]

Touch Designer – Créer un spectre audio en 3D facilement

Bienvenue dans mon troisième tutoriel Touch Designer. Vous êtes sur le point de savoir créer votre propre spectre audio en 3D avec quelques astuces pour le customiser, libre à vous d’utiliser ces bases pour l’adapter à vos souhaits 🙂 0:00​ : Introduction 0:38​ : Récupération des valeurs du spectre 2:40​ : Représentation du spectre 7:21​ […]

17 – Lier l’audio à la ligne du temps – Découvrir TouchDesigner

Dans cette vidéo, nous verrons comment lier la lecture de l’audio à la ligne du temps, ce qui nous permettra d’utiliser le Beat CHOP pour contrôler des visuels en suivant le rythme d’une pièce musicale. La boucle musicale utilisée dans la vidéo peut être téléchargée ici: https://djip.co/data/youtube/horizon_ending_140bpm.wav La pièce Horizon Ending relève du domaine public. […]

16 – Sauvegarder un composant dans la palette – Découvrir TouchDesigner

Dans cette vidéo, nous voyons comment sauvegarder un composant que nous avons créé dans la palette de TouchDesigner. —– Cette vidéo fait partie d’une série de tutoriels en français sur le logiciel TouchDesigner. Les vidéos de la série sont pensés de façon séquentielle et s’appuient sur les apprentissages précédents. L’idéal est donc de les regarder […]

15 – Analyse de l’audio (Partie 3) – Découvrir TouchDesigner

Dans cette vidéo, nous appliquons quelques bonnes pratiques de nomenclature et sauvegardons notre composant d’analyse sonore dans la palette pour une réutilisation future. La boucle musicale utilisée dans la vidéo peut être téléchargée ici: https://djip.co/data/youtube/horizon_ending_140bpm.wav La pièce Horizon Ending relève du domaine public. Elle a été créée par Soft and Furious et est disponible en […]

14 – Analyse de l’audio (Partie 2) – Découvrir TouchDesigner

Dans cette vidéo, nous créerons un composant (COMP) d’analyse audio à partir du réseau créé dans la vidéo précédente. La boucle musicale utilisée dans la vidéo peut être téléchargée ici: https://djip.co/data/youtube/horizon_ending_140bpm.wav La pièce Horizon Ending relève du domaine public. Elle a été créée par Soft and Furious et est disponible en entier ici: https://freemusicarchive.org/music/Soft_and_Furious/You_know_where_to_find_me/Soft_and_Furious_-_You_know_where_to_find_me_-_09_Horizon_Ending —– […]

13 – Analyse de l’audio (Partie 1) – Découvrir TouchDesigner

Dans cette vidéo, nous voyons comment analyser un signal sonore pour en extraire l’intensité des basses, moyennes et hautes fréquences. Avec les informations extraites, nous modifions la taille d’éléments visuels. La boucle musicale utilisée dans la vidéo peut être téléchargée ici: https://djip.co/data/youtube/horizon_ending_140bpm.wav La pièce Horizon Ending relève du domaine public. Elle a été créée par […]

12 – Sources sonores – Découvrir TouchDesigner

Cette vidéo les différents opérateurs qui peuvent être utilisés pour jouer ou générer du son dans TouchDesigner. —– Introduction: 00:00 Audio Oscillator: 00:59 Audio Device In: 04:48 Audio File In: 06:01 Audio Movie: 08:47 Conclusion: 9:38 —– Cette vidéo fait partie d’une série de tutoriels en français sur le logiciel TouchDesigner. Les vidéos de la […]

11 – Un peu d’organisation… – Découvrir TouchDesigner

Cette vidéo présente des trucs et bonnes pratiques quant à l’organisation des réseaux, des fichiers et des dossiers. Avant de débuter des projets plus costaud, prenons de bonnes habitudes. —– Introduction: 00:00 Structure des dossiers et fichiers: 00:22 Sauvegardes: 03:43 Liaison de fichiers externes: 07:38 Organisation des réseaux: 10:51 Conclusion: 14:53 —– Cette vidéo fait […]

10 – Introduction aux Components (COMP) – Découvrir TouchDesigner

Dans cette vidéo, nous présentons une dernière famille d’opérateurs, les composants ou COMPs. Les COMPs sont distincts des autres familles par leur capacité à contenir leur propre sous-réseau d’opérateurs. —– Introduction: 00:00 4 sous-familles: 00:28 Exemple (Base COMP): 03:17 Externalisation d’un COMP: 10:38 Conclusion: 13:45 —– Cette vidéo fait partie d’une série de tutoriels en […]

09 – Introduction aux Data Operators (DAT) – Découvrir TouchDesigner

Dans cette vidéo, nous regardons les caractéristiques générales des DATs (data operators) et réalisons de petits réseaux pour apprendre à les utiliser. —– Introduction: 00:00 Type de données: 01:13 Exemple (Text DAT): 02:22 Exemple (Web Client DAT + Scripts): 07:40 Field et Button (COMP): 23:47 Amarrage (Docking): 32:40 Conclusion: 34:18 —– Cette vidéo fait partie […]

08 – Introduction aux Material Operators (MAT) – Découvrir TouchDesigner

Dans cette vidéo, nous regardons les caractéristiques générales des MATs (material operators) et réalisons de petits réseaux pour apprendre à les utiliser. —– Introduction: 00:00 Réseau de rendu: 00:55 MAT de type Constant: 04:56 MAT de type Line: 10:55 MAT de type Phong: 21:11 Conclusion: 32:20 —– Cette vidéo fait partie d’une série de tutoriels […]

07 – Introduction aux Surface Operators (SOP) – Découvrir TouchDesigner

Dans cette vidéo, nous regardons les caractéristiques générales des SOP (surface operators) et réalisons de petits réseaux pour apprendre à les utiliser. —– Introduction: 00:00 Options de visualisation: 01:45 Fusion de géométries: 09:00 Type de données (Geo-Detail): 09:48 Exemple (Sphere + Noise): 11:05 Importation de géométries: 18:11 Rendu: 20:48 Conclusion: 28:05 —– Cette vidéo fait […]

06 – Introduction aux Channel Operators (CHOP) – Découvrir TouchDesigner

Dans cette vidéo, nous passons en revue les caractéristiques générales des CHOP (channel operators) et réalisons de petits réseaux pour apprendre à les utiliser. —– Introduction: 00:00 Exemple 1 (signal audio): 01:15 Clip: 12:55 Exemple 2 (clips + ajout de canaux): 14:42 Expression et importation: 24:59 Conclusion: 36:00 —– Cette vidéo fait partie d’une série […]

05 – Introduction aux Texture Operators (TOP) – Découvrir TouchDesigner

Dans cette vidéo, nous regardons les caractéristiques générales des TOP (texture operators) et réalisons de petits réseaux pour apprendre à les utiliser. —– À propos des TOPs: 00:00 Exemple 1 (Circle + Blur + Out): 03:01 Exemple 2 (Text + Transform + Mouse In): 11:11 Exemple 3 (Video Device In + Crop + Chroma): 22:04 […]

04 – Familles & catégories d’opérateurs – Découvrir TouchDesigner

Dans cette vidéo, nous passons sommairement en revue les familles (TOP, CHOP, SOP, MAT, DAT et COMP) et les catégories d’opérateurs disponibles dans TouchDesigner. —– Introduction: 00:00 Familles: 00:11 Catégories: 02:14 —– Cette vidéo fait partie d’une série de tutoriels en français sur le logiciel TouchDesigner. Les vidéos de la série sont pensés de façon […]

03 – Ajout d’opérateurs – Découvrir TouchDesigner

Dans cette vidéo, vous apprendrez les différentes façons d’atteindre et de naviguer la fenêtre d’ajout d’opérateur (OP Create Dialog) du logiciel TouchDesigner. Ça peut paraître anodin mais l’ajout d’opérateurs est une opération centrale et mérite qu’on s’y attarde un peu. —– Introduction: 00:00 Ajout d’opérateurs: 00:22 —– Cette vidéo fait partie d’une série de tutoriels […]

02 – Survol de l’interface – Découvrir TouchDesigner

Dans cette vidéo, nous nous intéresserons aux les éléments essentiels de l’interface du logiciel TouchDesigner: panneaux, boutons, palettes, menus, fenêtres, etc. —– Introduction: 00:00 Zones de l’interface: 00:42 Différences entre macOS et Windows: 04:03 Zone d’aide: 06:06 Zone de performance: 08:54 Zone de statut: 17:21 Bouton de performance: 18:33 Bouton de la palette: 20:00 Zone […]

01 – Les principes de base – Découvrir TouchDesigner

Dans cette vidéo, nous passerons en revue les notions fondamentales nécessaires à la prise en main du logiciel TouchDesigner. Il s’agit d’une introduction sommaire et générale où nous parlerons de principes de base comme le réseau, le noeud, les opérateurs et leurs types, les connexions, les flux de données, etc. —– Introduction: 00:00 Types de […]

00 – Avant de commencer – Découvrir TouchDesigner

Dans cette série de tutoriels en français, vous apprendrez à utiliser le logiciel TouchDesigner. Si, au premier coup d’oeil, l’environnement du logiciel peut paraître rébarbatif, n’ayez crainte. En quelques vidéos, vous réaliserez rapidement que cet environnement de programmation visuelle et de création procédurale est, au contraire, plutôt convivial et invite à l’exploration et à l’expérimentation. […]

00 – Avant de commencer – Découvrir TouchDesigner

Quelques informations préliminaires sur les spécifications minimales, les différentes versions et l’installation du logiciel TouchDesigner. Cette vidéo fait partie d’une série de tutoriels en français sur le logiciel TouchDesigner: —– L’image utilisée en introduction est un création de Matthew Ragan. Elle est utilisée selon les termes d’une licence Creative Commons (BY-SA 2.0). Matthew offre plusieurs […]

05 – Introduction aux Texture Operators (TOP) – Découvrir TouchDesigner

Présentation des caractéristiques générales des TOP (texture operators) et réalisation de 3 petits réseaux pour apprendre à les utiliser. —– À propos des TOPs: 00:00 Exemple 1 (Circle + Blur + Out): 03:01 Exemple 2 (Text + Transform + Mouse In): 11:11 Exemple 3 (Video Device In + Crop + Chroma): 22:04 —– Cette vidéo […]

04 – Familles d’opérateurs – Découvrir TouchDesigner

Dans cette vidéo, je vous présente les 6 grandes familles d’opérateurs disponibles dans TouchDesigner (TOP, CHOP, SOP, MAT, DAT, COMP). Pour se familiariser avec chacune d’elle, nous développerons de petits réseau faciles utilisant une variété d’opérateurs. Cette vidéo fait partie d’une série de tutoriels en français sur le logiciel TouchDesigner: —– L’image utilisée en introduction […]

03 – Ajout d’opérateurs – Découvrir TouchDesigner

Apprenez les différentes façons d’atteindre et de naviguer la fenêtre d’ajout d’opérateur dans TouchDesigner. Cette vidéo fait partie d’une série de tutoriels en français sur le logiciel TouchDesigner: —– L’image utilisée en introduction est un création de Matthew Ragan. Elle est utilisée selon les termes d’une licence Creative Commons (BY-SA 2.0). Matthew offre plusieurs tutoriels […]

Découvrir TouchDesigner – 02 – Survol de l’interface

Découvrez les éléments essentiels de l’interface du logiciel TouchDesigner: panneaux, boutons. palettes, menus, fenêtres, etc. Contenu: Introduction: 00:00 Zones de l’interface: 00:42 Différences entre macOS et Windows: 04:03 Zone d’aide: 06:06 Zone de performance: 08:54 Zone de statut: 17:21 Bouton de performance: 18:33 Bouton de la palette: 20:00 Zone de fenêtrage 20:45 Options des panneaux: […]

Découvrir TouchDesigner – 01 – Les principes de base

Dans cette vidéo, la première d’une série nommée “Découvrir TouchDesigner”, je passe en revue les notions de bases nécessaires à la prise en main du logiciel. Il s’agit d’une introduction sommaire et générale où je parlerai de principes de base comme le réseau, les noeuds, les opérateurs et leurs types, les connexions, les flux de […]

Touch Designer – Création d’une loop Techno

Bienvenue dans mon premier tutoriel Touch Designer ! Vous êtes sur le point de créer une loop techno sur Touch Designer. J’espère que vous allez apprécier et apprendre beaucoup de mon expérience. Désolé pour le problème de micro sur la fin, je prêterais attention à éviter ça dans les prochains tutos 🙂 Abonnez-vous pour plus […]

Mouvement de lumière – Astuces TouchDesigner FR

Dans cette vidéo, nous allons voir comment créer des mouvements de lumière en utilisant seulement des TOP dans TouchDesigner. Si vous êtes intéressés par les bases de TouchDesigner, vous pouvez voir mon cours ici (EN) https://skl.sh/2Rwusnw Le reste de mon travail: IG: https://www.instagram.com/benjarier Boutique: https://gumroad.com/benjarier Portfolio: https://benjamincarrier.com

Effet de lumière – Astuces TouchDesigner FR

Dans cette vidéo, nous allons voir comment créer des effets de lumière en utilisant seulement des TOP dans TouchDesigner Si vous êtes intéressés par les bases de TouchDesigner, vous pouvez voir mon cours ici (EN) https://skl.sh/2Rwusnw Le reste de mon travail: IG: https://www.instagram.com/benjarier/ Github: https://github.com/benjarier/ Site Studio: https://piko.studio/

Suivi de mouvement sans Kinect – Astuces TouchDesigner FR

Dans cette vidéo, nous allons voir comment suivre un mouvement simplement avec une webcam, donc sans Kinect ou caméra RealSense. Cela a l’avantage de ne nécessiter qu’une webcam et demande peu de ressources à votre ordinateur. Si vous êtes intéressés par les bases de TouchDesigner, vous pouvez voir mon cours ici (EN) https://skl.sh/2Rwusnw Le reste […]

Metaballs 2D – Astuces TouchDesigner FR

Première vidéo d’une série d’astuces sur TouchDesigner en format court. Cette première vidéo traite du compositing pour créer un effet de metaball en 2D. Si vous êtes intéressés par les bases de TouchDesigner, vous pouvez voir mon cours ici (EN) https://skl.sh/2Rwusnw Le reste de mon travail: IG: https://www.instagram.com/benjarier/ Github: https://github.com/benjarier/ Site Studio: https://piko.studio/

Animation: entre 2D et 3D – Tuto TouchDesigner 3

Dans ce tutoriel, nous aborderons la création d’un visuel animé qui paraît être à la fois être en 3D, et en 2D. Si vous êtes intéressés à apprendre les bases de TouchDesigner, vous pouvez voir mon cours ici (EN) https://skl.sh/2Rwusnw Le reste de mon travail: IG: https://www.instagram.com/benjarier/ Github: https://github.com/benjarier/ Site Studio: https://piko.studio/

Introduction à TouchDesigner 8/8 – Projet 2

Dernier projet avant le mapping, on utilise les instances pour créer un sketch plus complexe. Cette série de vidéos a été créée pour la préparation du Workshop Mapping (2020) à l’École de design Nantes Atlantique Le reste de mon travail: IG: https://www.instagram.com/benjarier/ Github: https://github.com/benjarier/ Site Studio: https://piko.studio/

Introduction à TouchDesigner 7/8 – Instances

Utilisation des instances dans l’élément Geometry. Cette série de vidéos a été créée pour la préparation du Workshop Mapping (2020) à l’École de design Nantes Atlantique Le reste de mon travail: IG: https://www.instagram.com/benjarier/ Github: https://github.com/benjarier/ Site Studio: https://piko.studio/

Introduction à TouchDesigner 6/8 – Projet 1

Petit projet pour mettre en application les compétences des premiers tutoriels. Cette série de vidéos a été créée pour la préparation du Workshop Mapping (2020) à l’École de design Nantes Atlantique Le reste de mon travail: IG: https://www.instagram.com/benjarier/ Github: https://github.com/benjarier/ Site Studio: https://piko.studio/

Introduction à TouchDesigner 5/8 – Compositing

Explication des bases du compositing avec les TOP. Cette série de vidéos a été créée pour la préparation du Workshop Mapping (2020) à l’École de design Nantes Atlantique Le reste de mon travail: IG: https://www.instagram.com/benjarier/ Github: https://github.com/benjarier/ Site Studio: https://piko.studio/

Introduction à TouchDesigner 4/8 – Interactivité

Utilisation des CHOP pour rendre le projet interactif. Cette série de vidéos a été créée pour la préparation du Workshop Mapping (2020) à l’École de design Nantes Atlantique Le reste de mon travail: IG: https://www.instagram.com/benjarier/ Github: https://github.com/benjarier/ Site Studio: https://piko.studio/

Introduction à TouchDesigner 3/8 – Rendu 3D

Explication du système de rendu 3D dans TouchDesigner Cette série de vidéos a été créée pour la préparation du Workshop Mapping (2020) à l’École de design Nantes Atlantique Le reste de mon travail: IG: https://www.instagram.com/benjarier/ Github: https://github.com/benjarier/ Site Studio: https://piko.studio/

Introduction à TouchDesigner 2/8 – Interface et opérateurs

Présentation des différents types d’opérateurs et de l’interface. Cette série de vidéos a été créée pour la préparation du Workshop Mapping (2020) à l’École de design Nantes Atlantique Le reste de mon travail: IG: https://www.instagram.com/benjarier/ Github: https://github.com/benjarier/ Site Studio: https://piko.studio/

Introduction à TouchDesigner 1/8 – Présentation et installation

Présentation rapide et installation du logiciel TouchDesigner. Cette série de vidéos a été créé pour la préparation du Workshop Mapping (2020) à l’École de design Nantes Atlantique Le reste de mon travail: IG: https://www.instagram.com/benjarier/ Github: https://github.com/benjarier/ Site Studio: https://piko.studio/

initiation à TouchDesigner partie 5

Produire des images avec du son. Utilisation des techniques d’instance pour produire une analyse visuelle du son

ParticulesGLSL partie04

Ce tutoriel reprend les fondamentaux des GLSL shader pour gérer les particules dans TouchDesigner et plus particulièrement les Compute Shader. lien vers les projets: https://github.com/jhoepffner/TD_GLSL_Particules

Workshop Touchdesigner – Introduction aux TOPs

00:00:00 Intro 00:02:50 Etape 1: découverte, création d’un effet de displace 00:32:45 Etape 2: couleur, effet d’ombre 2D 00:50:11 Etape 3: background, ratio des textures, texte 01:04:31 Etape 4: enregistrer une image fixe, une vidéo 01:12:27 Etape 5: importer une texture, blend modes avancé, switch 01:31:25 Etape 6: créer une feedback loop, effet de contour […]

Tutoriel Touchdesigner en Français. Les bases du Top instancing pour aller plus loin.

Dans ce tutoriel j’explique les fondamentaux du top instancing sur Touchdesigner. Erratum : A la fin du tutoriel, nous ne cherchons pas à avoir une valeur d’alpha egal à 1 pour l’arrière plan mais d’obtenir une différence marquée avec le timer. Il faut jouer sur le scale z du sop box pour augmenter la profondeur […]

Effet de particules et 3D – Tuto TouchDesigner 2

Dans ce tuto, nous allons créer un nuage de particules qui suivent une forme en 3D dans TouchDesigner. Si vous êtes intéressés à apprendre les bases de TouchDesigner, vous pouvez voir mon cours ici (EN) https://skl.sh/2Rwusnw Le reste de mon travail: IG: https://www.instagram.com/benjarier/ Github: https://github.com/benjarier/ Site Studio: https://piko.studio/

Particules GLSL partie03

les particules GLSL dans TouchDesigner: âge et temps lien vers les projets: https://github.com/jhoepffner/TD_GLSL_Particules

Particules GLSL partie02

les particules GLSL dans TouchDesigner: vitesse et accélération lien vers les projets: https://github.com/jhoepffner/TD_GLSL_Particules

Particules GLSL partie01

Ce tutoriel explique comment utiliser des images pour créer et mouvoir des particules. vous pouvez retrouver les projets ici https://github.com/jhoepffner/TD_GLSL_Particules

initiation TouchDesigner partie 3

création d’une interface de choix de vidéos Utilisation des DAT Custom parameters fabrication d’une interface https://github.com/jhoepffner/TDinitiation

initiation TouchDesigner partie2

Créer un movie player Créer une interface Utilisation des CHOP et des TOP Ajout de modèles dans la palette https://github.com/jhoepffner/TDinitiation

initiation TouchDesigner partie1

Les premiers pas avec le logiciel TouchDesigner. Description des outils Description de l’interface https://github.com/jhoepffner/TDinitiation