Derniers tutorials ajoutés (Tuto.com) https://fr.tuto.com/rss/last-entries Les derniers tutorials ajoutés sur Tuto.com fr-FR Copyright 2026 Certification TOSA Excel 365 : comprendre le test et cibler vos révisions niveau par niveau https://fr.tuto.com/excel/certification-tosa-excel-365-preparation,222531.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222531.jpg"/><br><strong>R&eacute;viser tout Excel &laquo; au cas o&ugrave; &raquo; avant de passer le TOSA</strong>, c&#39;est le plus s&ucirc;r moyen de s&#39;&eacute;puiser sans savoir si l&#39;on travaille les bons sujets. Le test est adaptatif, not&eacute; sur 1 000 points, et ce qu&#39;il attend de vous change du tout au tout selon le niveau vis&eacute;. Vous verrez ici comment fonctionne l&#39;&eacute;preuve TOSA Excel 365 et ce qui est &eacute;valu&eacute; dans chacun des quatre domaines, du niveau Basique au niveau Expert, pour b&acirc;tir un plan de r&eacute;vision qui colle &agrave; votre objectif de score. <h2>Pr&eacute;paration au TOSA Excel 365 : ce que vous saurez faire</h2> Le cours ne vous r&eacute;apprend pas Excel, il vous apprend &agrave; pr&eacute;parer l&#39;&eacute;preuve. <ul> <li>Traduire le niveau qu&#39;on vous demande en objectif de score</li> <li>Lire un score sur 1 000 sans le confondre avec un pourcentage</li> <li>Situer vos acquis dans les quatre domaines not&eacute;s par le test</li> <li>B&acirc;tir un plan de r&eacute;vision &agrave; partir du rapport d&#39;un test blanc</li> <li>Rep&eacute;rer les consignes pi&eacute;geuses avant de r&eacute;pondre ou de manipuler</li> <li>Vous entra&icirc;ner avec une IA qui corrige et explique chaque r&eacute;ponse</li> <li>Pr&eacute;parer votre poste et votre pi&egrave;ce pour un passage surveill&eacute;</li> </ul> <h3>Test adaptatif TOSA : pourquoi une question difficile est bon signe</h3> Le TOSA ne distribue pas la m&ecirc;me s&eacute;rie de questions &agrave; tout le monde. Un algorithme ajuste la difficult&eacute; &agrave; chacune de vos r&eacute;ponses, et chaque question p&egrave;se plus ou moins lourd dans le r&eacute;sultat. Deux cons&eacute;quences que beaucoup de candidats ignorent : 700 points ne veulent pas dire 70 % de bonnes r&eacute;ponses, et tomber sur une question tr&egrave;s dure signifie souvent que le test cherche jusqu&#39;o&ugrave; va votre ma&icirc;trise. Le formateur explique ce m&eacute;canisme simplement, pour que vous restiez concentr&eacute; apr&egrave;s une erreur au lieu de croire l&#39;&eacute;preuve perdue. <h3>Les niveaux TOSA Excel, du Basique &agrave; l&#39;Expert, avec un exercice corrig&eacute; pour chacun</h3> Environnement et m&eacute;thodes, calculs, mise en forme, gestion des donn&eacute;es : pour chaque niveau, vous passez en revue ce que le r&eacute;f&eacute;rentiel attend dans ces quatre domaines. Un exercice corrig&eacute; rend ensuite la marche concr&egrave;te, sur un classeur fourni : total et moyenne d&#39;un budget au niveau Basique, r&eacute;f&eacute;rence absolue et tableau filtr&eacute; au niveau Op&eacute;rationnel, RECHERCHEV en correspondance exacte au niveau Avanc&eacute;, moyenne pond&eacute;r&eacute;e avec SOMMEPROD au niveau Expert. Si l&#39;un de ces exercices vous r&eacute;siste, vous savez o&ugrave; porter l&#39;effort : sur les fonctions SI et les tableaux crois&eacute;s dynamiques pour viser l&#39;Op&eacute;rationnel, sur RECHERCHEV, INDEX et EQUIV pour viser l&#39;Avanc&eacute;. <h3>S&#39;entra&icirc;ner avant le jour J : test blanc et prompt IA</h3> Vous apprenez &agrave; lire le rapport du test d&#39;entra&icirc;nement gratuit propos&eacute; par l&#39;&eacute;diteur de la certification, question par question, pour en tirer vos priorit&eacute;s (notre article sur le test TOSA Excel gratuit d&eacute;taille o&ugrave; le trouver). Le formateur montre aussi un prompt &agrave; coller dans l&#39;IA de votre choix : elle pose une question, attend votre r&eacute;ponse, puis explique pourquoi elle est juste, fausse ou approximative. Le cours liste enfin six pi&egrave;ges classiques, comme confondre la valeur d&#39;une cellule et son format, ou trier une seule colonne d&#39;un tableau. Il pr&eacute;pare &agrave; l&#39;&eacute;preuve sans reproduire les questions officielles et ne garantit aucun score. <h3>Pour qui</h3> Le niveau &laquo; D&eacute;butant &raquo; affich&eacute; vaut pour la d&eacute;couverte du TOSA, pas pour Excel. Le cours s&#39;adresse &agrave; ceux qui ont d&eacute;j&agrave; suivi une formation Excel ou appris le logiciel par la pratique et veulent savoir ce qui sera &eacute;valu&eacute;, ainsi qu&#39;&agrave; ceux qui h&eacute;sitent encore &agrave; s&#39;inscrire. Il porte sur la version Excel 365 de la certification, celle de l&#39;abonnement Microsoft 365, et vous montre comment v&eacute;rifier la version install&eacute;e sur votre poste avant de choisir votre &eacute;preuve. <h3>Pour aller plus loin</h3> Vous voulez &ecirc;tre accompagn&eacute; jusqu&#39;au passage de l&#39;examen plut&ocirc;t que r&eacute;viser seul ? Le parcours Excel certifiant, &eacute;ligible au CPF, comprend la formation compl&egrave;te, un mentor individuel, qui est le formateur de ce cours, et le passage de la certification TOSA. https://fr.tuto.com/excel/certification-tosa-excel-365-preparation,222531.html Wed, 11 Nov 2026 19:04:48 +0100 Twinmotion 2026 : transformez vos modèles 3D en rendus réalistes, images et vidéos https://fr.tuto.com/twinmotion/formation-twinmotion-rendu-3d-temps-reel,222471.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222471.jpg"/><br><strong>Votre maquette SketchUp, Revit ou Blender est juste, mais &agrave; l&#39;&eacute;cran elle reste une bo&icirc;te grise que le client a du mal &agrave; imaginer habit&eacute;e.</strong> Twinmotion comble cet &eacute;cart : vous importez le mod&egrave;le, vous posez mat&eacute;riaux, v&eacute;g&eacute;tation, lumi&egrave;res et m&eacute;t&eacute;o, et la sc&egrave;ne devient une image, une vid&eacute;o ou un panorama pr&eacute;sentable. Ce cours parcourt tout le logiciel, module par module, de l&#39;installation jusqu&#39;&agrave; l&#39;export, puis le met en pratique sur une d&eacute;coration int&eacute;rieure et un am&eacute;nagement ext&eacute;rieur. Enregistr&eacute; sur la version 2024, il se prolonge par les nouveaut&eacute;s 2025.2 et 2026. <h2>Rendu 3D temps r&eacute;el avec Twinmotion : ce que vous saurez faire</h2> &Agrave; la fin du cours, vous savez mener un projet de visualisation du fichier 3D brut jusqu&#39;au m&eacute;dia livr&eacute;. <ul> <li>Relier un mod&egrave;le SketchUp pour que chaque modification se r&eacute;percute seule</li> <li>Choisir entre temps r&eacute;el, Lumen et Path Tracer selon votre machine</li> <li>Composer une ambiance cr&eacute;dible, de jour comme de nuit</li> <li>Habiller un terrain nu : relief, v&eacute;g&eacute;tation, personnages, v&eacute;hicules</li> <li>D&eacute;cliner un m&ecirc;me projet en variantes sans dupliquer la sc&egrave;ne</li> <li>Livrer images, vid&eacute;os, panoramas et phasages</li> </ul> <h3>Direct Link et imports : Twinmotion habille, il ne mod&eacute;lise pas</h3> Rien n&#39;est mod&eacute;lis&eacute; dans ce cours, et c&#39;est voulu. Le formateur construit ses volumes dans SketchUp Pro, puis les envoie dans Twinmotion par le Direct Link : une fen&ecirc;tre perc&eacute;e ou un carrelage pos&eacute; c&ocirc;t&eacute; SketchUp appara&icirc;t aussit&ocirc;t dans la sc&egrave;ne. Les autres portes d&#39;entr&eacute;e sont pass&eacute;es en revue, import de g&eacute;om&eacute;trie, d&#39;animation, de terrain et de nuage de points, avec une demi-journ&eacute;e de pratique possible sur les mod&egrave;les fournis (balcon, chalet, pont). Si vous n&#39;avez pas encore de modeleur en main, le cours complet de mod&eacute;lisation sur SketchUp Pro du m&ecirc;me formateur est le point de d&eacute;part logique. <h3>De Twinmotion 2024 &agrave; 2026 : ce qui change, ce qui reste</h3> L&#39;essentiel du cours est tourn&eacute; sur la version 2024. Deux chapitres le mettent ensuite &agrave; jour : Nanite, 3D Grass et fen&ecirc;tres parallaxes pour la 2025.2, puis biseau des objets, chemin personnalis&eacute;, ciel nocturne r&eacute;aliste et gestion all&eacute;g&eacute;e des lumi&egrave;res pour la 2026.2. Le formateur le r&eacute;p&egrave;te &agrave; chaque &eacute;tape : les outils de base et la m&eacute;thode de travail n&#39;ont pas boug&eacute; d&#39;une version &agrave; l&#39;autre, seuls des effets et des objets s&#39;ajoutent. <h3>Pour qui</h3> Le badge D&eacute;butant vaut pour Twinmotion : on part de l&#39;installation et de l&#39;interface. Il ne vaut pas pour la 3D en g&eacute;n&eacute;ral, puisque vos propres projets demanderont un mod&egrave;le cr&eacute;&eacute; ailleurs. Architectes, dessinateurs, d&eacute;corateurs d&#39;int&eacute;rieur et utilisateurs de SketchUp sont le public vis&eacute;. Tout est r&eacute;alis&eacute; avec la licence gratuite du logiciel, sur un ordinateur dot&eacute; d&#39;une carte graphique d&eacute;di&eacute;e. <h3>Pour aller plus loin</h3> Si vos images doivent finir dans un dossier de plans, voyez comment monter des planches de pr&eacute;sentation cot&eacute;es avec LayOut. https://fr.tuto.com/twinmotion/formation-twinmotion-rendu-3d-temps-reel,222471.html Wed, 11 Nov 2026 10:44:00 +0100 Nouveautés Photoshop 2027 : l'essentiel, du calque d'éclairage à l'Éditeur assisté par IA https://fr.tuto.com/photoshop/photoshop-2027-calque-eclairage-editeur-ia-gratuit,222561.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222561.jpg"/><br><strong>Photoshop 2027 vient de se mettre &agrave; jour : les outils ne s&#39;ouvrent plus comme avant et plusieurs fonctions IA sont apparues sans mode d&#39;emploi.</strong> Ce tour d&#39;horizon express montre o&ugrave; trouver le calque d&#39;&eacute;clairage, la comparaison avant/apr&egrave;s, la suppression des &eacute;l&eacute;ments connexes et l&#39;&Eacute;diteur assist&eacute; par IA, ce que chacun donne sur une vraie photo et o&ugrave; il s&#39;arr&ecirc;te encore. <h2>Photoshop 2027 en pratique : ce que vous saurez faire</h2> Le tour est enregistr&eacute; le 10 novembre 2026, jour de la mise &agrave; jour, en 13 minutes. <ul> <li>Atteindre les sous-outils par simple survol, sans clic maintenu</li> <li>Contr&ocirc;ler une retouche en vue fractionn&eacute;e avant/apr&egrave;s</li> <li>D&eacute;placer la lumi&egrave;re d&#39;une photo et voir les ombres suivre</li> <li>Combiner deux &eacute;clairages de couleur et d&#39;intensit&eacute; diff&eacute;rentes</li> <li>Effacer un &eacute;l&eacute;ment g&ecirc;nant avec les traces qu&#39;il laisse autour</li> <li>Retoucher par prompt, puis reprendre le r&eacute;sultat dans l&#39;&eacute;diteur classique</li> <li>Rep&eacute;rer les fonctions qui consomment des cr&eacute;dits g&eacute;n&eacute;ratifs</li> </ul> <h3>Calque d&#39;&eacute;clairage : r&eacute;&eacute;clairer une photo apr&egrave;s la prise de vue</h3> &Agrave; ne pas confondre avec le calque de r&eacute;glage Lumi&egrave;re, lui aussi montr&eacute; : le calque d&#39;&eacute;clairage recalcule la sc&egrave;ne par IA. Vous r&eacute;glez la direction de la source, sa couleur, son intensit&eacute;, sa distance et sa diffusion, et vous pouvez att&eacute;nuer ou retirer l&#39;&eacute;clairage d&#39;origine pour obtenir un clair-obscur. La d&eacute;monstration va jusqu&#39;&agrave; deux sources, une neutre et une rouge, pour un effet n&eacute;on. Deux limites sont montr&eacute;es &agrave; l&#39;&eacute;cran : chaque d&eacute;placement demande un temps de calcul, et les zones tr&egrave;s lumineuses de la photo de d&eacute;part restent visibles. <h3>&Eacute;l&eacute;ments connexes et &Eacute;diteur assist&eacute; par IA : ce qui coince encore</h3> L&#39;outil Supprimer sait maintenant effacer un soleil en contre-jour avec ses rayons, mais le r&eacute;sultat aplatit l&#39;image et emporte les ombres du premier plan. Si la retouche manuelle vous sert encore de filet, les outils de retouche de Photoshop, du tampon &agrave; l&#39;IA sont d&eacute;taill&eacute;s par le m&ecirc;me formateur. L&#39;&Eacute;diteur assist&eacute; par IA, encore en b&ecirc;ta, r&eacute;unit dans un espace &agrave; part le prompt, les annotations, le choix du mod&egrave;le et un curseur d&#39;intensit&eacute;. Le r&eacute;sultat revient dans l&#39;&eacute;diteur pro sous forme d&#39;objet dynamique, donc modifiable. <h3>Pour qui</h3> Graphistes, photographes et retoucheurs qui utilisent d&eacute;j&agrave; Photoshop et veulent savoir quoi tester en premier. Le cours est class&eacute; d&eacute;butant parce qu&#39;il ne demande aucune pratique de l&#39;IA, mais il suppose de conna&icirc;tre les calques et les calques de r&eacute;glage. Il faut Photoshop 2027 &agrave; jour et des cr&eacute;dits g&eacute;n&eacute;ratifs pour reproduire les manipulations. <h3>Pour aller plus loin</h3> Vous &ecirc;tes rest&eacute; sur la version pr&eacute;c&eacute;dente : le tour d&#39;horizon des fonctions IA de Photoshop 2026 remet les bases en place. https://fr.tuto.com/photoshop/photoshop-2027-calque-eclairage-editeur-ia-gratuit,222561.html Wed, 11 Nov 2026 11:33:19 +0100 Composant accordéon CSS et JavaScript : un menu accessible à réutiliser partout https://fr.tuto.com/css/composant-accordeon-reutilisable-css-bem-javascript,220231.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/220231.jpg"/><br>Un accord&eacute;on accessible, vous l&#39;avez peut-&ecirc;tre d&eacute;j&agrave; cod&eacute; une fois. Le probl&egrave;me arrive au projet suivant : <strong>tout recopier, renommer les identifiants, rec&acirc;bler les attributs ARIA et r&eacute;&eacute;crire le script quand le comportement attendu change</strong>. Ce cours transforme cet accord&eacute;on en composant autonome : un fragment HTML &agrave; coller o&ugrave; vous voulez, des couleurs branch&eacute;es sur vos design tokens, et un simple attribut pour choisir entre un seul panneau ouvert &agrave; la fois ou plusieurs. <h2>Composant accord&eacute;on : ce que vous saurez faire</h2> Au-del&agrave; de ce menu, la m&eacute;thode vaut pour tout code que vous voulez rendre r&eacute;utilisable. <ul> <li>Transformer un code existant en composant ind&eacute;pendant de son conteneur</li> <li>Rendre un comportement r&eacute;glable par un attribut data, sans toucher au script</li> <li>Faire cohabiter plusieurs instances d&#39;un composant sur une m&ecirc;me page</li> <li>Isoler les couleurs derri&egrave;re un contrat de variables reli&eacute; &agrave; vos tokens</li> <li>Garder aria-expanded, aria-controls et hidden synchronis&eacute;s avec l&#39;&eacute;tat r&eacute;el</li> <li>D&eacute;sactiver les animations pour qui les a coup&eacute;es sur son syst&egrave;me</li> <li>Emp&ecirc;cher un bouton de soumettre un formulaire par accident</li> </ul> <h3>Mode single ou multiple : un attribut data-accordion, pas une ligne de JavaScript</h3> Le comportement se r&egrave;gle dans le HTML. Avec la valeur multiple, chaque panneau s&#39;ouvre et se ferme ind&eacute;pendamment ; avec single, ouvrir un panneau referme les autres du m&ecirc;me groupe. Le script ne cherche pas les d&eacute;clencheurs dans tout le document mais dans chaque accord&eacute;on, ce qui permet d&#39;en poser plusieurs sur une page avec des r&eacute;glages diff&eacute;rents sans qu&#39;ils interf&egrave;rent. La structure HTML et les attributs ARIA de d&eacute;part sont repris du menu accord&eacute;on FAQ accessible du m&ecirc;me formateur : ici, on ne les r&eacute;explique pas, on les industrialise. <h3>Pourquoi l&#39;ouverture de l&#39;accord&eacute;on reste un fondu</h3> Un effet de glissement &agrave; l&#39;ouverture obligerait &agrave; retirer l&#39;attribut hidden des panneaux ferm&eacute;s, et donc &agrave; les laisser lisibles par les lecteurs d&#39;&eacute;cran. Le cours fait le choix inverse : le panneau garde hidden, l&#39;animation se limite &agrave; un fondu d&#39;opacit&eacute;, et elle dispara&icirc;t enti&egrave;rement quand l&#39;utilisateur a demand&eacute; moins d&#39;animations via prefers-reduced-motion. Moins spectaculaire, mais conforme. <h3>Un composant document&eacute;, rang&eacute; dans votre biblioth&egrave;que</h3> Le composant rejoint le dossier components, sur le m&ecirc;me mod&egrave;le que le toggle switch de th&egrave;me de l&#39;&eacute;pisode pr&eacute;c&eacute;dent : accordion.html, accordion.css et accordion.js, une page d&#39;exemple qui montre un accord&eacute;on single et un multiple c&ocirc;te &agrave; c&ocirc;te, et un README qui rappelle l&#39;int&eacute;gration, les tokens requis et le chargement du CSS dans la couche components. Tous ces fichiers sont fournis. <h3>Pour qui</h3> D&eacute;veloppeurs front-end de niveau interm&eacute;diaire, &agrave; l&#39;aise avec HTML, CSS et JavaScript. Le cours s&#39;appuie sur les briques pos&eacute;es dans les &eacute;pisodes pr&eacute;c&eacute;dents de la s&eacute;rie : nommage BEM, nesting CSS natif, variables et couches @layer. Si vous arrivez directement ici, ces notions sont utilis&eacute;es sans &ecirc;tre r&eacute;expliqu&eacute;es. Aucune librairie ni framework n&#39;est n&eacute;cessaire. <h3>Pour aller plus loin</h3> Si vous voulez couvrir les autres composants interactifs courants avec la m&ecirc;me rigueur, le bundle accessibilit&eacute; web : ARIA et composants accessibles r&eacute;unit le menu burger, la modale, les onglets et l&#39;accord&eacute;on. https://fr.tuto.com/css/composant-accordeon-reutilisable-css-bem-javascript,220231.html Tue, 10 Nov 2026 14:35:12 +0100 ComfyUI : imposez pose, style et personnage à vos images IA, en local ou sur Comfy Cloud https://fr.tuto.com/comfy/comfyui-z-image-turbo-qwen-edit-mcp,222351.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222351.jpg"/><br><strong>Une image IA presque r&eacute;ussie, mais une pose fausse, un style qui d&eacute;rive et un personnage qui change de visage &agrave; chaque g&eacute;n&eacute;ration</strong> : c&#39;est ce qui arrive quand on g&eacute;n&egrave;re sans rien verrouiller. Vous apprenez ici &agrave; imposer vos choix dans ComfyUI : la pose, les contours, le style, l&#39;angle de cam&eacute;ra, puis &agrave; retoucher et agrandir l&#39;image sans la d&eacute;naturer. Tout se fait dans Comfy Desktop, sur PC ou sur Mac, ou &agrave; l&#39;identique sur Comfy Cloud, avec les templates int&eacute;gr&eacute;s et des workflows fournis, sans installation compliqu&eacute;e. Vous terminez en confiant la construction de vos workflows &agrave; un MCPd&#39;une IA externe, avec des personnages pr&ecirc;ts &agrave; partir en 3D ou en vid&eacute;o. <h2>Images IA dans ComfyUI : ce que vous saurez faire</h2> Le cours se concentre sur l&#39;image fixe et sur les mod&egrave;les open source du moment, avec un objectif : obtenir exactement l&#39;image voulue, pas une image au hasard. <ul> <li>Choisir entre local et cloud selon votre machine et votre budget</li> <li>Faire r&eacute;diger vos prompts par un mod&egrave;le local gratuit plut&ocirc;t qu&#39;&agrave; la main</li> <li>Choisir le bon ControlNet selon ce que vous voulez verrouiller</li> <li>Corriger une zone pr&eacute;cise sans relancer toute l&#39;image</li> <li>Garder un personnage coh&eacute;rent d&#39;une pose, d&#39;un d&eacute;cor ou d&#39;un angle &agrave; l&#39;autre</li> <li>Agrandir en arbitrant entre fid&eacute;lit&eacute; &agrave; l&#39;original et d&eacute;tails r&eacute;invent&eacute;s</li> <li>D&eacute;crire un workflow &agrave; une IA, le tester puis le faire &eacute;voluer par versions en utilisant un MCP</li> </ul> <h3>Z-Image Turbo, Krea 2, Qwen Edit : &agrave; chaque mod&egrave;le son usage</h3> Z-Image Turbo est le mod&egrave;le l&eacute;ger et photor&eacute;aliste du cours : il sert &agrave; la g&eacute;n&eacute;ration, aux ControlNet Canny et OpenPose et &agrave; l&#39;agrandissement. Krea 2 prend le relais pour l&#39;illustration et la recherche de styles, avec des Loras et le Style Reference. Qwen Edit 2.1 assure l&#39;&eacute;dition : modifier par instruction ou par annotation, changer de pose, r&eacute;unir plusieurs personnages, int&eacute;grer un d&eacute;cor, tourner la cam&eacute;ra, d&eacute;composer en calques. Le formateur montre aussi o&ugrave; chaque mod&egrave;le cale : r&eacute;unir beaucoup de personnages dans une m&ecirc;me image reste, par exemple, le terrain des mod&egrave;les propri&eacute;taires. <h3>Mac ou PC modeste : des mod&egrave;les all&eacute;g&eacute;s, ou Comfy Cloud</h3> Qwen Edit est lourd, et certains workflows saturent une carte graphique haut de gamme. Un chapitre entier propose donc des solutions de repli : Mage Flow, Flux Klein 9b et 4b pour l&#39;&eacute;dition, des versions all&eacute;g&eacute;es de Krea 2, et des workflows adapt&eacute;s aux puces Apple Silicon. Si cela ne suffit pas, tous les exercices se suivent sur le cloud, que le formateur d&eacute;taille dans sa formation consacr&eacute;e &agrave; Comfy Cloud. <h3>MCP : des workflows ComfyUI construits avec Claude</h3> Le dernier chapitre donne le contr&ocirc;le de ComfyUI &agrave; une IA : le Comfy Agent c&ocirc;t&eacute; cloud, puis le MCP branch&eacute; sur Claude pour la version locale. Vous suivez la construction compl&egrave;te d&#39;un workflow de suppression s&eacute;lective d&#39;&eacute;l&eacute;ments, du prompt de d&eacute;part &agrave; la V2 corrig&eacute;e. Vous repartez ensuite avec des workflows con&ccedil;us de cette fa&ccedil;on : feuille de style de personnage en trois versions, personnage en T-pose pour la mod&eacute;lisation 3D, cr&eacute;ateur de dataset pour entra&icirc;ner un Lora. Claude ne sert qu&#39;&agrave; construire ces workflows, pas &agrave; les utiliser. Les 36 workflows du cours sont fournis, avec les images d&#39;entr&eacute;e et de sortie. <h3>Pour qui</h3> Pour les d&eacute;butants motiv&eacute;s : aucune connaissance de ComfyUI n&#39;est requise, l&#39;installation de Comfy Desktop est guid&eacute;e sur PC comme sur Mac. Le niveau monte ensuite : plusieurs le&ccedil;ons demandent de brancher soi-m&ecirc;me des n&oelig;uds et se rapprochent d&#39;un niveau interm&eacute;diaire. Les utilisateurs d&eacute;j&agrave; &agrave; l&#39;aise y trouveront une mise &agrave; jour sur les mod&egrave;les r&eacute;cents et sur le MCP. L&#39;interface est utilis&eacute;e en anglais. Les n&oelig;uds API payants (Gemini, Claude) restent optionnels, une alternative locale gratuite est montr&eacute;e. <h3>Pour aller plus loin</h3> Vous visez la vid&eacute;o ou l&#39;entra&icirc;nement de vos propres Loras : c&#39;est le programme de la formation ComfyUI compl&egrave;te du m&ecirc;me formateur, avec LTX et Wan.&nbsp; https://fr.tuto.com/comfy/comfyui-z-image-turbo-qwen-edit-mcp,222351.html Tue, 10 Nov 2026 11:46:10 +0100 Montage vidéo sur Mac avec iMovie : construisez un film qui raconte une histoire https://fr.tuto.com/imovie/montage-video-mac-imovie,222521.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222521.jpg"/><br><strong>Vos vid&eacute;os de vacances, d&#39;anniversaire ou de voyage s&#39;entassent sur votre Mac et personne ne les regarde</strong>, parce que les trier, les couper et les assembler vous semble r&eacute;serv&eacute; aux logiciels compliqu&eacute;s. iMovie, l&#39;application de montage fournie par Apple avec le Mac, suffit pourtant &agrave; en faire un vrai film. Vous apprenez ici &agrave; pr&eacute;s&eacute;lectionner vos meilleurs passages, &agrave; encha&icirc;ner des plans qui racontent une histoire, &agrave; harmoniser les couleurs, &agrave; poser musique, titres et voix off, puis &agrave; exporter votre film en HD ou en 4K. <h2>Montage vid&eacute;o avec iMovie sur Mac : ce que vous saurez faire</h2> Le cours suit un seul projet du d&eacute;but &agrave; la fin, un film de voyage au Sri Lanka, et chaque geste se r&eacute;utilise sur vos propres images. <ul> <li>Pr&eacute;s&eacute;lectionner les bons passages de vos rushs avant d&#39;ouvrir la timeline</li> <li>Encha&icirc;ner plans larges, serr&eacute;s et en mouvement pour tenir un r&eacute;cit</li> <li>Harmoniser les couleurs de plans tourn&eacute;s sous des lumi&egrave;res diff&eacute;rentes</li> <li>Doser musique, son d&#39;ambiance et voix off sans saturer</li> <li>Ouvrir un film de voyage par un trajet anim&eacute; sur une carte</li> <li>Superposer deux plans en image dans l&#39;image ou en &eacute;cran scind&eacute;</li> <li>Exporter en HD ou en 4K selon vos rushs et l&#39;&eacute;cran vis&eacute;</li> </ul> <h3>Trier ses rushs avant de monter, le r&eacute;flexe qui change tout</h3> D&eacute;poser toutes ses vid&eacute;os sur la timeline pour trier ensuite, c&#39;est le plus s&ucirc;r moyen de s&#39;y perdre d&egrave;s que le projet grossit. Le cours commence donc en amont : regrouper les vid&eacute;os d&#39;un projet dans un &eacute;v&eacute;nement, qu&#39;elles viennent de l&#39;app Photos, d&#39;un iPhone ou d&#39;un disque dur, marquer en favoris les plans &agrave; garder, &eacute;carter les autres, et d&eacute;limiter dans chaque rush le seul passage utile. Le montage devient alors un assemblage de morceaux d&eacute;j&agrave; choisis. Si votre phototh&egrave;que est elle-m&ecirc;me en d&eacute;sordre, commencez par ranger vos photos et vid&eacute;os dans l&#39;application Photos du Mac. <h3>Rythme, raccords et sobri&eacute;t&eacute; : ce qui fait qu&#39;un film se regarde jusqu&#39;au bout</h3> Savoir couper ne suffit pas. Laurent montre sur ses propres images pourquoi un plan de neuf secondes est trop long, pourquoi on &eacute;vite de couper au milieu d&#39;une action, et comment l&#39;alternance entre vues d&#39;ensemble, plans en mouvement et d&eacute;tails donne de l&#39;&eacute;lan. M&ecirc;me parti pris pour l&#39;habillage : peu de transitions, pas de filtres diff&eacute;rents d&#39;un plan &agrave; l&#39;autre, une musique choisie pour l&#39;ambiance plut&ocirc;t que cal&eacute;e au millim&egrave;tre sur chaque coupe. Deux d&eacute;fis &agrave; r&eacute;aliser sur des rushs fournis closent le cours. Et comme un bon montage commence au tournage, ce cours se compl&egrave;te bien avec la formation pour mieux filmer avec son iPhone. <h3>Stockage du Mac et 4K : monter sans saturer son disque</h3> Une biblioth&egrave;que iMovie grossit tr&egrave;s vite : dans la d&eacute;monstration, elle passe de 3,68 Go &agrave; 17 Go apr&egrave;s un seul import. Vous verrez comment cr&eacute;er une biblioth&egrave;que par gros projet, l&#39;enregistrer sur un disque externe et travailler directement depuis ce disque. Le cours explique aussi quand la 4K vaut son poids, et pourquoi iMovie ne la propose &agrave; l&#39;export que si vos rushs sont eux-m&ecirc;mes en 4K. <h3>Pour qui</h3> Le cours est de niveau d&eacute;butant et le reste vraiment : aucune exp&eacute;rience du montage n&#39;est n&eacute;cessaire, il suffit de savoir se rep&eacute;rer dans le Finder. Il vous faut un Mac avec iMovie, que l&#39;on r&eacute;cup&egrave;re sur l&#39;App Store s&#39;il n&#39;est pas d&eacute;j&agrave; install&eacute;. Un disque externe est conseill&eacute; pour les gros projets, sans &ecirc;tre obligatoire. iMovie monte au format paysage 16/9, pens&eacute; pour l&#39;&eacute;cran d&#39;un ordinateur ou d&#39;une t&eacute;l&eacute;vision. <h3>Pour aller plus loin</h3> Vous pr&eacute;f&eacute;rez monter directement sur votre t&eacute;l&eacute;phone, sans passer par l&#39;ordinateur ? Le m&ecirc;me formateur propose le cours de montage vid&eacute;o sur iPhone avec iMovie, qui couvre aussi les mod&egrave;les Film magique et Storyboard de la version mobile. https://fr.tuto.com/imovie/montage-video-mac-imovie,222521.html Tue, 10 Nov 2026 10:58:52 +0100 Nouveautés Lightroom Classic 2027 : lueur, masque de profondeur, peau nettoyée en un clic https://fr.tuto.com/lightroom/nouveautes-lightroom-classic-2027-gratuit,222551.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222551.jpg"/><br><strong>Une nouvelle version de Lightroom Classic s&#39;installe, et rien ne vous dit ce qu&#39;elle a ajout&eacute; ni o&ugrave; le trouver.</strong> Ce tuto gratuit passe en revue les nouveaut&eacute;s de la version 2027, une par une, sur de vraies photos : l&#39;effet Lueur, le masque de profondeur calcul&eacute; sans donn&eacute;e LiDAR, la suppression automatique des imperfections de peau, le color grading enfin disponible dans les masques, le tri d&egrave;s l&#39;importation et le nettoyage de l&#39;historique. Vous saurez lesquelles adopter tout de suite dans vos retouches. <h2>Nouveaut&eacute;s Lightroom Classic 2027 : ce que vous saurez faire</h2> Chaque fonction est montr&eacute;e &agrave; son emplacement dans l&#39;interface, puis r&eacute;gl&eacute;e sur une image. <ul> <li>Filtrer vos photos par notes et libell&eacute;s avant m&ecirc;me de les importer</li> <li>Teinter les ombres et les hautes lumi&egrave;res d&#39;une seule zone</li> <li>Nettoyer une peau sans gommer taches de rousseur et grains de beaut&eacute;</li> <li>Faire rayonner les lumi&egrave;res d&#39;une photo de nuit sans ouvrir Photoshop</li> <li>Isoler un premier plan par sa distance, sans pinceau</li> <li>All&eacute;ger un catalogue en purgeant l&#39;historique de d&eacute;veloppement</li> </ul> <h3>Lueur et halation : l&#39;effet qu&#39;on allait chercher dans Photoshop</h3> Le r&eacute;glage Lueur se range dans les effets, &agrave; c&ocirc;t&eacute; du vignettage. Il propose plusieurs styles, dont la halation, qui reproduit le virage rouge des films argentiques autour des sources lumineuses les plus fortes, et des variantes directionnelles dont on r&egrave;gle l&#39;angle et la douceur. La d&eacute;monstration ne s&#39;arr&ecirc;te pas au tour du propri&eacute;taire : sur une photo de rue de nuit, la halation orange est combin&eacute;e &agrave; un color grading bleu pos&eacute; dans un masque, deux nouveaut&eacute;s qui se r&eacute;pondent en couleurs compl&eacute;mentaires. Si les masques ne vous sont pas encore familiers, la formation compl&egrave;te Lightroom Classic du m&ecirc;me formateur les reprend depuis la base et int&egrave;gre ces nouveaut&eacute;s au fil des versions. <h3>Masque de profondeur et retouche de peau : ce que l&#39;analyse automatique laisse de c&ocirc;t&eacute;</h3> La plage de profondeur n&#39;exige plus un fichier qui embarque une carte de profondeur : Lightroom l&#39;estime apr&egrave;s coup, vous cliquez une zone puis vous ajustez la plage. En portrait, la d&eacute;tection des imperfections se r&egrave;gle personne par personne sur une photo de groupe, avec deux curseurs : la quantit&eacute; retir&eacute;e et la tol&eacute;rance aux marques naturelles. Limite visible &agrave; l&#39;&eacute;cran : les visages flous de l&#39;arri&egrave;re-plan ne sont pas trait&eacute;s. <h3>Pour qui</h3> Pour les utilisateurs de Lightroom Classic qui connaissent d&eacute;j&agrave; le module D&eacute;veloppement et les masques, et qui veulent se mettre &agrave; jour vite. Le cours est class&eacute; D&eacute;butant, mais ce n&#39;est pas une initiation : aucune base n&#39;y est r&eacute;expliqu&eacute;e. Les d&eacute;monstrations sont faites sur la version 16.0, sortie en novembre 2026. Aucun fichier d&#39;exercice n&#39;accompagne le cours, vous suivez sur vos propres photos. <h3>Pour aller plus loin</h3> Vous retouchez aussi dans Photoshop : les nouveaut&eacute;s de Photoshop 2027 ont droit au m&ecirc;me tour d&#39;horizon gratuit. Vous travaillez sur la version cloud plut&ocirc;t que sur Classic : le cours sur les masques IA et retouches locales dans Lightroom CC couvre le masquage dans cette interface.&nbsp; https://fr.tuto.com/lightroom/nouveautes-lightroom-classic-2027-gratuit,222551.html Wed, 11 Nov 2026 09:04:07 +0100 Nouveautés Photoshop 2027 : 6 fonctions testées sur de vraies images, limites comprises https://fr.tuto.com/photoshop/nouveautes-photoshop-2027-gratuit,222541.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222541.jpg"/><br><strong>Chaque nouvelle version de Photoshop arrive avec sa liste de fonctions IA, et aucune note de version ne dit lesquelles tiennent la route sur un vrai travail.</strong> Ce tour d&#39;horizon passe les six nouveaut&eacute;s de Photoshop 2027 au banc d&#39;essai, sur des photos de produit et des sc&egrave;nes de rue : ce que chacune fait gagner, o&ugrave; elle s&#39;arr&ecirc;te et ce que les plus gourmandes consomment en cr&eacute;dits g&eacute;n&eacute;ratifs. <h2>Nouveaut&eacute;s de Photoshop 2027 : ce que vous saurez faire</h2> Le cours est enregistr&eacute; sur la version 28.0, le jour de sa sortie &agrave; l&#39;Adobe MAX. <ul> <li>R&eacute;&eacute;clairer une photo apr&egrave;s la prise de vue, avec une ou deux sources</li> <li>Comparer l&#39;avant et l&#39;apr&egrave;s en un clic, sans masque bricol&eacute;</li> <li>Explorer les variantes d&#39;une image g&eacute;n&eacute;r&eacute;e et repositionner sa lumi&egrave;re</li> <li>Choisir entre Firefly Upscaler 2 et Topaz Gigapixel pour agrandir</li> <li>Effacer un &eacute;l&eacute;ment avec ses effets sur le reste de l&#39;image</li> <li>Passer une image du paysage au portrait en gardant ce qui compte</li> <li>Estimer la d&eacute;pense en cr&eacute;dits g&eacute;n&eacute;ratifs avant de valider</li> </ul> <h3>Calque d&#39;&eacute;clairage et Restyliser : ce que l&#39;IA consomme vraiment</h3> Le calque d&#39;&eacute;clairage analyse la profondeur de l&#39;image, puis recalcule la lumi&egrave;re selon la position, la distance, l&#39;intensit&eacute; et la diffusion que vous r&eacute;glez. L&#39;aper&ccedil;u est libre, la validation consomme 30 cr&eacute;dits g&eacute;n&eacute;ratifs. Restyliser avec l&#39;IA en demande 80, parce qu&#39;il calcule en coulisses une courte vid&eacute;o dans laquelle vous choisissez votre image. Dix essais de lumi&egrave;re dans l&#39;apr&egrave;s-midi, et 300 cr&eacute;dits sont partis. Le cours montre aussi les r&eacute;glages qui se r&eacute;initialisaient le jour de la sortie, pour que vous sachiez les reconna&icirc;tre. <h3>R&eacute;seaux sociaux ou impression : les limites de qualit&eacute; montr&eacute;es &agrave; l&#39;&eacute;cran</h3> Zoom &agrave; 100 % &agrave; l&#39;appui, le rendu de Restyliser porte une compression visible : suffisant pour un post, trop l&eacute;ger pour une pleine page de magazine. La suppression des &eacute;l&eacute;ments connexes retire un soleil et ses rayons, mais r&eacute;g&eacute;n&egrave;re la mati&egrave;re autour, au point de changer les voitures de la photo. Pour l&#39;agrandissement g&eacute;n&eacute;ratif, la m&ecirc;me image passe par Firefly Upscaler 2 puis par Topaz Gigapixel, et l&#39;&eacute;cart de d&eacute;tail se voit. Si le sujet vous occupe, le comparatif d&#39;upscaling entre Firefly, Topaz et ComfyUI le creuse en entier. <h3>Pour qui</h3> Graphistes, photographes et retoucheurs qui utilisent d&eacute;j&agrave; Photoshop et veulent se mettre &agrave; jour en 28 minutes. Il faut Photoshop 2027 (version 28) et des cr&eacute;dits g&eacute;n&eacute;ratifs pour reproduire les manipulations. Des fichiers de travail sont fournis. <h3>Pour aller plus loin</h3> Vous d&eacute;butez ou vous voulez tout reprendre dans l&#39;ordre : la formation compl&egrave;te Photoshop du m&ecirc;me formateur re&ccedil;oit ces mises &agrave; jour au fil des versions. Vous &ecirc;tes rest&eacute; sur la version pr&eacute;c&eacute;dente : les nouveaut&eacute;s de Photoshop 2026 couvrent Harmoniser, Nano Banana et Flux. https://fr.tuto.com/photoshop/nouveautes-photoshop-2027-gratuit,222541.html Tue, 10 Nov 2026 17:06:19 +0100 Affiche publicitaire dans Affinity : une bouteille de jus d'orange entre splashs et gouttes d'eau https://fr.tuto.com/affinity/affiche-publicitaire-boisson-splash-affinity,222491.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222491.jpg"/><br>Un produit d&eacute;tour&eacute; puis pos&eacute; sur un fond, m&ecirc;me soign&eacute;, reste <strong>un collage qui ne donne envie de rien</strong> : pas de relief, pas de fra&icirc;cheur, pas de mouvement. Dans cet atelier Affinity, vous construisez un visuel publicitaire complet autour d&#39;une bouteille de jus d&#39;orange : fond sombre travers&eacute; de lumi&egrave;re, oranges et feuilles qui encadrent le produit, gouttes d&#39;eau sur le verre, splashs et halos. Vous repartez avec une m&eacute;thode d&#39;int&eacute;gration (ombres, lumi&egrave;res, profondeur, couleur) qui se rejoue sur n&#39;importe quel produit, boisson, cosm&eacute;tique ou packshot. <h2>Affiche publicitaire de produit : ce que vous saurez faire</h2> Sept gestes qui survivent &agrave; l&#39;exercice et servent sur tout photomontage de produit. <ul> <li>B&acirc;tir une composition en diagonales qui encadre le produit</li> <li>Poser une &eacute;tiquette qui laisse passer les reflets du verre</li> <li>Isoler des gouttes d&#39;eau par les courbes et les modes de fusion</li> <li>Sculpter un volume avec des ombres et des lumi&egrave;res peintes sur masque</li> <li>Lier deux objets par une ombre port&eacute;e et une ombre de contact</li> <li>Plier un splash &agrave; la forme d&#39;un objet avec la grille d&eacute;formante</li> <li>Unifier contraste, teinte et grain sur une copie fusionn&eacute;e</li> </ul> <h3>Des gouttes d&#39;eau sur une bouteille, sans les d&eacute;tourer une &agrave; une</h3> C&#39;est le passage le plus technique de l&#39;atelier, et le plus r&eacute;utilisable. Une simple photo de gouttes sur fond gris est dupliqu&eacute;e en deux calques : le premier, en mode Produit, ne garde que leurs ombres ; le second, en mode Superposition, ne garde que leurs reflets. Deux r&eacute;glages Courbes poussent le contraste jusqu&#39;&agrave; rendre tout le reste transparent, puis un calque Recolorer accorde les gouttes &agrave; la teinte du jus. Un masque repris sur la silhouette de la bouteille emp&ecirc;che tout d&eacute;bordement. Vous obtenez un effet de boisson glac&eacute;e cr&eacute;dible, &agrave; reporter sur une canette, un flacon ou un verre. <h3>Un atelier sur images fournies, &agrave; transposer &agrave; vos propres produits</h3> Bouteille, oranges, feuille, &eacute;tiquette, gouttes, splash et texture d&#39;&eacute;clats sont fournis. Chaque code couleur et chaque point de courbe est donn&eacute; &agrave; l&#39;oral, pour retrouver le rendu exact avant d&#39;exp&eacute;rimenter. Tout reste non destructif : masques, calques de r&eacute;glage et grille d&eacute;formante se reprennent &agrave; tout moment. Les &eacute;l&eacute;ments principaux arrivent d&eacute;j&agrave; d&eacute;tour&eacute;s ; pour vos propres packshots, il faudra d&#39;abord isoler le produit, ce que couvre le cours sur le d&eacute;tourage et les outils de s&eacute;lection d&#39;Affinity. <h3>Pour qui</h3> Le badge indique D&eacute;butant, mais l&#39;atelier demande des bases d&eacute;j&agrave; acquises : cr&eacute;er et organiser des calques, poser un masque, faire une s&eacute;lection. Le rythme est plus dense que dans les ateliers Affinity pr&eacute;c&eacute;dents du formateur. Si ces gestes ne sont pas encore naturels, les fondamentaux du module Pixel d&#39;Affinity couvrent ce socle. Le cours est tourn&eacute; dans la nouvelle application Affinity, sur un document horizontal de 1920 &times; 1080 pixels. <h3>Pour aller plus loin</h3> Vous pr&eacute;f&eacute;rez vous faire la main sur un montage plus court avant celui-ci ? Le photomontage animalier du renard et du colibri travaille la m&ecirc;me question, fondre plusieurs images dans une seule lumi&egrave;re, en une quarantaine de minutes. https://fr.tuto.com/affinity/affiche-publicitaire-boisson-splash-affinity,222491.html Tue, 10 Nov 2026 09:29:57 +0100 Photoshop, la formation complète 2027 : de l'interface à l'export, IA générative incluse https://fr.tuto.com/photoshop/photoshop-cours-complet-retouche-detourage-ia-export,220051.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/220051.jpg"/><br>Vous ouvrez Photoshop depuis des ann&eacute;es, vous connaissez trois outils et <strong>vous contournez tout le reste</strong> : le d&eacute;tourage qui bave, la retouche qui se voit, les calques qu&#39;on aplatit par peur de les casser, l&#39;export qu&#39;on fait au hasard. Cette formation reprend le logiciel dans l&#39;ordre, de la r&eacute;solution d&#39;un document jusqu&#39;au fichier livr&eacute;, en passant par les calques, la s&eacute;lection, la retouche, le texte, le dessin, la vid&eacute;o, les filtres, l&#39;IA g&eacute;n&eacute;rative Firefly et les actions automatis&eacute;es. Chaque chapitre alterne th&eacute;orie courte et ateliers, avec pr&egrave;s de quarante exercices dont les fichiers sources sont fournis, pour que chaque outil devienne un r&eacute;flexe et non une vid&eacute;o regard&eacute;e. <h2>Photoshop de l&#39;interface &agrave; l&#39;export : ce que vous saurez faire</h2> &Agrave; la fin du cours, vous saurez travailler en non destructif et choisir le bon outil pour chaque situation. <ul> <li>Choisir la strat&eacute;gie de s&eacute;lection adapt&eacute;e au sujet, de la plume aux outils IA</li> <li>Retoucher sans laisser de trace gr&acirc;ce aux masques et aux objets dynamiques</li> <li>Effacer, d&eacute;placer ou &eacute;tendre un d&eacute;cor avec les outils bas&eacute;s sur le contenu</li> <li>Comparer les mod&egrave;les g&eacute;n&eacute;ratifs et guider une g&eacute;n&eacute;ration par le style</li> <li>Composer une affiche compl&egrave;te : typographie, textures, &eacute;cr&ecirc;tage, fond perdu</li> <li>Monter une animation ou un cin&eacute;magraphe directement dans Photoshop</li> <li>Automatiser une retouche r&eacute;p&eacute;titive avec une action, un lot ou un droplet</li> <li>Exporter au bon format pour le web, l&#39;impression ou les r&eacute;seaux sociaux</li> </ul> <h3>Sept modules &agrave; l&#39;unit&eacute;, trois chapitres que vous ne trouverez qu&#39;ici</h3> Ce cours regroupe sept modules &eacute;galement vendus s&eacute;par&eacute;ment sur Tuto.com : interface et calques, d&eacute;tourage et s&eacute;lection, outils de retouche, outils de texte, dessin et pinceaux, IA et actions et ateliers pratiques. Si vous n&#39;avez besoin que d&#39;un sujet, prenez le module. Si vous voulez tout Photoshop, le cours complet revient nettement moins cher que les sept r&eacute;unis et ajoute trois chapitres qui n&#39;existent nulle part ailleurs : la vid&eacute;o et l&#39;animation, la galerie compl&egrave;te des filtres, et l&#39;exportation avec un vrai cours sur les formats de fichier. <h3>Un chapitre IA g&eacute;n&eacute;rative qui dit aussi ce qui ne marche pas</h3> Le d&eacute;veloppement g&eacute;n&eacute;ratif, le remplissage g&eacute;n&eacute;ratif, l&#39;agrandissement, Harmoniser et la rotation 3D d&#39;objet sont trait&eacute;s un par un, avec une vid&eacute;o d&eacute;di&eacute;e au choix du mod&egrave;le entre Firefly, Gemini et Flux et une autre qui compare l&#39;upscale de Firefly &agrave; Topaz Gigapixel et Bloom. Le formateur montre les g&eacute;n&eacute;rations telles qu&#39;elles sortent, d&eacute;fauts compris, et dit clairement quand les outils de retouche classiques restent plus int&eacute;ressants que la g&eacute;n&eacute;ration. C&#39;est le chapitre qu&#39;il annonce mettre &agrave; jour en priorit&eacute; &agrave; chaque &eacute;volution d&#39;Adobe. <h3>Des &eacute;nonc&eacute;s avant les corrections, pour ne pas apprendre en spectateur</h3> Dans le chapitre d&eacute;tourage, trois ateliers sont donn&eacute;s d&#39;abord sous forme d&#39;&eacute;nonc&eacute;, &agrave; r&eacute;aliser seul avec les fichiers fournis, puis corrig&eacute;s en vid&eacute;o : remplacer un ciel, incruster un sujet &agrave; travers une tente, d&eacute;tourer un dromadaire &agrave; la plume. Les autres chapitres se terminent chacun par leurs propres ateliers, et un dernier chapitre de onze projets complets, de l&#39;affiche de randonn&eacute;e au portrait noir et blanc, fait travailler plusieurs outils &agrave; la fois. Les images viennent de Pexels et sont libres de droits, vous pouvez donc r&eacute;utiliser vos r&eacute;alisations. <h3>Pour qui</h3> Le cours part de z&eacute;ro et ne suppose aucune pratique ant&eacute;rieure de Photoshop ni d&#39;un autre logiciel Adobe. Il convient aussi &agrave; qui utilise d&eacute;j&agrave; le logiciel sans m&eacute;thode et veut combler ses trous. Il est enregistr&eacute; sur Photoshop 2026, version Creative Cloud : les fonctions d&#39;IA g&eacute;n&eacute;rative n&eacute;cessitent un abonnement Adobe actif et consomment des cr&eacute;dits g&eacute;n&eacute;ratifs. Une tablette graphique est utile pour le chapitre dessin, mais tout se fait aussi &agrave; la souris. <h3>Pour aller plus loin</h3> Si vous visez une certification reconnue ou un financement, le parcours certifiant Photoshop reprend ces comp&eacute;tences avec un mentor individuel et une certification &agrave; la cl&eacute;. https://fr.tuto.com/photoshop/photoshop-cours-complet-retouche-detourage-ia-export,220051.html Mon, 09 Nov 2026 08:40:42 +0100 Carte de visite recto verso dans Affinity : du format 85 x 55 mm au PDF prêt à imprimer https://fr.tuto.com/affinity/carte-de-visite-recto-verso-affinity-gratuit,221551.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221551.jpg"/><br>Les coordonn&eacute;es sont pr&ecirc;tes, les couleurs aussi, mais <strong>le fichier &agrave; envoyer &agrave; l&#39;imprimeur reste un myst&egrave;re</strong> : quel format, quel fond perdu, quel PDF ? Ce tuto gratuit construit une carte de visite recto verso dans Affinity, de la cr&eacute;ation du document 85 x 55 mm &agrave; l&#39;export PDF pour impression. En chemin, vous dessinez un fond graphique &agrave; la plume, vous enregistrez un d&eacute;grad&eacute; r&eacute;utilisable, vous alignez pictos et textes au cordeau et vous hi&eacute;rarchisez nom, poste et coordonn&eacute;es. Le fichier Affinity de la carte est fourni pour repartir du r&eacute;sultat. <h2>Carte de visite recto verso : ce que vous saurez faire</h2> Des gestes qui servent sur n&#39;importe quel support imprim&eacute;, pas seulement une carte. <ul> <li>Configurer un document print multipage avec fond perdu, &agrave; 300 ppp</li> <li>Centrer et r&eacute;partir des &eacute;l&eacute;ments avec les outils d&#39;alignement, sans t&acirc;tonner</li> <li>Tracer &agrave; la plume un fond graphique fusionn&eacute; en une seule forme</li> <li>Enregistrer un d&eacute;grad&eacute; dans le nuancier et le r&eacute;utiliser partout</li> <li>Hi&eacute;rarchiser nom, poste et coordonn&eacute;es par la graisse et la taille</li> <li>Exporter un PDF pour impression avec conversion CMJN et profils incorpor&eacute;s</li> </ul> <h3>Un fond graphique dessin&eacute; &agrave; la plume, pas t&eacute;l&eacute;charg&eacute;</h3> Le recto ne repose sur aucun template. Le formateur trace des traits libres &agrave; la plume en les laissant d&eacute;border dans le fond perdu, leur applique un d&eacute;grad&eacute; turquoise, dor&eacute; et vert enregistr&eacute; dans le nuancier, puis vectorise les contours et fusionne le tout avec les outils Pathfinder pour que le d&eacute;grad&eacute; se lise d&#39;un seul tenant. Une fois la forme unique obtenue, le type de d&eacute;grad&eacute; se change &agrave; la vol&eacute;e, lin&eacute;aire, radial, elliptique ou conique, pour tester plusieurs rendus en quelques secondes. Les pictos de contact, eux, sont redimensionn&eacute;s puis r&eacute;partis &agrave; &eacute;gale distance avec l&#39;alignement vertical. Pas de QR code dans cette carte : l&#39;outil Code QR d&#39;Affinity a son propre tuto gratuit. <h3>Pour qui</h3> Le badge D&eacute;butant est juste : il suffit de savoir cr&eacute;er un document et s&eacute;lectionner un objet. Le cours est tourn&eacute; dans Affinity, l&#39;application unique, et dure moins de vingt minutes. Aucun imprimeur, aucun plugin et aucune image personnelle ne sont n&eacute;cessaires pour le suivre. <h3>Pour aller plus loin</h3> Pour appliquer la m&ecirc;me logique print &agrave; un support plus exigeant, avec plis, marges et pages en vis-&agrave;-vis, encha&icirc;nez sur la cr&eacute;ation d&#39;un d&eacute;pliant 3 volets dans Affinity, du m&ecirc;me formateur. Si vous voulez ma&icirc;triser l&#39;ensemble du logiciel plut&ocirc;t qu&#39;un seul support, la formation compl&egrave;te Affinity Studio prend le relais. https://fr.tuto.com/affinity/carte-de-visite-recto-verso-affinity-gratuit,221551.html Mon, 09 Nov 2026 08:39:31 +0100 Frites 3D dans Blender 5 : composez une scène food réaliste, de la simulation au rendu https://fr.tuto.com/blender/blender-scene-food-3d-frites-rendu-realiste,222391.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222391.jpg"/><br>Des objets bien mod&eacute;lis&eacute;s qui, une fois r&eacute;unis, donnent une image plate, trop propre, sans vie : <strong>c&#39;est le mur que rencontrent la plupart des rendus 3D interm&eacute;diaires</strong>. Cet atelier part d&#39;une sc&egrave;ne simple, un cornet rouge renvers&eacute;, des frites &eacute;parpill&eacute;es sur une nappe &agrave; carreaux, pour montrer o&ugrave; se joue le r&eacute;alisme : dans le d&eacute;sordre contr&ocirc;l&eacute; de la composition, dans les variations de mati&egrave;re et dans la lumi&egrave;re. Vous construisez tout dans Blender 5, de la premi&egrave;re frite au JPEG final, et vous repartez avec une m&eacute;thode qui s&#39;applique &agrave; n&#39;importe quel sujet food ou packshot. <h2>Sc&egrave;ne food 3D : ce que vous saurez faire</h2> Au-del&agrave; du cornet de frites, chaque &eacute;tape installe un r&eacute;flexe r&eacute;utilisable sur vos propres projets. <ul> <li>Casser la r&eacute;gularit&eacute; d&#39;un maillage pour obtenir des objets organiques cr&eacute;dibles</li> <li>Disposer des dizaines d&#39;objets par simulation physique plut&ocirc;t qu&#39;&agrave; la main</li> <li>Figer une simulation pour la retravailler objet par objet</li> <li>Construire un shader proc&eacute;dural &agrave; partir d&#39;une Noise Texture</li> <li>Choisir entre texture proc&eacute;durale et images PBR selon la mati&egrave;re</li> <li>Combiner HDRI et lumi&egrave;re de studio pour un &eacute;clairage lisible</li> <li>Finir une image dans le compositeur sans logiciel externe</li> </ul> <h3>Rigid Body : laisser Blender placer les frites</h3> Positionner une &agrave; une une quarantaine de frites serait long et approximatif. Le formateur applique un Rigid Body actif aux frites, un passif au cornet et &agrave; la nappe, lance la simulation et laisse la physique r&eacute;gler les contacts et l&#39;empilement. Il montre ensuite le geste qui manque souvent : appliquer la transformation visuelle puis retirer les Rigid Body, pour verrouiller la composition et pouvoir d&eacute;placer librement les quelques frites qui g&ecirc;nent le cadre. <h3>Deux textures, deux logiques : proc&eacute;dural contre images</h3> Le cornet et les frites sont textur&eacute;s en proc&eacute;dural, enti&egrave;rement dans le Shader Editor : Noise Texture pilot&eacute;e par le mapping objet, Color Ramp pour doser le roughness, bump et displacement pour le relief, Subsurface pour la l&eacute;g&egrave;re translucidit&eacute;, puis une seconde noise combin&eacute;e au n&oelig;ud Pointiness pour r&eacute;partir deux couleurs selon les ar&ecirc;tes. La nappe suit la voie inverse : trois images fournies (couleur, roughness, normale) branch&eacute;es en une manipulation gr&acirc;ce &agrave; Node Wrangler, et un simple r&eacute;glage d&#39;&eacute;chelle. Vous voyez ainsi quand chaque approche vaut le coup, ce que la composition de piles 3D r&eacute;alistes du m&ecirc;me formateur prolonge sur des surfaces m&eacute;talliques et plastiques. <h3>&Eacute;clairage, profondeur de champ et compositing</h3> L&#39;&eacute;clairage repose sur une HDRI de studio fournie, renforc&eacute;e par une Area Light en disque r&eacute;gl&eacute;e &agrave; 4500 K, avec le rendu Cycles et un look Very High Contrast. La cam&eacute;ra re&ccedil;oit une profondeur de champ cal&eacute;e sur un Empty, et le rendu final passe par le compositeur de Blender pour une vignette et un l&eacute;ger glare. Le formateur insiste sur un point utile : les valeurs de lumi&egrave;re et de texture d&eacute;pendent de l&#39;&eacute;chelle de la sc&egrave;ne, et il explique comment les ajuster quand vos objets ne sont pas &agrave; taille r&eacute;elle. <h3>Pour qui</h3> Le badge Interm&eacute;diaire est &agrave; prendre au s&eacute;rieux : le formateur va vite sur les manipulations de base (Edit Mode, Loop Cut, modificateurs, raccourcis) et suppose que vous &ecirc;tes d&eacute;j&agrave; &agrave; l&#39;aise avec l&#39;interface de Blender et les mat&eacute;riaux. L&#39;atelier est enregistr&eacute; sur Blender 5 et utilise Cycles sur GPU. Si vous d&eacute;butez, commencez par le bundle d&#39;initiation &agrave; la mod&eacute;lisation 3D sur Blender du m&ecirc;me formateur. <h3>Pour aller plus loin</h3> Si vous voulez comprendre la th&eacute;orie derri&egrave;re les n&oelig;uds, les lumi&egrave;res et les r&eacute;glages de rendu plut&ocirc;t que les appliquer sur un cas, la Bible Blender consacr&eacute;e aux mat&eacute;riaux, &agrave; l&#39;&eacute;clairage et au rendu couvre le sujet en profondeur. https://fr.tuto.com/blender/blender-scene-food-3d-frites-rendu-realiste,222391.html Sat, 07 Nov 2026 09:23:12 +0100 Portrait effet encre dans Affinity : faites surgir un visage de quelques taches d'encre https://fr.tuto.com/affinity/portrait-effet-encre-affinity,222261.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222261.jpg"/><br>Les effets &laquo; encre &raquo; tout faits se ressemblent tous : un calque plaqu&eacute; sur la photo, <strong>sans aucun lien avec les ombres et les lumi&egrave;res du visage</strong>. Dans cet atelier Affinity, c&#39;est votre portrait lui-m&ecirc;me qui d&eacute;cide o&ugrave; l&#39;encre appara&icirc;t. Le visage surgit de quelques taches, garde le grain de la photo, puis se colore par petites touches qui d&eacute;bordent comme de l&#39;aquarelle. La m&eacute;thode se rejoue ensuite sur n&#39;importe quelle image. <h2>Portrait effet encre : ce que vous saurez faire</h2> Une technique de masques &agrave; comprendre une fois, puis &agrave; d&eacute;cliner sur vos propres photos. <ul> <li>Transformer un portrait en masque gr&acirc;ce &agrave; une s&eacute;lection par luminosit&eacute;</li> <li>Faire appara&icirc;tre un sujet &agrave; travers une texture plut&ocirc;t que par-dessus</li> <li>Superposer des taches sans halo blanc gr&acirc;ce au mode Produit</li> <li>Inverser un masque pour d&eacute;cider ce qui r&eacute;v&egrave;le et ce qui cache</li> <li>Fiabiliser une s&eacute;lection en passant par une copie fusionn&eacute;e</li> <li>Doser une couleur en retouchant un masque au pinceau encre</li> <li>Versionner chaque &eacute;tape pour revenir en arri&egrave;re sans tout refaire</li> </ul> <h3>Pourquoi la s&eacute;lection par intensit&eacute; fait tout le travail</h3> Le portrait passe en noir et blanc, une courbe durcit ses contrastes et un grain prononc&eacute; vient le texturer. Une s&eacute;lection de pixels &agrave; partir de l&#39;intensit&eacute; du calque transforme alors ces zones claires et sombres en masque, pos&eacute; sur un groupe de taches d&#39;encre : l&agrave; o&ugrave; le visage est sombre, l&#39;encre se montre, ailleurs elle s&#39;efface. La m&ecirc;me logique, invers&eacute;e, sert ensuite &agrave; faire passer la couleur du portrait d&#39;origine &agrave; travers une tache flout&eacute;e. Si les masques de calque sont encore flous pour vous, l&#39;astuce gratuite sur les masques de calques pose le principe en quelques minutes. <h3>Un atelier sur images fournies, transposable &agrave; vos portraits</h3> Le portrait et les images de taches d&#39;encre sont fournis, et les valeurs cl&eacute;s sont donn&eacute;es &agrave; l&#39;&eacute;cran : points de la courbe, intensit&eacute; du bruit, rayon du flou, opacit&eacute; du calque couleur. Vous reproduisez d&#39;abord le r&eacute;sultat &agrave; l&#39;identique, puis vous d&eacute;placez les taches, changez leur nombre ou leur pinceau pour trouver votre propre composition. <h3>Pour qui</h3> Le tuto est marqu&eacute; D&eacute;butant, mais il suppose des bases d&eacute;j&agrave; acquises : cr&eacute;er, grouper et renommer des calques, poser un masque, faire une s&eacute;lection. Le formateur le dit lui-m&ecirc;me, la m&eacute;thode n&#39;est pas intuitive et gagne &agrave; &ecirc;tre refaite une seconde fois, id&eacute;alement sur vos photos. Si ce socle vous manque, les fondamentaux du module Pixel d&#39;Affinity le couvrent. L&#39;atelier dure environ 24 minutes et a &eacute;t&eacute; tourn&eacute; sur la nouvelle application Affinity, en version 3.3. <h3>Pour aller plus loin</h3> Vous pr&eacute;f&eacute;rez un portrait graphique aux couleurs franches plut&ocirc;t qu&#39;un rendu vaporeux ? Le portrait pop art dans Affinity, du m&ecirc;me formateur, part aussi d&#39;une photo pour la transformer en affiche. https://fr.tuto.com/affinity/portrait-effet-encre-affinity,222261.html Mon, 02 Nov 2026 09:29:02 +0100 Générer des vidéos avec Kling AI 4.0 : gardez la main sur vos personnages et vos plans https://fr.tuto.com/kling-ai/kling-ai-4-generer-des-videos-ia,218291.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/218291.jpg"/><br>Un prompt seul, et Kling invente des visages, un d&eacute;cor et un cadrage qui ne sont pas les v&ocirc;tres. <strong>Impossible de verrouiller un personnage ou un plan pr&eacute;cis en se contentant de d&eacute;crire la sc&egrave;ne.</strong> Ce tuto installe la m&eacute;thode inverse : pr&eacute;parer d&#39;abord des images fixes solides, puis les animer avec Kling 4.0, d&#39;une simple image de d&eacute;part jusqu&#39;&agrave; une s&eacute;rie d&#39;images cl&eacute;s encha&icirc;n&eacute;es. Il couvre aussi le mode Omni r&eacute;f&eacute;rence, qui combine images, vid&eacute;os et sons, et le multi-shot, qui encha&icirc;ne plusieurs plans en une g&eacute;n&eacute;ration. Vous en sortez capable de produire des plans qui gardent vos personnages, votre d&eacute;cor et le mouvement de cam&eacute;ra voulu, dialogues compris. <h2>Vid&eacute;o IA avec Kling 4.0 : ce que vous saurez faire</h2> Chaque comp&eacute;tence se travaille sur des images et des prompts fournis, d&#39;une rue de Tokyo jusqu&#39;&agrave; un personnage 3D aux six expressions. <ul> <li>Choisir entre prompt descriptif et prompt de consigne selon le mod&egrave;le</li> <li>Garder un personnage identique d&#39;un plan &agrave; l&#39;autre gr&acirc;ce au character sheet</li> <li>Assembler d&eacute;cor, v&eacute;hicule et personnages en une image de d&eacute;part cr&eacute;dible</li> <li>D&eacute;crire un mouvement de cam&eacute;ra que l&#39;IA respecte vraiment</li> <li>Faire dire une r&eacute;plique pr&eacute;cise &agrave; un personnage, avec la bonne &eacute;motion</li> <li>Combiner image, vid&eacute;o et son de r&eacute;f&eacute;rence dans une m&ecirc;me g&eacute;n&eacute;ration</li> <li>Estimer le co&ucirc;t en cr&eacute;dits d&#39;une g&eacute;n&eacute;ration avant de la lancer</li> </ul> <h3>Pr&eacute;parer l&#39;image avant d&#39;animer : le bon mod&egrave;le pour chaque t&acirc;che</h3> Une bonne part du cours se passe avant la vid&eacute;o, et c&#39;est voulu : la qualit&eacute; de l&#39;image de d&eacute;part d&eacute;cide de tout le reste. Vous comparez Kling Image 3.0, efficace en prompt descriptif, et sa version Omni, qui comprend les consignes du type &laquo; change la saison, change l&#39;angle &raquo;. Le formateur ne cache pas leurs limites. Pour les assemblages d&eacute;licats, il bascule dans le canevas de Kling vers GPT Image 2, nettement plus juste que Nano Banana Pro sur la perspective et la lumi&egrave;re. Ce canevas nodal fonctionne comme Spaces, que vous retrouvez en d&eacute;tail dans la formation IA g&eacute;n&eacute;rative sur Magnific. Il sert aussi de solution de repli quand la mod&eacute;ration de Kling bloque un visage r&eacute;aliste dans l&#39;agent IA. <h3>Travelling, photo anim&eacute;e, images cl&eacute;s : ce que Kling 4.0 tient, et o&ugrave; il d&eacute;croche</h3> Kling 4.0 anime proprement une vraie photographie en orbite de drone et joue bien la com&eacute;die sur des gros plans. Le cours montre aussi ses rat&eacute;s, et comment les anticiper. Sur une transition entre une image de d&eacute;but et une image de fin, un arri&egrave;re-plan qui ne correspond pas fait dispara&icirc;tre un personnage en plein mouvement : la coh&eacute;rence des deux images se v&eacute;rifie avant de lancer. Avec plusieurs images cl&eacute;s, un prompt minimal produit des coupes s&egrave;ches, que l&#39;agent IA de Kling transforme en transitions fluides avec une consigne plus pr&eacute;cise. <h3>Omni r&eacute;f&eacute;rence et multi-shot : diriger une s&eacute;quence compl&egrave;te</h3> Le mode Keyframe part d&#39;images. Le mode Omni r&eacute;f&eacute;rence va plus loin : il accepte &agrave; la fois des images, des vid&eacute;os et des sons comme r&eacute;f&eacute;rences pour g&eacute;n&eacute;rer une seule vid&eacute;o. C&#39;est aussi la voie que le formateur privil&eacute;gie pour mieux faire parler un personnage en fran&ccedil;ais. Le multi-shot encha&icirc;ne plusieurs plans dans une m&ecirc;me g&eacute;n&eacute;ration, pour construire une courte s&eacute;quence plut&ocirc;t qu&#39;un plan isol&eacute;. Le formateur situe ce mode face &agrave; Seedance, plus puissant mais nettement plus cher, que vous pouvez creuser dans la masterclass Seedance 2.0. <h3>Pour qui</h3> Le badge Interm&eacute;diaire vise un public d&eacute;j&agrave; &agrave; l&#39;aise avec l&#39;IA g&eacute;n&eacute;rative d&#39;images. Aucune exp&eacute;rience de Kling n&#39;est exig&eacute;e : l&#39;interface, les abonnements et la gestion des cr&eacute;dits sont repris au d&eacute;but. Si vous voulez d&#39;abord explorer les fonctions plus anciennes de la plateforme, comme les effets, le Virtual Try-On ou le doublage, la premi&egrave;re formation Kling AI du m&ecirc;me formateur les couvre. Le cours est tourn&eacute; sur Kling 4.0 et Kling Image 3.0, avec un compte payant. Pr&eacute;voyez des cr&eacute;dits : une vid&eacute;o de 15 secondes en 1080p en consomme plusieurs centaines. Claude ou ChatGPT servent ponctuellement &agrave; r&eacute;diger les prompts, sans &ecirc;tre indispensables. https://fr.tuto.com/kling-ai/kling-ai-4-generer-des-videos-ia,218291.html Mon, 02 Nov 2026 10:48:59 +0100 Photomontage animalier dans Affinity : fondre un renard et un colibri dans une même lumière https://fr.tuto.com/affinity/photomontage-animalier-affinity-renard-colibri,222321.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222321.jpg"/><br>Le renard vient d&#39;une photo, l&#39;oiseau d&#39;une autre, la for&ecirc;t d&#39;une troisi&egrave;me, et une fois pos&eacute;s sur le m&ecirc;me document ils ont l&#39;air coll&eacute;s. <strong>Chaque &eacute;l&eacute;ment garde sa propre lumi&egrave;re, son propre contraste, sa propre saturation, et l&#39;&oelig;il le rep&egrave;re tout de suite.</strong> Cet atelier dans Affinity prend trois images qui n&#39;ont rien &agrave; voir entre elles et les fond dans une seule sc&egrave;ne, avec un d&eacute;cor flout&eacute;, une source de lumi&egrave;re choisie et un contre-jour qui traverse les deux animaux. Vous repartez avec un encha&icirc;nement de calques rejouable sur n&#39;importe quel assemblage de photos. <h2>Harmoniser des photos disparates : ce que vous saurez faire</h2> Chaque &eacute;tape r&eacute;pond &agrave; un d&eacute;faut visible sur l&#39;image et le corrige de fa&ccedil;on non destructive. <ul> <li>Construire une composition sur un contraste de taille et un &eacute;change de regards</li> <li>Isoler un arri&egrave;re-plan au pinceau de s&eacute;lection et le flouter sur un calque s&eacute;par&eacute;</li> <li>Diriger la lumi&egrave;re avec une ombre au pinceau et un halo en lumi&egrave;re tamis&eacute;e</li> <li>Cr&eacute;er un contre-jour sur un sujet avec un r&eacute;glage Niveaux masqu&eacute;</li> <li>Appuyer un liser&eacute; lumineux par un r&eacute;glage TSL en densit&eacute; couleur moins</li> <li>Ramener un &eacute;l&eacute;ment trop satur&eacute; au niveau du reste de la sc&egrave;ne</li> </ul> <h3>Deux temps pour chaque lumi&egrave;re : d&eacute;boucher, puis appuyer</h3> La m&eacute;thode est la m&ecirc;me pour le d&eacute;cor, le renard et l&#39;oiseau, et c&#39;est ce qui la rend transf&eacute;rable. On assombrit d&#39;abord le pourtour pour enfermer le regard, on fait ressortir l&#39;int&eacute;rieur, puis on vient poser un effet plus marqu&eacute; sur un masque rempli de noir que l&#39;on d&eacute;voile par petites touches &agrave; 10 % d&#39;opacit&eacute;. Les modes de fusion font le reste : lumi&egrave;re tamis&eacute;e pour le halo du d&eacute;cor, incrustation pour l&#39;&oelig;il du renard, densit&eacute; couleur moins pour le liser&eacute; de contre-jour. Vous verrez aussi pourquoi un masque pos&eacute; sur un calque de r&eacute;glage densifie parfois les contours, et comment s&#39;en d&eacute;barrasser. La m&ecirc;me logique est pouss&eacute;e plus loin dans le photomontage d&#39;une lune g&eacute;ante vue depuis une grotte, du m&ecirc;me formateur. <h3>Des PNG d&eacute;j&agrave; d&eacute;tour&eacute;s pour aller droit &agrave; la composition</h3> Le dossier fourni contient la for&ecirc;t en JPG et les deux animaux en PNG transparents. Le d&eacute;tourage n&#39;est pas le sujet de cet atelier, il a &eacute;t&eacute; fait pour vous, et le temps gagn&eacute; va dans ce qui compte ici : l&#39;&eacute;quilibre de la composition, la direction de la lumi&egrave;re et l&#39;harmonisation des couleurs. Chaque &eacute;tape se termine par un enregistrement versionn&eacute;, une habitude que le formateur r&eacute;p&egrave;te &agrave; chaque atelier et qui &eacute;vite de tout reprendre quand une retouche part trop loin. <h3>Pour qui</h3> Pour qui d&eacute;bute en photomontage dans Affinity et veut comprendre pourquoi ses assemblages ne tiennent pas ensemble. Il faut savoir ouvrir un document, ins&eacute;rer une image et ajouter un calque ; tout le reste est montr&eacute; ; si vous n&#39;avez jamais ouvert le logiciel, la pr&eacute;sentation gratuite d&#39;Affinity Studio fait le tour de l&#39;interface en quelques minutes. L&#39;atelier dure 40 minutes et est tourn&eacute; sur Affinity 3.3. Quelques raccourcis, comme le changement de taille d&#39;outil, sont rappel&eacute;s rapidement plut&ocirc;t que r&eacute;expliqu&eacute;s. <h3>Pour aller plus loin</h3> Si c&#39;est la retouche d&#39;animaux sur une seule photo qui vous int&eacute;resse, sans assemblage, les dix ateliers de retouche animali&egrave;re dans Affinity partent d&#39;une image brute &agrave; chaque fois. https://fr.tuto.com/affinity/photomontage-animalier-affinity-renard-colibri,222321.html Thu, 05 Nov 2026 09:46:40 +0100 Siri AI sur Mac : confiez agenda, recherches et automatisations à votre assistant IA https://fr.tuto.com/mac-os/siri-ai-mac-assistant-ia,222311.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222311.jpg"/><br><strong>Retrouver une info noy&eacute;e dans vos messages, recaler un rendez-vous, refaire chaque matin les m&ecirc;mes manipulations</strong> : avec Siri AI, le nouveau Siri du Mac devient un assistant capable de le faire &agrave; votre place. Ce cours vous apprend &agrave; lui parler en langage courant pour g&eacute;rer agenda et rappels, retrouver un message, un mail ou un fichier, corriger et r&eacute;sumer vos textes, analyser ce qui s&#39;affiche &agrave; l&#39;&eacute;cran, puis &agrave; lui faire cr&eacute;er vos raccourcis et automatisations en une simple phrase. Votre Mac travaille pour vous, sans aucune application &agrave; installer. <h2>Assistant Siri AI sur Mac : ce que vous saurez faire</h2> Des r&eacute;flexes utiles d&egrave;s la premi&egrave;re conversation, qui resteront valables quand l&#39;assistant aura quitt&eacute; la b&ecirc;ta. <ul> <li>Formuler une demande assez pr&eacute;cise pour que Siri agisse du premier coup</li> <li>Encha&icirc;ner Plans, Calendrier et Rappels sans ouvrir une seule application</li> <li>Retrouver une info dans vos messages sans savoir qui l&#39;a envoy&eacute;e</li> <li>R&eacute;&eacute;crire, r&eacute;sumer ou simplifier un texte dans n&#39;importe quelle application</li> <li>Identifier un objet, un lieu ou un produit depuis une capture d&#39;&eacute;cran</li> <li>D&eacute;crire un raccourci en fran&ccedil;ais et laisser l&#39;IA l&#39;assembler</li> <li>Programmer une routine qui se d&eacute;clenche seule chaque matin</li> </ul> <h3>Siri AI ou Apple Intelligence : ce que ce cours ajoute</h3> Apple Intelligence a d&#39;abord apport&eacute; des outils s&eacute;par&eacute;s, r&eacute;&eacute;criture, Image Playground, GenMoji, pr&eacute;sent&eacute;s dans la formation Apple Intelligence sur Mac, iPhone et iPad. Siri AI change de logique. C&#39;est un assistant qui conna&icirc;t le contexte de votre Mac : il lit vos messages et vos mails pour r&eacute;pondre, puis agit dans plusieurs applications &agrave; la suite. Spotlight lui est d&eacute;sormais rattach&eacute;. Commande Espace ouvre la m&ecirc;me conversation, et les Actions lancent un nouvel &eacute;v&eacute;nement ou une note en deux lettres. Le cours est tourn&eacute; sur la b&ecirc;ta de macOS 27.2, en fran&ccedil;ais. Il ne cache pas les rat&eacute;s : une demande trop vague, une application que Siri refuse d&#39;ouvrir, et la reformulation qui d&eacute;bloque la situation. <h3>Raccourcis et automatisations d&eacute;crits en langage courant</h3> L&#39;application Raccourcis existait d&eacute;j&agrave;, mais il fallait assembler chaque action &agrave; la main. D&eacute;sormais, vous d&eacute;crivez ce que vous voulez, par exemple activer R&eacute;duire les interruptions, ouvrir une nouvelle note et afficher votre prochain rendez-vous, et l&#39;IA construit le raccourci. Le cours montre comment le corriger quand l&#39;IA remplace une &eacute;tape au lieu de l&#39;ajouter. Il montre ensuite comment le transformer en automatisation : une routine matinale &agrave; 9 h, ou le dossier T&eacute;l&eacute;chargements vid&eacute; chaque jour. Sur iPhone, la m&ecirc;me d&eacute;marche est d&eacute;taill&eacute;e dans les Raccourcis iPhone pilot&eacute;s par l&#39;IA. Deux d&eacute;fis cl&ocirc;turent la formation : b&acirc;tir une strat&eacute;gie &agrave; partir de plusieurs documents, puis analyser une carte avec l&#39;intelligence visuelle. <h3>Pour qui</h3> Ce cours s&#39;adresse aux utilisateurs de Mac qui savent d&eacute;j&agrave; naviguer dans macOS, ouvrir leurs applications et g&eacute;rer leurs fichiers. Aucune connaissance en intelligence artificielle n&#39;est n&eacute;cessaire. Si vous d&eacute;butez compl&egrave;tement, commencez par la prise en main du Mac pour d&eacute;butant. Il faut un Mac &agrave; puce Apple, M1 ou plus r&eacute;cent, sous macOS 27.2, la version qui apporte Siri AI en fran&ccedil;ais. Les d&eacute;monstrations s&#39;appuient sur Messages, Mail, Calendrier, Rappels, Notes, Plans et Photos, avec de vraies donn&eacute;es : plus vos applications sont remplies, plus l&#39;assistant a de mati&egrave;re. <h3>Pour aller plus loin</h3> Vous voulez aussi exploiter ce que macOS sait faire sans IA : dossiers intelligents, Aper&ccedil;u, actions rapides et Stage Manager font l&#39;objet d&#39;un cours d&eacute;di&eacute;. https://fr.tuto.com/mac-os/siri-ai-mac-assistant-ia,222311.html Sun, 01 Nov 2026 19:58:27 +0100 Nettoyer et entretenir son Mac : récupérez de l'espace, ménagez la batterie, sauvegardez sans rien casser https://fr.tuto.com/mac-os/nettoyer-entretenir-mac-stockage-batterie-time-machine,222381.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222381.jpg"/><br>Le disque affiche quelques gigas de libre, l&#39;export ne se termine jamais et <strong>vous ne savez pas quoi supprimer sans prendre de risque</strong>. Ce cours vous montre o&ugrave; part r&eacute;ellement l&#39;espace de votre Mac, comment en r&eacute;cup&eacute;rer des dizaines de gigas en quelques clics, quels r&eacute;glages pr&eacute;servent la batterie et comment mettre en place une sauvegarde Time Machine qui tourne toute seule. Vous repartez avec une routine d&#39;entretien courte, &agrave; r&eacute;p&eacute;ter chaque semaine, chaque mois et chaque trimestre, pour garder un Mac rapide et des donn&eacute;es &agrave; l&#39;abri. <h2>Entretien d&#39;un Mac : ce que vous saurez faire</h2> Des gestes qui restent valables au fil des versions de macOS. <ul> <li>Lire la r&eacute;partition du stockage et rep&eacute;rer ce qui p&egrave;se vraiment</li> <li>Supprimer sans regret les anciennes sauvegardes iPhone et les films t&eacute;l&eacute;charg&eacute;s</li> <li>D&eacute;porter une phototh&egrave;que ou une biblioth&egrave;que vid&eacute;o sur un disque externe</li> <li>Choisir entre iCloud Drive et disque externe selon l&#39;usage du fichier</li> <li>R&eacute;gler la limite de recharge et le mode d&#39;&eacute;nergie adapt&eacute;s &agrave; votre rythme</li> <li>Choisir un chargeur et un c&acirc;ble &agrave; la bonne puissance pour votre MacBook</li> <li>Configurer, chiffrer et v&eacute;rifier une sauvegarde Time Machine</li> </ul> <h3>Stockage satur&eacute; : les r&eacute;servoirs cach&eacute;s que le cours vide un par un</h3> La s&eacute;ance de nettoyage part de R&eacute;glages Syst&egrave;me, section Stockage, et passe en revue chaque cat&eacute;gorie avec les chiffres &agrave; l&#39;&eacute;cran : une sauvegarde d&#39;iPhone de plusieurs gigas, un film en 4K oubli&eacute; dans l&#39;app TV, des &eacute;pisodes de podcast et de Canal+ t&eacute;l&eacute;charg&eacute;s pour un voyage, une corbeille jamais vid&eacute;e, un navigateur en double. Vous apprenez ensuite &agrave; trier les fichiers volumineux par taille, &agrave; retrouver o&ugrave; ils se cachent et &agrave; d&eacute;placer une biblioth&egrave;que Final Cut Pro, Logic Pro ou une phototh&egrave;que sur un disque externe sans perdre l&#39;acc&egrave;s. Le formateur fixe une marge &agrave; conserver, autour de vingt gigas, et explique pourquoi certaines applications bloquent en silence quand elle n&#39;est plus l&agrave;. Pour le tri dans Photos lui-m&ecirc;me, le cours sur l&#39;application Photos du Mac prend le relais. <h3>OnyX, batterie et Time Machine : les trois chantiers que l&#39;on remet toujours &agrave; plus tard</h3> OnyX est install&eacute; depuis le site de l&#39;&eacute;diteur, autoris&eacute; dans les r&eacute;glages de s&eacute;curit&eacute; et lanc&eacute; avec sa maintenance par d&eacute;faut, sans toucher aux cases avanc&eacute;es : c&#39;est l&#39;usage prudent que le cours recommande, une fois par mois. C&ocirc;t&eacute; batterie, deux le&ccedil;ons distinguent ce qui l&#39;use, la chaleur et les cycles complets, de ce qui la m&eacute;nage, la limite de recharge &agrave; 80 %, la recharge optimis&eacute;e et un chargeur dimensionn&eacute; pour la machine. Time Machine occupe la le&ccedil;on la plus longue : choix du disque, chiffrement, exclusion de dossiers, premi&egrave;re sauvegarde et lecture de l&#39;historique, avec une erreur de disque satur&eacute; trait&eacute;e en direct. Si vous pensiez qu&#39;iCloud sauvegardait d&eacute;j&agrave; votre Mac, le cours gratuit sur les erreurs &agrave; &eacute;viter sur Mac explique pourquoi ce n&#39;est pas le cas. <h3>Pour qui</h3> Toute personne qui utilise un Mac au quotidien, sans aucune notion technique : chaque manipulation est montr&eacute;e clic par clic dans R&eacute;glages Syst&egrave;me et le Finder. Le cours est film&eacute; sur un MacBook Pro &agrave; puce Apple sous une version r&eacute;cente de macOS. Les le&ccedil;ons sur la batterie et le chargeur concernent les portables ; sur un iMac ou un Mac mini, vous profiterez surtout des parties stockage, OnyX et Time Machine. Pr&eacute;voyez un disque externe vide pour la sauvegarde. Si vous d&eacute;butez compl&egrave;tement, la prise en main du Mac pour d&eacute;butant pose les bases avant celui-ci. <h3>Pour aller plus loin</h3> Une fois le Mac all&eacute;g&eacute; et sauvegard&eacute;, les astuces et r&eacute;glages pour utiliser son Mac comme un pro vous font gagner du temps chaque semaine. https://fr.tuto.com/mac-os/nettoyer-entretenir-mac-stockage-batterie-time-machine,222381.html Thu, 05 Nov 2026 09:42:40 +0100 10 Ateliers et exercices pratiques dans Photoshop https://fr.tuto.com/photoshop/exercices-pratiques-photoshop-affiches-effets,220911.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/220911.jpg"/><br>Conna&icirc;tre les calques, les masques et les pinceaux un par un ne suffit pas : <strong>devant une affiche &agrave; cr&eacute;er, on ne sait plus dans quel ordre les encha&icirc;ner</strong>. Ces exercices vous font r&eacute;aliser de bout en bout des visuels tr&egrave;s diff&eacute;rents, une affiche de randonn&eacute;e pr&ecirc;te pour l&#39;impression, un poster grunge, une affiche de film d&#39;horreur, un collage vintage, un effet n&eacute;on, des portraits en croquis ou en noir et blanc. &Agrave; chaque projet, les m&ecirc;mes outils reviennent dans un autre contexte, jusqu&#39;&agrave; devenir des r&eacute;flexes. <h2>Exercices pratiques Photoshop : ce que vous saurez faire</h2> Des gestes de production, r&eacute;utilisables sur vos propres visuels. <ul> <li>Pr&eacute;parer un document d&#39;impression avec fond perdu et rep&egrave;res</li> <li>Garder chaque &eacute;l&eacute;ment modifiable gr&acirc;ce aux objets dynamiques</li> <li>Fondre photos et textures pour vieillir ou salir un visuel</li> <li>Construire une lueur n&eacute;on avec la plume et les options de fusion</li> <li>Transformer un portrait en croquis ou en noir et blanc contrast&eacute;</li> <li>Donner du mouvement &agrave; une image avec le flou directionnel</li> <li>Exploiter des pinceaux import&eacute;s dans un masque d&#39;&eacute;cr&ecirc;tage</li> </ul> <h3>Affiches et posters : quatre ambiances avec les m&ecirc;mes outils</h3> Le c&oelig;ur du cours, ce sont les affiches. L&#39;affiche de randonn&eacute;e part d&#39;un A4 avec fond perdu, trace un chemin dans la montagne au lasso et se termine par la partie typographique. Le poster grunge reprend le style d&eacute;structur&eacute; des affiches de films de super-h&eacute;ros : textures, trames et grain viennent ab&icirc;mer volontairement l&#39;image. L&#39;affiche d&#39;horreur pousse le noir et blanc tr&egrave;s sombre et utilise un long texte comme mati&egrave;re graphique. Le poster pour un club de danse ou de th&eacute;&acirc;tre montre ce qu&#39;on obtient avec trois packs de pinceaux fournis, gliss&eacute;s dans un masque d&#39;&eacute;cr&ecirc;tage. Si le r&eacute;glage des brushs vous est encore flou, le chapitre dessiner et peindre dans Photoshop avec les pinceaux le pose en d&eacute;tail. Les images et les PSD de chaque exercice sont fournis : vous reproduisez exactement la d&eacute;monstration avant de l&#39;adapter &agrave; vos photos. <h3>S&eacute;lection de sujet et remplissage g&eacute;n&eacute;ratif : la part de l&#39;IA</h3> Presque tous les exercices commencent par isoler un personnage avec S&eacute;lectionner un sujet, puis affiner au masque de fusion quand les cheveux r&eacute;sistent. L&#39;exercice du couple va plus loin : la s&eacute;lection est dilat&eacute;e, puis le remplissage g&eacute;n&eacute;ratif reconstruit l&#39;arri&egrave;re-plan avant que les pinceaux texturent l&#39;ensemble. Le formateur ne cache pas les temps de calcul sur les grandes images, ce qui donne une id&eacute;e juste de l&#39;outil en production. Pour comparer les m&eacute;thodes de s&eacute;lection, voyez le choix du bon outil de d&eacute;tourage, de la plume &agrave; l&#39;IA, et pour aller plus loin sur la g&eacute;n&eacute;ration, l&#39;IA et les actions dans Photoshop. <h3>Pour qui</h3> Le badge indique D&eacute;butant, et c&#39;est juste &agrave; condition d&#39;avoir d&eacute;j&agrave; manipul&eacute; les calques, les masques de fusion et les objets dynamiques : les exercices les mobilisent sans r&eacute;expliquer leur fonctionnement. Une version r&eacute;cente de Photoshop CC est n&eacute;cessaire. Une tablette graphique rend le portrait en croquis plus confortable, la souris suffit pour tout le reste. <h3>Pour aller plus loin</h3> Vous partez de z&eacute;ro et l&#39;interface vous est encore &eacute;trang&egrave;re : commencez par le chapitre d&eacute;buter sur Photoshop avec l&#39;interface et les calques, puis revenez &agrave; ces exercices. https://fr.tuto.com/photoshop/exercices-pratiques-photoshop-affiches-effets,220911.html Sun, 01 Nov 2026 19:48:16 +0100 Photomontage fantastique dans Affinity : une lune géante vue depuis une grotte https://fr.tuto.com/affinity-photo/photomontage-fantastique-affinity,222221.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/222221.jpg"/><br>Vous superposez une grotte, une lune et un personnage, et l&#39;image crie le montage : <strong>chaque photo garde sa propre lumi&egrave;re et ses propres couleurs, et le personnage semble flotter au-dessus du sol</strong>. Dans cet atelier, vous construisez pas &agrave; pas une sc&egrave;ne fantastique sur images fournies, une lune g&eacute;ante aper&ccedil;ue depuis l&#39;ouverture d&#39;une grotte, et vous apprenez surtout &agrave; la rendre coh&eacute;rente : une source de lumi&egrave;re unique peinte sur chaque &eacute;l&eacute;ment, une p&eacute;nombre bleut&eacute;e commune, une ombre qui pose le personnage au sol. Tout reste non destructif, chaque r&eacute;glage se reprend jusqu&#39;&agrave; la derni&egrave;re minute. <h2>Photomontage dans Affinity : ce que vous saurez faire</h2> Une m&eacute;thode qui se transpose &agrave; n&#39;importe quel montage de plusieurs photos. <ul> <li>Creuser une ouverture dans une photo avec le pinceau de s&eacute;lection et un masque</li> <li>Choisir une direction de lumi&egrave;re et la tenir sur tous les &eacute;l&eacute;ments</li> <li>Peindre la lumi&egrave;re au pinceau sur le masque d&#39;un r&eacute;glage Niveaux</li> <li>Limiter un r&eacute;glage &agrave; un seul calque sans toucher au reste</li> <li>Teinter les ombres en bleu plut&ocirc;t que de les boucher au noir</li> <li>Ancrer un personnage au sol avec une ombre port&eacute;e simple</li> <li>Unifier l&#39;image finale avec du bruit, une dominante et un passe-haut</li> </ul> <h3>Cadre dans le cadre : la composition avant la technique</h3> L&#39;image repose sur une composition volontairement simple. L&#39;ouverture dans la roche forme un premier cadre autour du personnage, la lune vient le resserrer encore, et le regard reste enferm&eacute; sur le sujet. Le contraste fait le reste : une zone plus sombre derri&egrave;re le personnage le d&eacute;tache du fond. Le formateur prend le temps d&#39;expliquer ces choix avant de toucher au moindre r&eacute;glage, parce qu&#39;une technique pouss&eacute;e ne sauve pas une image mal compos&eacute;e, mal &eacute;clair&eacute;e ou mal color&eacute;e. <h3>Peindre la lumi&egrave;re sur un masque plut&ocirc;t que retoucher les photos</h3> Le d&eacute;cor et le personnage sont d&#39;abord assombris d&#39;un m&ecirc;me r&eacute;glage Niveaux, gliss&eacute; &agrave; l&#39;int&eacute;rieur de leur calque pour ne toucher qu&#39;eux. La lumi&egrave;re revient ensuite au pinceau noir sur le masque, par petites touches &agrave; 10 % d&#39;opacit&eacute;, uniquement du c&ocirc;t&eacute; o&ugrave; elle frappe : un liser&eacute; sur la droite de la paroi, un autre sur la silhouette. Le blanc rebouche ce qui est all&eacute; trop loin. C&#39;est ce geste, r&eacute;p&eacute;t&eacute; sur chaque &eacute;l&eacute;ment, qui donne l&#39;impression d&#39;une seule sc&egrave;ne. Pour aller plus loin sur les niveaux, les courbes et les effets de lueur, la retouche de la lumi&egrave;re dans Affinity Photo d&eacute;taille chaque outil. <h3>Un atelier sur images fournies, &agrave; rejouer sur vos photos</h3> Le d&eacute;cor, la lune et le personnage d&eacute;j&agrave; d&eacute;tour&eacute; sont fournis, et chaque valeur est donn&eacute;e &agrave; l&#39;&eacute;cran pour reproduire le rendu &agrave; l&#39;identique. Le formateur conseille d&#39;enregistrer une version &agrave; chaque &eacute;tape et explique comment choisir vos propres images : une direction de lumi&egrave;re compatible avec la sc&egrave;ne, ou des photos assez plates pour &ecirc;tre model&eacute;es. Dans la m&ecirc;me veine, l&#39;affiche pop art &agrave; partir d&#39;un portrait, du m&ecirc;me formateur, applique cette logique de r&eacute;glages imbriqu&eacute;s &agrave; un tout autre rendu. <h3>Pour qui</h3> Le badge D&eacute;butant est coh&eacute;rent avec le rythme : chaque clic est montr&eacute;, les masques et les calques de r&eacute;glage sont expliqu&eacute;s au moment o&ugrave; ils servent, les raccourcis de navigation aussi. Il faut tout de m&ecirc;me savoir ce qu&#39;est un calque et rep&eacute;rer le panneau Calques. Si ce n&#39;est pas encore le cas, les fondamentaux du module Pixel d&#39;Affinity posent ce socle. L&#39;atelier est tourn&eacute; sur la nouvelle application Affinity, sur un document de 4000 &times; 6000 pixels. <h3>Pour aller plus loin</h3> Vous voulez d&eacute;passer l&#39;atelier et ma&icirc;triser toute l&#39;application, du pixel &agrave; la mise en page : la formation compl&egrave;te Affinity Studio prend le relais. https://fr.tuto.com/affinity-photo/photomontage-fantastique-affinity,222221.html Tue, 27 Oct 2026 18:35:03 +0100 Toggle switch dark mode en CSS : un interrupteur de thème accessible qui retient le choix https://fr.tuto.com/css/toggle-switch-dark-mode-css-accessible-localstorage,219981.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219981.jpg"/><br>Votre bouton dark mode change bien les couleurs, mais <strong>au rechargement le site repart en clair, et un lecteur d&#39;&eacute;cran l&#39;annonce comme un simple bouton sans &eacute;tat</strong>. Ce cours construit l&#39;interrupteur de th&egrave;me complet, du HTML s&eacute;mantique au JavaScript : un vrai switch accessible au clavier, qui suit d&#39;abord le th&egrave;me du syst&egrave;me, puis retient le choix du visiteur d&#39;une visite &agrave; l&#39;autre. Vous repartez avec un composant autonome, rang&eacute; dans une biblioth&egrave;que que vous r&eacute;utilisez sur n&#39;importe quel projet. <h2>Toggle switch dark mode : ce que vous saurez faire</h2> Le composant mobilise tout ce que la s&eacute;rie CSS moderne a pos&eacute; jusqu&#39;ici, appliqu&eacute; &agrave; un cas r&eacute;el. <ul> <li>Transformer un button en switch accessible avec role et aria-checked</li> <li>Relier un libell&eacute; visible &agrave; son contr&ocirc;le avec aria-labelledby</li> <li>Offrir un lien d&#39;&eacute;vitement aux visiteurs qui naviguent au clavier</li> <li>Donner &agrave; chaque composant son propre contrat de tokens locaux</li> <li>Styler les &eacute;tats d&#39;un composant &agrave; partir de ses attributs ARIA</li> <li>Hi&eacute;rarchiser choix m&eacute;moris&eacute;, pr&eacute;f&eacute;rence syst&egrave;me et th&egrave;me par d&eacute;faut</li> <li>Livrer un composant autonome, int&eacute;grable avec @import et layer()</li> </ul> <h3>Un switch pilot&eacute; par aria-checked, sans case &agrave; cocher</h3> Plut&ocirc;t que de d&eacute;tourner une case &agrave; cocher, le cours part d&#39;un &eacute;l&eacute;ment button, d&eacute;j&agrave; focalisable et activable au clavier, et lui donne le r&ocirc;le de switch. L&#39;&eacute;tat ne vit qu&#39;&agrave; un seul endroit, l&#39;attribut aria-checked : le CSS s&#39;en sert pour d&eacute;placer la pastille et changer la couleur, le JavaScript le met &agrave; jour, le lecteur d&#39;&eacute;cran le lit. Le libell&eacute; visible suit le mouvement, &laquo; Passer en th&egrave;me sombre &raquo; ou &laquo; Passer en th&egrave;me clair &raquo;, pour que chacun sache ce que fera le clic. Pour creuser les r&ocirc;les ARIA pos&eacute;s sur un &eacute;l&eacute;ment non natif, le cours sur le bouton accessible sans balise button en d&eacute;taille les m&eacute;canismes. <h3>Pr&eacute;f&eacute;rence syst&egrave;me ou choix m&eacute;moris&eacute; : qui d&eacute;cide du th&egrave;me</h3> Au premier passage, le site respecte le r&eacute;glage du syst&egrave;me via prefers-color-scheme. D&egrave;s que le visiteur touche l&#39;interrupteur, son choix est enregistr&eacute; dans le localStorage et prend le dessus, y compris lorsqu&#39;il revient quelques jours plus tard. Si le JavaScript est d&eacute;sactiv&eacute;, l&#39;attribut data-theme pos&eacute; dans le HTML garantit un th&egrave;me par d&eacute;faut. Les couleurs claires et sombres viennent du cours pr&eacute;c&eacute;dent sur le dark mode en CSS natif : ici, on branche l&#39;interrupteur dessus. <h3>Une biblioth&egrave;que de composants r&eacute;utilisables</h3> Le dernier chapitre range le switch dans un dossier autonome : HTML, CSS, JavaScript, fichier exemple et README. Le CSS s&#39;importe avec @import et layer() pour respecter l&#39;ordre des couches du projet h&ocirc;te, sans alourdir la feuille principale. Le code du cours et cette biblioth&egrave;que font partie des fichiers fournis, et la s&eacute;rie y ajoutera un composant accord&eacute;on au prochain &eacute;pisode. <h3>Pour qui</h3> Le badge Interm&eacute;diaire est juste, &agrave; une condition : ce cours est le sixi&egrave;me &eacute;pisode d&#39;une s&eacute;rie et s&#39;appuie sur la feuille de style mod&egrave;le construite dans les &eacute;pisodes pr&eacute;c&eacute;dents, en particulier les variables CSS et design tokens. Il faut aussi &ecirc;tre &agrave; l&#39;aise avec les bases de JavaScript : constantes, fonctions, &eacute;couteurs d&#39;&eacute;v&eacute;nements. Aucun framework : HTML, CSS et JavaScript natifs, dans un navigateur r&eacute;cent. <h3>Pour aller plus loin</h3> Vous d&eacute;couvrez la s&eacute;rie par cet &eacute;pisode et voulez comprendre pourquoi tout repose sur les couches CSS : commencez par cascade, sp&eacute;cificit&eacute; et layers, le premier &eacute;pisode. https://fr.tuto.com/css/toggle-switch-dark-mode-css-accessible-localstorage,219981.html Fri, 23 Oct 2026 16:14:49 +0200