Derniers tutorials ajoutés (Tuto.com)

Photomontage fantastique dans Affinity : une lune géante vue depuis une grotte

Tue, 27 Oct 2026 18:35:03 +0100

Vous superposez une grotte, une lune et un personnage, et l'image crie le montage : chaque photo garde sa propre lumière et ses propres couleurs, et le personnage semble flotter au-dessus du sol. Dans cet atelier, vous construisez pas à pas une scène fantastique sur images fournies, une lune géante aperçue depuis l'ouverture d'une grotte, et vous apprenez surtout à la rendre cohérente : une source de lumière unique peinte sur chaque élément, une pénombre bleutée commune, une ombre qui pose le personnage au sol. Tout reste non destructif, chaque réglage se reprend jusqu'à la dernière minute.

Photomontage dans Affinity : ce que vous saurez faire

Une méthode qui se transpose à n'importe quel montage de plusieurs photos.

Creuser une ouverture dans une photo avec le pinceau de sélection et un masque
Choisir une direction de lumière et la tenir sur tous les éléments
Peindre la lumière au pinceau sur le masque d'un réglage Niveaux
Limiter un réglage à un seul calque sans toucher au reste
Teinter les ombres en bleu plutôt que de les boucher au noir
Ancrer un personnage au sol avec une ombre portée simple
Unifier l'image finale avec du bruit, une dominante et un passe-haut

Cadre dans le cadre : la composition avant la technique

L'image repose sur une composition volontairement simple. L'ouverture dans la roche forme un premier cadre autour du personnage, la lune vient le resserrer encore, et le regard reste enfermé sur le sujet. Le contraste fait le reste : une zone plus sombre derrière le personnage le détache du fond. Le formateur prend le temps d'expliquer ces choix avant de toucher au moindre réglage, parce qu'une technique poussée ne sauve pas une image mal composée, mal éclairée ou mal colorée.

Peindre la lumière sur un masque plutôt que retoucher les photos

Le décor et le personnage sont d'abord assombris d'un même réglage Niveaux, glissé à l'intérieur de leur calque pour ne toucher qu'eux. La lumière revient ensuite au pinceau noir sur le masque, par petites touches à 10 % d'opacité, uniquement du côté où elle frappe : un liseré sur la droite de la paroi, un autre sur la silhouette. Le blanc rebouche ce qui est allé trop loin. C'est ce geste, répété sur chaque élément, qui donne l'impression d'une seule scène. Pour aller plus loin sur les niveaux, les courbes et les effets de lueur, la retouche de la lumière dans Affinity Photo détaille chaque outil.

Un atelier sur images fournies, à rejouer sur vos photos

Le décor, la lune et le personnage déjà détouré sont fournis, et chaque valeur est donnée à l'écran pour reproduire le rendu à l'identique. Le formateur conseille d'enregistrer une version à chaque étape et explique comment choisir vos propres images : une direction de lumière compatible avec la scène, ou des photos assez plates pour être modelées. Dans la même veine, l'affiche pop art à partir d'un portrait, du même formateur, applique cette logique de réglages imbriqués à un tout autre rendu.

Pour qui

Le badge Débutant est cohérent avec le rythme : chaque clic est montré, les masques et les calques de réglage sont expliqués au moment où ils servent, les raccourcis de navigation aussi. Il faut tout de même savoir ce qu'est un calque et repérer le panneau Calques. Si ce n'est pas encore le cas, les fondamentaux du module Pixel d'Affinity posent ce socle. L'atelier est tourné sur la nouvelle application Affinity, sur un document de 4000 × 6000 pixels.

Pour aller plus loin

Vous voulez dépasser l'atelier et maîtriser toute l'application, du pixel à la mise en page : la formation complète Affinity Studio prend le relais.

Créer vos widgets Genially avec Claude : décrivez votre idée, l'IA écrit le code

Tue, 27 Oct 2026 18:43:17 +0100

Vous avez une idée précise d'activité interactive pour votre Genially, mais les composants tout faits n'y correspondent pas et vous ne savez pas coder. Avec Claude, il suffit de décrire le widget voulu en langage courant : l'IA écrit le code, vous testez, vous demandez des ajustements. Le métaprompt fourni cadre ce dialogue dès la première demande, en vous posant les questions qui comptent et en intégrant les contraintes techniques de Genially. Vous repartez avec un widget qui fonctionne, inséré en élément enrichi ou généré par l'AI Builder.

Widgets Genially avec Claude : ce que vous saurez faire

Le cours suit la création complète d'un simulateur de budget, de l'idée au widget testé dans une présentation.

Choisir entre composant IA, widget AI Builder et élément enrichi
Formuler une demande qui aboutit sans multiplier les corrections
Installer un métaprompt dans un projet Claude réutilisable
Obtenir un code HTML autonome qui s'insère sans erreur dans Genially
Préparer un prompt et un PDF source pour l'AI Builder
Changer couleurs et polices d'un widget par rechercher-remplacer
Signaler un bug à l'IA et récupérer une version corrigée

Élément enrichi ou AI Builder : deux destinations, deux usages

Le même métaprompt prépare les deux. L'élément enrichi se retouche dans Claude sans consommer de crédits IA côté Genially et se traduit intégralement, mais chaque changement impose de recoller le code dans l'éditeur. Le widget AI Builder se règle directement dans le panneau de configuration de Genially et accepte votre kit de marque ; en revanche, chaque nouvelle version coûte 30 crédits IA et seuls les textes configurables se traduisent. Le comparatif final vous aide à trancher selon les modifications que vous anticipez. Pour exploiter le constructeur intégré dans toutes ses fonctions, le cours Genially AI Builder : maîtriser les widgets IA le détaille de bout en bout.

Un métaprompt qui connaît les contraintes de Genially

Un widget qui défile dans la slide, un code refusé à l'insertion, un tracking qui bloque les tentatives : ces écueils viennent des contraintes propres à Genially. Le métaprompt les intègre d'office. Il fait endosser à Claude un rôle de développeur front-end, lui impose cinq choix avant de construire (destination, format de slide, documents de référence, charte graphique, badge IA) et exige un code HTML autonome, sans dépendance externe ni stockage local. Vous l'installez une fois dans un projet Claude et le réutilisez pour chaque nouveau widget : simulateur, outil interactif, activité pédagogique ou mini-jeu.

Pour qui

Enseignants, formateurs, concepteurs pédagogiques et créateurs de contenus qui utilisent déjà Genially. Aucune notion de programmation n'est requise : le niveau débutant vaut pour le code, pas pour Genially, dont il vaut mieux connaître l'éditeur. Si ce n'est pas encore le cas, commencez par les principales fonctionnalités de Genially. Une vidéo d'ouverture présente la nouvelle interface de l'éditeur, apparue pendant le tournage, pour que vous vous repériez dans les démonstrations.

Pour aller plus loin

Si vous préférez rester sur les composants clés en main sans passer par Claude, le cours consacré aux outils IA intégrés à Genially les passe en revue.

Changer une couleur dans Affinity : trois méthodes et celle qui marche vraiment

Tue, 27 Oct 2026 18:46:42 +0100

Une seule couleur détonne sur votre photo, alors que tout le reste est réussi. Plutôt que de retoucher l'image entière, vous apprenez à cibler cette teinte précise dans Affinity et à la remplacer par celle de votre choix, sans abîmer les couleurs voisines ni l'original. Trois méthodes sont comparées sur la même image, avec un avis net sur celle à privilégier.

Changement de couleur : ce que vous saurez faire

Des gestes qui servent sur n'importe quelle photo, du produit au portrait.

Modifier une seule teinte sans altérer les couleurs proches
Resserrer la plage ciblée au cercle chromatique pour des transitions propres
Désigner la couleur à changer d'un clic, directement sur l'image
Effacer un débordement au masque sans recommencer le réglage
Choisir entre TSL, correction sélective et pinceau selon l'image
Garder un original intact en travaillant sur un calque dupliqué

Réglage TSL, correction sélective ou pinceau de remplacement : lequel choisir

Les trois outils changent une couleur, mais pas avec la même fiabilité. Le calque de réglage TSL reste la méthode la plus souple : il agit par famille de couleurs et se corrige à tout moment. La correction sélective offre moins de latitude, en échange d'un rendu souvent plus doux. Le pinceau de remplacement de couleur, lui, peine encore à distinguer les zones de l'image et n'a pas d'option d'échantillonnage : la vidéo montre ses réglages, puis explique pourquoi il vaut mieux ne pas en faire son premier réflexe. Quand la zone à recolorer est difficile à isoler, une sélection propre fait gagner du temps : c'est l'objet du cours pour maîtriser le détourage et les outils de sélection dans Affinity.

Pour qui

Le badge indique Débutant, et c'est juste : il suffit de savoir où se trouve le panneau Calques. La démonstration se fait dans le studio Pixel de la version unifiée d'Affinity, et les calques de réglage fonctionnent de la même façon dans les autres studios. Une vidéo d'environ cinq minutes. Si vous ouvrez Affinity pour la première fois, commencez par prendre en main la suite Affinity en une heure.

Pour aller plus loin

Vous voulez corriger la lumière, le contraste et les couleurs d'une photo de bout en bout, et pas seulement une teinte : le cours Affinity Studio, maîtriser la retouche photo reprend les calques de réglage dans un vrai flux de travail.

IA et actions dans Photoshop : générez, retouchez et automatisez vos tâches répétitives

Mon, 26 Oct 2026 09:50:47 +0100

Refaire à la main les mêmes recadrages, détourages et réglages sur chaque photo finit par dévorer des journées entières. Photoshop sait désormais prendre le relais sur deux fronts : l'IA générative pour agrandir un cadrage, remplacer un objet, harmoniser un montage ou faire pivoter un élément photographié, et les actions pour transformer une suite de manipulations en un seul clic, sur une image comme sur un dossier entier. Vous repartez avec vos propres actions prêtes à servir et une idée claire de ce que l'IA d'Adobe fait bien, et de ce qu'elle rate encore.

IA et actions dans Photoshop : ce que vous saurez faire

Chaque outil est testé sur de vraies photos, avec ses réussites et ses ratés.

Choisir entre Firefly, Gemini et Flux selon le rendu attendu
Agrandir un cadrage ou remplacer un objet sans quitter Photoshop
Fondre un élément rapporté dans un montage en quelques secondes
Agrandir une image basse définition sans perdre ses détails
Enregistrer une action réutilisable, avec un point d'arrêt de contrôle
Construire une action conditionnelle qui s'adapte au format de l'image
Appliquer un traitement à un dossier complet sans ouvrir chaque fichier

Firefly, Gemini ou Flux : quel modèle pour quelle image

Photoshop ne propose plus un seul moteur de génération. Le même prompt est lancé sur Firefly 3, Firefly 5 et les modèles partenaires Gemini et Flux, pour comparer perspective, lumière et lisibilité du texte. Le constat est franc : Firefly 5 écrase parfois les perspectives, Gemini 3.1 sait écrire du texte lisible, et seul Firefly 3 donne accès aux références de style, de composition et aux filtres de génération. Pour l'agrandissement, trois moteurs sont mis côte à côte et le formateur assume sa préférence pour Topaz Gigapixel, plus fidèle que Firefly. La génération est présentée comme un outil d'idéation, pas comme une fin : les meilleurs résultats viennent des outils qui transforment une photo existante, comme Harmoniser ou la rotation d'objet en 3D.

Des actions qui travaillent pour vous : détourage, format carré et fond blanc

La seconde moitié du cours passe de l'outil isolé à la chaîne de production. Après la prise en main du panneau Actions, l'atelier principal assemble trois actions : un détourage avec rognage automatique, puis une condition qui repère si la photo est en paysage ou en portrait pour la recentrer sur un format carré à fond blanc, le format type des fiches e-commerce. Le tout s'applique ensuite à un dossier entier par traitement par lot, ou par droplet en glissant les fichiers dessus. Deux actions créatives, un effet glitch et un filtre vintage avec point d'arrêt, montrent comment garder la main là où un réglage dépend de la photo. Le chapitre fait aussi le tour d'outils de gain de temps moins connus : l'outil cadre venu d'InDesign, l'historique des versions des documents cloud, les bibliothèques CC partagées entre logiciels Adobe et l'extraction de motifs et de couleurs avec Capture. Si le nouveau panneau Actions vous est inconnu, sa présentation gratuite en cinq minutes fait un bon échauffement. Les photos utilisées dans les démonstrations sont fournies avec le cours.

Pour qui

Le badge indique Débutant, mais le cours suppose d'être à l'aise avec les calques, les masques de fusion, les objets dynamiques et la sélection de sujet, que le formateur utilise sans les réexpliquer. Si ces bases manquent, le module Débuter sur Photoshop du même formateur les installe d'abord. Il faut une version récente de Photoshop, un compte Adobe disposant de crédits génératifs et une connexion correcte : la plupart des traitements IA tournent en ligne et prennent de une à cinq minutes.

Pour aller plus loin

Vous cherchez surtout à générer des images plutôt qu'à retoucher ou automatiser : le formateur rappelle que la version en ligne de Firefly est plus récente que celle intégrée à Photoshop, et la formation complète consacrée à Firefly prend le relais.

Toggle switch dark mode en CSS : un interrupteur de thème accessible qui retient le choix

Fri, 23 Oct 2026 16:14:49 +0200

Votre bouton dark mode change bien les couleurs, mais au rechargement le site repart en clair, et un lecteur d'écran l'annonce comme un simple bouton sans état. Ce cours construit l'interrupteur de thème complet, du HTML sémantique au JavaScript : un vrai switch accessible au clavier, qui suit d'abord le thème du système, puis retient le choix du visiteur d'une visite à l'autre. Vous repartez avec un composant autonome, rangé dans une bibliothèque que vous réutilisez sur n'importe quel projet.

Toggle switch dark mode : ce que vous saurez faire

Le composant mobilise tout ce que la série CSS moderne a posé jusqu'ici, appliqué à un cas réel.

Transformer un button en switch accessible avec role et aria-checked
Relier un libellé visible à son contrôle avec aria-labelledby
Offrir un lien d'évitement aux visiteurs qui naviguent au clavier
Donner à chaque composant son propre contrat de tokens locaux
Styler les états d'un composant à partir de ses attributs ARIA
Hiérarchiser choix mémorisé, préférence système et thème par défaut
Livrer un composant autonome, intégrable avec @import et layer()

Un switch piloté par aria-checked, sans case à cocher

Plutôt que de détourner une case à cocher, le cours part d'un élément button, déjà focalisable et activable au clavier, et lui donne le rôle de switch. L'état ne vit qu'à un seul endroit, l'attribut aria-checked : le CSS s'en sert pour déplacer la pastille et changer la couleur, le JavaScript le met à jour, le lecteur d'écran le lit. Le libellé visible suit le mouvement, « Passer en thème sombre » ou « Passer en thème clair », pour que chacun sache ce que fera le clic. Pour creuser les rôles ARIA posés sur un élément non natif, le cours sur le bouton accessible sans balise button en détaille les mécanismes.

Préférence système ou choix mémorisé : qui décide du thème

Au premier passage, le site respecte le réglage du système via prefers-color-scheme. Dès que le visiteur touche l'interrupteur, son choix est enregistré dans le localStorage et prend le dessus, y compris lorsqu'il revient quelques jours plus tard. Si le JavaScript est désactivé, l'attribut data-theme posé dans le HTML garantit un thème par défaut. Les couleurs claires et sombres viennent du cours précédent sur le dark mode en CSS natif : ici, on branche l'interrupteur dessus.

Une bibliothèque de composants réutilisables

Le dernier chapitre range le switch dans un dossier autonome : HTML, CSS, JavaScript, fichier exemple et README. Le CSS s'importe avec @import et layer() pour respecter l'ordre des couches du projet hôte, sans alourdir la feuille principale. Le code du cours et cette bibliothèque font partie des fichiers fournis, et la série y ajoutera un composant accordéon au prochain épisode.

Pour qui

Le badge Intermédiaire est juste, à une condition : ce cours est le sixième épisode d'une série et s'appuie sur la feuille de style modèle construite dans les épisodes précédents, en particulier les variables CSS et design tokens. Il faut aussi être à l'aise avec les bases de JavaScript : constantes, fonctions, écouteurs d'événements. Aucun framework : HTML, CSS et JavaScript natifs, dans un navigateur récent.

Pour aller plus loin

Vous découvrez la série par cet épisode et voulez comprendre pourquoi tout repose sur les couches CSS : commencez par cascade, spécificité et layers, le premier épisode.

Power BI Service : partagez vos rapports, actualisez les données, contrôlez qui voit quoi

Fri, 23 Oct 2026 16:01:12 +0200

Partager un rapport en écran partagé sur Teams, c'est montrer des chiffres que personne ne peut filtrer, et qu'il faudra remettre à jour à la main la semaine suivante. Une fois publié sur Power BI Service, le même rapport devient un outil de travail : chacun l'ouvre dans son navigateur, filtre ce qui le concerne, s'y abonne par e-mail ou l'exporte, pendant que les données s'actualisent seules aux heures que vous avez choisies. Vous décidez aussi qui voit quoi, jusqu'à la ligne près, sans dupliquer le rapport pour chaque service.

Power BI Service : ce que vous saurez faire

Ces réflexes valent pour n'importe quel rapport, pas seulement celui du cours.

Organiser un espace de travail et donner à chacun le bon rôle
Choisir entre partager un rapport, publier une application ou épingler un tableau de bord
Servir une seule application à plusieurs publics grâce aux audiences
Automatiser l'actualisation, même depuis un fichier resté sur votre PC
Restreindre les lignes visibles par chaque utilisateur avec la RLS
Relier des objectifs chiffrés à vos données avec les cartes de performance
Envoyer vos chiffres vers Excel, PowerPoint ou PDF sans les recopier

Mon espace de travail, rôles RLS, incorporation : les pièges qui bloquent en entreprise

Une bonne part du cours sert à comprendre pourquoi « ça ne marche pas » alors que ce n'est pas un bug. Publier dans Mon espace de travail prive de la plupart des options de partage. Republier depuis Desktop écrase la version en ligne. Incorporer un rapport dans SharePoint ou un site web ne contourne pas les droits d'accès : sans autorisation, le lien reste fermé. Et un utilisateur affecté à deux rôles RLS voit l'addition des deux périmètres, pas leur intersection. La question des licences, qui conditionne tout le reste, est traitée dans la FAQ ci-dessous.

Le camping du cours débutant, cette fois mis en ligne

Le cas pratique repart du rapport d'activité d'un camping, le fil rouge du cours Power BI pour débutant de Josselin Baldé, puis l'enrichit d'un second domaine pour illustrer les audiences : une direction qui voit tout, un responsable qui ne voit que son activité. Le cours a été enregistré en 2026, avec le vocabulaire actuel de l'interface (modèle sémantique et non plus jeu de données). Seule la fonction de questions en langage naturel des tableaux de bord est appelée à disparaître fin 2026 au profit de Copilot, ce que le formateur signale lui-même dans la vidéo concernée.

Pour qui

Le badge indique Débutant, et c'est vrai pour Power BI Service : aucune notion du service n'est supposée. En revanche, il faut déjà savoir construire un rapport dans Power BI Desktop, le cours ne revient pas sur sa création. Les rôles RLS se définissent dans Desktop, parfois avec une formule DAX comme USERPRINCIPALNAME ; si ces formules vous échappent encore, le guide complet d'analyse de données avec DAX pose les bases. Prévoyez un compte Microsoft 365 professionnel donnant accès à Power BI Service et, pour pratiquer le partage, une licence Pro ou Premium par utilisateur.

Pour aller plus loin

Si votre objectif est de faire reconnaître ces compétences, la formation Power BI certifiante éligible au CPF ajoute un mentorat individuel et le passage de la certification TOSA.

Application Photos sur Mac : rangez, retrouvez, retouchez et protégez vos souvenirs

Fri, 23 Oct 2026 11:54:00 +0200

Des milliers de photos sur votre Mac, des doublons, des dossiers dans des sous-dossiers, et cette photo de vacances introuvable au moment où vous la cherchez. L'application Photos, déjà installée sur votre Mac, sait classer par date, par lieu et par visage, chercher un objet dans vos images et retoucher sans logiciel en plus. Ce cours vous montre comment la régler et vous en servir au quotidien : importer depuis l'iPhone ou une carte SD, ranger avec des albums qui se remplissent seuls, retrouver n'importe quelle image en quelques secondes, la retoucher, y compris avec les outils IA de macOS 27, puis mettre votre photothèque à l'abri.

Photothèque et retouche sur Mac : ce que vous saurez faire

Des réflexes qui servent bien après la dernière vidéo, quelle que soit la taille de votre photothèque.

Abandonner les dossiers Finder au profit d'une photothèque unique et rangée
Construire un classement qui s'alimente seul avec les albums intelligents
Retrouver une photo par objet, lieu, personne ou mot-clé
Nettoyer doublons et suppressions sans risque de perdre un souvenir
Corriger lumière, couleurs et cadrage en restant non destructif
Effacer un élément gênant ou agrandir le cadre d'une photo avec l'IA
Séparer perso et pro dans des photothèques distinctes, sauvegardées sur disque

Pourquoi ranger dans Photos plutôt que dans des dossiers

Le formateur part d'un constat : classer ses images à la main dans des dossiers par année, par mois puis par voyage finit toujours en doublons et en noms de fichiers illisibles. Photos fait ce tri tout seul à partir des informations de chaque prise, et vos albums ne sont que des liens vers une seule copie. Vous ajoutez votre propre couche de classement par-dessus, sans jamais dupliquer un fichier. Le cours montre aussi l'étape que tout le monde oublie : supprimer les originaux du Bureau ou des Téléchargements une fois l'import fait.

Retouche IA sous macOS 27 : effacer, étendre, réorienter

Au-delà des réglages classiques (exposition, courbes, couleur sélective, balance des blancs), le module de retouche détaille les trois outils d'IA de Photos. Effacer reconstruit ce qui se trouvait derrière un objet supprimé, Étendre invente ce qui dépasse du cadre d'origine, Réorienter simule un léger changement de point de vue. Le cours n'en cache pas les limites : la retouche reste globale, sans masques ni calques, et ces outils IA ne s'appliquent pas aux vidéos. Pour explorer l'IA Apple au-delà de la photo, voyez la formation complète Apple Intelligence sur Mac, iPhone et iPad.

Plusieurs photothèques et une sauvegarde sur disque externe

Une fonction peu connue : Photos peut ouvrir plusieurs photothèques, une pour la famille, une pour le travail, une stockée sur un disque externe pour libérer le Mac. Vous verrez comment les créer, passer de l'une à l'autre au lancement, les retrouver dans le Finder et les copier sur un disque pour garder une sauvegarde de vos souvenirs. Si vos photos voyagent aussi entre iPhone, iPad et Mac, le guide complet iCloud et synchronisation Apple complète ce point.

Pour qui

Le cours est marqué Débutant et il l'est vraiment : il suffit de savoir allumer son Mac et cliquer. Aucune notion de photographie n'est nécessaire. Tout est montré sous macOS 27, sur une photothèque de démonstration, avec un iPhone pour les imports et les vidéos.

Pour aller plus loin

Une fois la photothèque en ordre, c'est souvent la prise de vue qui devient le maillon faible : maîtrisez les objectifs, les réglages cachés et la lumière de votre iPhone avec le même formateur.

Les bases de PowerPoint : thèmes, masques et illustrations pour des diapos cohérentes

Fri, 23 Oct 2026 11:50:23 +0200

Changer la police diapositive par diapositive, recaler chaque titre à la main, voir les couleurs dériver d'une page à l'autre : c'est le quotidien de la plupart des présentations PowerPoint. Ce cours vous apprend à poser une fois pour toutes votre charte graphique avec les thèmes et les masques, pour que chaque nouvelle diapositive soit cohérente dès sa création. Vous apprenez ensuite à illustrer vos messages avec des formes, des SmartArt, des tableaux, des graphiques et des images, sans jamais casser l'homogénéité de l'ensemble.

Bases de PowerPoint : ce que vous saurez faire

À la fin de cette première partie, vous travaillez avec méthode plutôt qu'au coup par coup.

Créer une charte graphique réutilisable aussi dans Word et Excel
Modifier toute une présentation en une seule intervention
Repérer les réglages qui ruinent l'homogénéité d'une présentation
Dessiner un pictogramme sur mesure à partir de formes simples
Transformer une liste à puces en organigramme en quelques clics
Ajouter une navigation cliquable présente sur chaque diapositive
Repartir d'une présentation de référence sans jamais l'écraser

Thèmes et masques : la méthode qui évite les retouches à la main

L'ordre compte plus que les outils. Un thème appliqué après des retouches manuelles laisse ces retouches en place, et la présentation perd son unité. Le cours vous fait donc poser le thème avant tout contenu, puis le personnaliser avec vos propres polices et couleurs. Vous passez ensuite dans le masque des diapositives, où une seule modification se répercute sur toutes les dispositions : espaces réservés, pied de page, dispositions renommées ou créées pour vos besoins, plusieurs masques dans un même fichier. Le chapitre se termine sur un masque interactif, avec un sommaire cliquable et des boutons de retour accessibles sur chaque diapositive. Le thème personnalisé se retrouve aussi dans Word et Excel : pour appliquer la même rigueur à vos documents, la formatrice propose un cours Word dédié aux documents professionnels et structurés.

Formes, SmartArt et images : des illustrations qui servent le message

Une illustration n'est pas une décoration, elle doit avoir une fonction. Partant de ce principe, vous construisez un pictogramme et un objet réaliste à partir de formes, vous alignez, groupez et fusionnez, puis vous générez des SmartArt à partir d'une liste ou d'un jeu d'images. Côté graphiques, le parti pris est d'épurer au maximum ; si vous hésitez sur le type à choisir, le cours pour choisir le bon type de graphique dans Excel, de la même formatrice, complète bien ce chapitre. Dix exercices sur des présentations fournies, chacune avec son énoncé et un exemple du résultat attendu, vous font pratiquer formes, SmartArt et images.

Pour qui

Ce cours s'adresse aux débutants sur PowerPoint comme aux utilisateurs qui produisent déjà des présentations mais les mettent en forme à la main. Le badge Débutant vaut pour le point de départ : aucun prérequis, mais le chapitre sur les masques va plus loin que la simple prise en main. Il est tourné sur PowerPoint Microsoft 365 sous Windows ; les principes restent valables depuis PowerPoint 2016.

Pour aller plus loin

Vous maîtrisez déjà ces bases et cherchez les fonctions avancées, signets, minutage ou diffusion en boucle ? La formation Devenez un expert de PowerPoint prend le relais.

Dessiner et peindre dans Photoshop : réglez vos pinceaux, créez logos et motifs

Tue, 20 Oct 2026 09:06:17 +0200

Votre trait tremble, vos couleurs se mélangent mal et vos formes refusent de se combiner dès que vous essayez de dessiner dans Photoshop. Ce cours remet de l'ordre dans les outils de dessin et de peinture : régler un pinceau pour obtenir un trait net, même à la souris, construire des formes vectorielles propres, créer vos propres pinceaux et vos motifs, puis mettre tout cela en pratique dans cinq ateliers guidés, du croquis peint au pixel art.

Dessin et peinture dans Photoshop : ce que vous saurez faire

À la fin du cours, vous savez choisir le bon outil selon ce que vous voulez dessiner, et le régler vous-même.

Obtenir un trait net sans tablette grâce au lissage
Doser opacité et flux pour fondre deux couleurs
Dessiner un motif symétrique ou un mandala en quelques gestes
Transformer un dessin ou une photo en pinceau réutilisable
Créer un motif raccord et l'appliquer à n'importe quel calque
Bâtir un petit logo vectoriel redimensionnable sans perte
Repérer les outils destructifs et leur préférer une méthode réversible

Cinq ateliers à la souris, de la casquette au latte art

Chaque notion est mise en pratique sur un cas concret : le croquis puis la mise en couleur d'une casquette par décalquage, un logo de cactus construit à partir de rectangles arrondis, une fiole de potion en vectoriel avec son reflet, un maki en pixel art réalisé avec un pinceau carré et la grille, et un effet de latte art obtenu avec les options de fusion. Tout est réalisé à la souris, et la plupart des ateliers s'appuient sur des fichiers fournis. Si la création de pinceaux vous plaît, la formation Créez et maîtrisez vos brushes pousse le sujet beaucoup plus loin.

Les outils de dessin Photoshop qui ne valent pas le détour

Le formateur ne fait pas semblant que tout fonctionne. Les gommes d'arrière-plan et magique sont destructives, il vous oriente vers les masques de fusion. Le pinceau mélangeur reproduit la peinture à l'huile, mais une application dédiée à la peinture fait mieux. Les opérations de combinaison de formes (Pathfinder) se montrent capricieuses dans Photoshop, et l'outil Trait reste mal optimisé : vous verrez comment contourner ces limites, notamment avec la plume. Pour approfondir ce versant, le cours sur les outils vectoriels de Photoshop détaille plume, formes et masques vectoriels.

Pour qui

Le cours est classé débutant pour les outils de dessin, mais il suppose que vous savez déjà créer un calque, faire une sélection simple et tracer à la plume classique, des notions auxquelles le formateur fait référence sans les réexpliquer. Il est tourné sur une version récente de Photoshop CC : la plume de traçage, encore en bêta, peut demander une activation dans les préférences.

Pour aller plus loin

Si vous voulez faire de l'illustration un métier, avec un mentor qui corrige vos créations, la formation certifiante Digital Painter prend le relais, du croquis à la peinture numérique complète.

Images IA dans ComfyUI, en local : générez et retouchez sans abonnement, sur Mac comme sur PC

Mon, 19 Oct 2026 10:32:27 +0200

Les crédits fondent sur les générateurs en ligne, et votre machine ne ressemble pas à une station de calcul. Ce cours installe ComfyUI Desktop sur votre Mac Apple Silicon ou votre PC, et vous fait produire une première image photoréaliste en quelques clics, chez vous, sans abonnement ni crédits. Vous apprenez ensuite à écrire et enrichir vos prompts, y compris en français, à transformer une image existante, à retoucher une zone par simple instruction, à agrandir en 4K et à détourer proprement. Chaque image générée pendant le cours embarque son flux de travail complet, et vous récupérez tous les fichiers pour rejouer les réglages à l'identique.

Génération d'images IA en local : ce que vous saurez faire

À la fin du cours, vous disposez d'une chaîne de production complète, du prompt au PNG final, qui tourne sur votre propre machine.

Dimensionner la machine qu'il vous faut, Mac ou PC, sans surpayer
Lire un flux de travail à nœuds et savoir où intervenir
Structurer un prompt, le faire enrichir par un modèle local, fixer une graine
Choisir le bon niveau de denoise pour transformer une image sans la perdre
Retoucher une zone précise par instruction, avec ou sans image de référence
Agrandir, détourer et exporter une image prête pour le print ou le web
Alléger les modèles en GGUF pour tenir dans la mémoire disponible

Z-Image Turbo, Mage-Flow, Flux.2 Klein : des modèles récents qui tiennent sur une machine raisonnable

Le modèle vedette du cours est Z-Image Turbo, qui sort une image en 1024 par 1024 en huit étapes et accepte vos prompts en français. Pour la retouche, vous travaillez avec Mage-Flow, qui modifie une robe, ajoute un tatouage ou lisse une peau à partir d'une phrase, puis avec Flux.2 Klein 4B, qui prend une image de référence pour poser un logo sur une bouteille ou changer la livrée d'une voiture. L'agrandissement passe par SeedVR2, en x2 et x4, et un dernier chapitre revient sur SDXL et SDXL Turbo, toujours utiles pour tester une idée en une seconde ou comparer des checkpoints téléchargés sur Civitai. Si vous hésitez entre plusieurs outils d'agrandissement, le comparatif gratuit Firefly, Topaz et ComfyUI du même formateur donne un bon aperçu avant de vous lancer.

Mac Apple Silicon ou PC Windows : ce que votre machine doit avoir

Deux chapitres d'annexes sont dédiés aux contraintes propres à chaque plateforme : déporter les modèles sur un SSD externe, rendre les modèles fp8 compatibles avec Metal sur Mac, remplacer les plus lourds par des versions GGUF. Un bonus montre ce que donne la génération de vidéo sur chacune des deux machines, pour que vous sachiez où s'arrête une configuration grand public. Les sujets qui demandent une carte graphique haut de gamme, comme la vidéo, les LoRA ou ControlNet, ne sont pas couverts ici : ils relèvent des autres formations en IA générative du catalogue.

Pour qui

Le cours part de zéro : aucune connaissance de ComfyUI, de Python ni de la logique à nœuds n'est nécessaire, et l'installation se fait avec la version Desktop, en quelques clics. Les chapitres de retouche, d'upscale et d'annexes demandent toutefois d'accepter de brancher soi-même quelques nœuds et de manipuler des formats de modèles, ce qui rapproche la fin du cours d'un niveau intermédiaire. Côté machine, comptez au minimum 16 Go de mémoire unifiée sur Mac, et 8 Go de mémoire vidéo sur PC, de préférence Nvidia. Les checkpoints téléchargés sur Civitai ne font pas partie des fichiers fournis, pour des raisons de licence.

Montage vidéo sur iPhone avec iMovie : transformez vos rushs en un vrai film

Mon, 19 Oct 2026 16:40:48 +0200

Des dizaines de vidéos de vacances, d'anniversaires ou de week-ends dorment dans votre iPhone, et vous n'en avez jamais fait un film. Pas besoin d'ordinateur ni de logiciel à acheter : iMovie est déjà installé sur votre téléphone. Ce cours vous apprend à y assembler vos rushs, couper ce qui traîne, poser un titre, ajouter une musique, un bruitage ou votre propre voix, puis exporter une vidéo propre que vous pourrez envoyer ou publier. Vous terminez en montant un film complet devant le formateur, puis en réalisant trois exercices sur vos propres vidéos.

Monter sur iPhone : ce que vous saurez faire

Au-delà des boutons, vous repartez avec des réflexes qui tiennent sur n'importe quel projet.

Préparer un album Photos pour importer ses rushs sans fouiller toute la pellicule
Choisir entre Film magique, Storyboard et Film selon le temps disponible
Tenir un rythme de montage cohérent en coupant et en variant les plans
Détacher le son d'un plan pour le poser sur un autre
Ralentir ou accélérer une seule portion d'une vidéo
Équilibrer musique, voix off et son d'origine sans saturer
Distinguer l'export d'une vidéo finie de l'export d'un projet modifiable

Film magique, Storyboard ou Film : trois façons de monter

iMovie sur iPhone propose trois types de projets, et le cours les passe tous en revue avant de trancher. Film magique assemble un montage en quelques appuis avec un style, une musique et un titre déjà choisis : parfait pour une vidéo à envoyer le soir même, limité dès qu'on veut tout personnaliser. Storyboard impose une structure de plans, comme un plan de tournage, utile quand on ne sait pas par où commencer. Film part d'une timeline vide et donne accès à tout : scinder, détacher l'audio, ralenti, arrêt sur image, titres, filtres, thèmes, plan de coupe, image dans l'image, écran scindé et fond vert. C'est sur ce mode que se déroule l'essentiel du cours.

Un film de voyage monté devant vous, puis trois exercices

Le cas pratique reprend tout depuis le début sur un film de voyage au Japon : tri des rushs, titre d'ouverture sur un plan assez long pour être lu, coupes pour garder un rythme contemplatif sans ennuyer, transition réservée au passage du jour à la nuit, musique choisie dans les bandes son libres de droits et export final. Le formateur commente ses choix et ses ratés, y compris quand l'application refuse d'ajouter un clip et qu'il faut la relancer. Trois exercices suivent, de la vidéo souvenir de 30 secondes à la recette avec voix off et image dans l'image, à réaliser avec vos propres séquences. Si vos rushs de départ ne sont pas à la hauteur, le même formateur vous apprend à mieux filmer avec votre iPhone avant de passer au montage.

Pour qui

Pour toute personne qui n'a jamais ouvert iMovie, ou qui l'a ouvert et refermé aussitôt. Aucun prérequis en montage : les notions de rush, de timeline et de transition sont expliquées au moment où elles servent. Il vous faut un iPhone avec iMovie, quel que soit le modèle ; sur un appareil ancien, l'aperçu met simplement plus de temps à s'afficher. Le cours est enregistré sur l'application en 2026 et traite uniquement des montages au format paysage, celui des écrans, des télévisions et de YouTube. Pour des vidéos verticales destinées aux réseaux sociaux, voyez plutôt le montage vidéo avec Canva.

Pour aller plus loin

Si vous voulez faire de la vidéo mobile une vraie compétence professionnelle, du tournage à la diffusion, le parcours vidéo smartphone éligible au CPF prolonge ce cours.

Quoi de neuf dans Magnific : Magnific One, Brand Kit et nouvel éditeur d'image en pratique

Mon, 19 Oct 2026 14:30:36 +0200

Freepik est devenu Magnific, l'interface a été refaite, un nouveau modèle sort presque chaque semaine, et vous ne savez plus lequel choisir ni ce qu'il va vous coûter en crédits. Ce cours reprend tout ce qui a changé depuis l'été 2026 sur un projet suivi de bout en bout : la nouvelle interface et ses projets, le choix du modèle d'image selon le besoin et le budget, les neuf types de références qui verrouillent un personnage, un objet ou un décor, le modèle maison Magnific One avec ses modes Draft et Final, la création d'un Brand Kit pour générer dans votre charte, et la nouvelle fenêtre d'édition qui corrige une image au lieu de la régénérer. Chaque action est montrée à l'écran, ratés compris, avec le coût en crédits à chaque étape.

Nouveautés Magnific : ce que vous saurez faire

Le cours est construit autour d'un univers skate : un personnage récurrent, une couverture de magazine, un décor de bowl, une vignette à la charte d'une marque.

Choisir le modèle d'image adapté à un besoin et à un budget de crédits
Verrouiller un personnage, un objet, un lieu ou un style d'une image à l'autre
Construire une character sheet et l'enregistrer comme template réutilisable
Comparer huit variantes en mode Draft avant de payer l'image finale
Créer un Brand Kit depuis un site et des logos, puis générer dans sa charte
Corriger dix pour cent d'une image plutôt que la régénérer entièrement
Détourer, agrandir, rééclairer et upscaler sans quitter la plateforme

Magnific One, Brand Kit et comparatifs de modèles sur le même prompt

Nano Banana Pro, GPT Image 2.5, Flux 3, Seedream 5 Pro, Ideogram 4.5, Krea 2 et Magnific One sont lancés sur les mêmes prompts et les mêmes références, et le formateur dit lequel il garde et pourquoi. Vous voyez aussi ce qui ne marche pas : un modèle qui ignore le décor, un logo déformé par le Brand Kit, une image qui part en vrille quand on empile trop de références. Magnific One est traité en détail, du mode Draft à huit vignettes jusqu'au mode Final en haute résolution, puis le Brand Kit est construit à partir d'un site web et de quatre logos, calibré et corrigé par des règles. Si vous voulez creuser l'écriture des prompts sur le modèle le plus utilisé du cours, Prompt engineering sur Nano Banana Pro prolonge ce chapitre. Les images de référence, les images générées et les logos utilisés sont fournis dans les fichiers de travail.

Un cours qui continue avec la plateforme

Les dix-neuf vidéos en ligne couvrent l'interface, la génération d'images, les références, Magnific One, le Brand Kit et l'édition d'image. Le formateur annonce les chapitres suivants en mise à jour : le Designer et les calques automatiques, la génération et l'édition de vidéo, Spaces, la 3D, l'application de bureau et les plugins. Ces chapitres rejoindront le cours jusqu'à début 2027. Pour la vidéo IA dès maintenant, Générer une vidéo IA cohérente avec Seedance sur Magnific traite déjà le sujet en profondeur.

Pour qui

Le badge Intermédiaire correspond à quelqu'un qui a déjà généré des images par IA, sur Magnific ou ailleurs. Le cours reste suivable sans avoir vu la formation complète : l'interface, la zone de prompt et les références sont reprises depuis le début, et les habitués peuvent sauter ces passages. Un abonnement Magnific payant est indispensable, le compte gratuit ne permet ni de générer ni d'éditer ; le formateur travaille en Premium Plus et signale le coût de chaque outil gourmand. Tout se passe dans le navigateur, sur Windows ou Mac. Une tablette graphique sert dans le chapitre sur la référence Sketch, sans être obligatoire.

Pour aller plus loin

Si vous partez de zéro et voulez l'ensemble de la plateforme, vidéo, audio, Spaces et 3D compris, IA générative sur Magnific du même formateur couvre tout sur plus de vingt heures ; le présent cours en est le complément pour ce qui a changé depuis.

Rendu extérieur avec Enscape et SketchUp : vos projets d'architecture en images réalistes

Fri, 16 Oct 2026 12:15:16 +0200

Un modèle SketchUp propre, et pourtant le rendu Enscape tombe à plat : sol uniforme, arbres posés comme des découpages, lumière sans relief, béton et bois qui se ressemblent. Ce cours prend un projet d'architecture avec ses abords et le mène jusqu'à des images d'architecture crédibles, de jour comme de nuit. Vous fabriquez vos matériaux extérieurs, vous peuplez les abords de végétation et de mobilier, vous réglez le soleil, le ciel et un HDRI, puis vous sortez des images en haute définition, un panorama et un exécutable à faire visiter à un client. Le tout en temps réel, sans attendre des heures de calcul.

Rendu extérieur Enscape : ce que vous saurez faire

Au-delà du projet du cours, ces réflexes se réutilisent sur n'importe quel bâtiment.

Constituer une bibliothèque de matériaux extérieurs réutilisables : béton, bois, pierre, enduit, vitrage
Donner du relief à une façade ou un sol avec le displacement
Corriger un placage de texture par l'UV mapping au lieu de subir l'échelle par défaut
Peupler un terrain de végétation et de mobilier sans alourdir le fichier
Choisir une ambiance lumineuse plutôt que la subir : soleil, ciel, HDRI
Construire une scène de nuit avec des sources artificielles cohérentes
Mémoriser des presets d'effets visuels par vue pour reproduire un rendu d'un projet à l'autre

Matériaux extérieurs : là où se joue le réalisme

Quatorze vidéos sont consacrées aux matériaux, parce que c'est l'étape qui sépare un rendu d'étudiant d'une image de livraison. Sol des massifs, vitrage, métal, béton, bois de terrasse, matrice béton, pierre, enduit : chaque matériau est construit dans l'éditeur d'Enscape, puis replacé correctement sur le modèle. Le displacement et l'UV mapping, souvent laissés de côté, sont traités comme des outils du quotidien. Si vous voulez aller plus loin sur la fabrication de textures depuis des photos, le cours création de matières réalistes avec SketchUp et Enscape prolonge ce chapitre.

Lumière de jour, lumière de nuit : deux ambiances pour une même scène

Le soleil d'Enscape, le ciel, une SkyBox HDRI, puis les presets d'effets visuels appliqués vue par vue : le cours compare plusieurs ambiances sur le même projet avant d'en figer une. Le même projet est ensuite repris de nuit, avec des sources lumineuses artificielles placées une à une et un paramétrage dédié. Le chapitre d'export ferme la boucle : réglages de rendu, image, panorama, AI Enhancer, exécutable autonome, et un aperçu de la passerelle vers V-Ray et Veras.

Enregistré sur SketchUp 2025 et Enscape 4.8

Depuis le tournage, Enscape a déplacé sa bibliothèque d'assets vers Chaos Cosmos. L'accès aux objets change d'apparence, mais les réglages de matériaux, de lumière, de caméra et d'export enseignés ici restent ceux des versions actuelles.

Pour qui

Un cours de niveau intermédiaire : il suppose de savoir naviguer dans SketchUp, manipuler des groupes et des composants et gérer des scènes. Aucune connaissance d'Enscape n'est demandée, la barre d'outils est présentée depuis le début. Si vous partez de zéro sur SketchUp, commencez par le cours d'initiation SketchUp. Ce cours s'adresse aux architectes, paysagistes, étudiants et passionnés qui doivent livrer des perspectives de projet convaincantes.

Pour aller plus loin

Vous n'avez jamais ouvert Enscape et vous voulez d'abord un tour complet de l'outil, intérieur et animation vidéo compris : la formation Découvrez Enscape est le point d'entrée.

Portrait pop art dans Affinity : transformez une photo en affiche aux couleurs franches

Mon, 19 Oct 2026 14:42:12 +0200

Vous avez une photo de portrait tout à fait ordinaire et vous aimeriez en tirer une vraie affiche, avec des aplats de couleur, une trame et ce grain de papier qu'on retrouve sur les posters imprimés. Les filtres pop art des applications donnent tous la même image, reconnaissable au premier coup d'œil et impossible à corriger une fois appliqués. Dans cet atelier, vous construisez l'effet vous-même dans Affinity, calque par calque : un fond en dégradé, une trame posée par-dessus, un portrait réduit à quelques masses de couleur, des contours lumineux, puis une texture de papier collé qui unifie l'ensemble. Chaque réglage reste modifiable, ce qui vous laisse ajuster les couleurs ou le contraste jusqu'au bout, et rejouer la méthode sur vos propres portraits.

Affiche pop art dans Affinity : ce que vous saurez faire

Une procédure complète, pensée pour être reproduite sur n'importe quelle photo de visage.

Réduire un portrait à quelques masses de couleur sans le rendre poussiéreux
Faire ressortir les lignes claires d'un visage avec un flou et un mode de fusion
Imbriquer réglages et filtres dans un seul calque pour les reprendre à tout moment
Recolorer toute une composition avec une courbe de transfert de dégradé
Séparer les ombres et les lumières d'une texture pour la fondre dans l'image
Rattacher un sujet à son fond avec une ombre portée nette

Postériser, seuil et flou médian : le trio qui fait l'aplat

Un réglage Postériser seul donne un rendu granuleux, presque sale. Le cours montre pourquoi il faut d'abord adoucir le contraste du portrait dans le module Développer, puis empiler Postériser, un Seuil en mode Obscurcir et un flou médian qui rassemble le grain en taches régulières. C'est l'équilibre entre ces trois réglages qui sépare une photo abîmée d'une illustration. Vous apprenez aussi à glisser chaque réglage à l'intérieur du calque du portrait, pour qu'il n'affecte ni le fond ni la trame et reste éditable d'un double clic.

Contours lumineux et papier collé : les finitions qui font l'affiche

Une copie du portrait, passée en Différence puis en Densité couleur moins, fait apparaître des contours clairs sur les reliefs du visage, une astuce que le formateur signale comme réutilisable sur une photo classique pour la rendre plus graphique. La texture de papier collé est ensuite dédoublée : une copie en Produit pour les ombres des plis, une copie en Superposition dont un réglage Niveaux ne garde que les hautes lumières. La trame, elle, est fournie et posée en une fois ; si vous préférez une trame de points réglable, l'effet halftone dans Affinity vient la compléter.

Un atelier sur fichiers fournis, transposable à vos portraits

Le portrait déjà détouré, la trame et la texture de papier sont fournis, et chaque valeur (codes couleur, pourcentages, rayons) est donnée à l'écran pour reproduire le résultat à l'identique. Le document est créé en A5 à 300 ppp, donc imprimable tel quel. Le formateur invite à enregistrer une version du fichier à chaque étape, pour revenir en arrière sans tout refaire. Une fois la procédure en main, vous changez les couleurs du dégradé et de la courbe de transfert, le niveau de postérisation ou l'opacité des textures, et vous obtenez une variation à chaque essai. Dans la même veine, l'effet verre strié sur un portrait, du même formateur, applique la même logique de textures à un autre rendu.

Pour qui

Le badge Débutant est cohérent avec le rythme du cours : chaque clic est montré et commenté. Il faut tout de même être à l'aise avec le panneau Calques, savoir dupliquer et renommer un calque et changer un mode de fusion. Si ces gestes sont encore nouveaux, les fondamentaux du module Pixel d'Affinity posent ce socle. L'atelier est tourné sur Affinity 3, l'application unique qui regroupe pixel, vecteur et mise en page.

Pour aller plus loin

Vous voulez dépasser l'effet isolé et maîtriser toute l'application, du pixel à la mise en page : la formation complète Affinity Studio prend le relais.

Dark mode en CSS natif : thème sombre automatique, mode manuel, aucun composant à réécrire

Thu, 15 Oct 2026 15:49:24 +0200

Votre visiteur a réglé son système en thème sombre, et votre site continue de lui servir un fond blanc, parce que rien dans la feuille de style ne lit cette préférence. Ce cours ajoute le dark mode au fichier modele-style.css construit dans les épisodes précédents : détection automatique avec le media query prefers-color-scheme, choix manuel par un attribut data-theme qui prend le dessus sur le réglage système, images adoucies, ombres adaptées et transitions fluides entre les deux thèmes. Tout passe par les tokens sémantiques, si bien qu'aucun composant n'a besoin d'être réécrit.

Dark mode CSS : ce que vous saurez faire

Chaque étape est montrée dans le navigateur, en basculant le réglage système de Chrome entre clair et sombre.

Lire la préférence de thème du système sans une ligne de JavaScript
Trier les tokens qui changent en mode sombre de ceux qui restent fixes
Forcer un thème clair ou sombre quel que soit le réglage système
Piloter la luminosité des images par un token dédié
Adoucir le passage d'un thème à l'autre avec vos tokens d'animation
Documenter chaque niveau de tokens pour relire le fichier des mois plus tard

Ce qui change en mode sombre, et ce qui ne doit surtout pas bouger

L'erreur classique consiste à dupliquer toute la feuille de style pour le thème sombre. Le cours fait l'inverse : seules les couleurs d'interaction, d'état, de surface, de texte et de bordure sont redéfinies, avec les ombres et la luminosité des images. Typographie, espacements et rayons ne sont pas touchés. Les nouvelles valeurs ne sont pas des codes hexadécimaux saisis à la main mais d'autres primitives de la palette déjà en place, celle posée dans l'épisode sur les variables CSS et les design tokens. Le :root est redéfini une première fois dans le media query, puis une seconde fois derrière les sélecteurs [data-theme="dark"] et [data-theme="light"], posés sur la balise html pour qu'un futur bouton puisse imposer un thème.

Images trop lumineuses et bascule trop sèche : deux détails qui font la différence

Sur fond sombre, une photo gardée à pleine luminosité agresse l'œil. Un filtre brightness piloté par un token img-brightness, à 1 en thème clair et abaissé en thème sombre, règle le problème sans retoucher les fichiers. Le changement de thème reçoit ensuite une transition sur la couleur, le fond, la bordure et l'ombre, en réutilisant les durées et les courbes d'accélération déjà déclarées dans les primitives. Le cours se termine en remplissant la couche utilities avec les classes sr-only et skip link, puis annonce la suite : le bouton de bascule et sa mémorisation seront l'objet de l'épisode suivant.

Pour qui

Le badge Intermédiaire est justifié : vous écrivez déjà du CSS sans aide et vous savez ce qu'est une variable. C'est le cinquième épisode d'une série sur le CSS moderne, et il repart du fichier modele-style.css avec ses couches @layer, son nommage BEM et ses deux niveaux de tokens. Si ce fichier ne vous dit rien, commencez par l'épisode sur les variables CSS, qui le construit. Uniquement du CSS natif, sans préprocesseur, écrit dans Visual Studio Code et testé dans un navigateur à jour. Les fichiers HTML et le modele-style.css enrichi sont fournis.

Pour aller plus loin

Si vous visez un cadre certifiant avec un mentor, Carl Brison encadre la formation Développeur Web Front-End éligible au CPF, dont le programme comprend la mise en place d'un mode sombre.

Données clients et IA : la méthode Zéro Fuite pour ChatGPT, Claude, Gemini et Copilot

Tue, 20 Oct 2026 10:08:47 +0200

Vous avez coupé l'entraînement dans ChatGPT et vous pensez avoir réglé la question. En réalité, ce réglage ne dit rien de ce que vous avez le droit d'y coller : un fichier de prospects ou un accès WordPress n'ont rien à faire dans un compte grand public, quel que soit le bouton décoché. Cette formation vous donne une grille de tri en trois niveaux pour décider en une seconde quelle information va dans quel outil, les bons réglages écran par écran dans ChatGPT, Claude, Gemini, Copilot, Mistral et Lumo, une façon propre de recevoir les accès de vos clients sans jamais stocker leurs mots de passe, une charte écrite à votre nom pour vos propositions commerciales, et une IA locale testée hors ligne pour les dossiers qui ne doivent jamais quitter votre machine.

Confidentialité des données et IA : ce que vous saurez faire

Des gestes qui survivent à l'outil d'IA qui sortira l'an prochain.

Classer une information en niveau 1, 2 ou 3 avant de la coller
Distinguer stockage, relecture humaine et entraînement dans chaque réglage
Repérer les six catégories de données interdites dans une IA en ligne
Obtenir une autorisation écrite d'un client pour vos outils d'IA
Recevoir un accès client sans jamais recevoir son mot de passe
Remplir un registre RGPD de sous-traitant en une heure
Faire tourner un modèle local hors ligne sur votre propre ordinateur

Une grille de tri en trois niveaux, pas une liste d'interdits

Le cours sépare trois situations : vos brouillons et l'information publique, qui passent dans un compte grand public bien réglé ; les données personnelles de vos clients, qui exigent une offre professionnelle avec contrat de traitement et une autorisation écrite ; la santé, le secret professionnel et les dossiers sous accord de confidentialité, où rien ne quitte votre machine ou un outil métier certifié. Vous voyez pourquoi ChatGPT Pro ou Claude Max restent des offres grand public au sens du RGPD, et quoi répondre à un cabinet d'avocats qui vous confie ses pièces. Pour le cadre juridique d'abord, la formation IA Act et RGPD appliqués à l'IA générative le pose en moins d'une heure.

Réglages IA, Bitwarden, délégation Gmail : des ateliers sur les vraies interfaces

Chaque manipulation est faite à l'écran, sur le compte du formateur : les réglages de confidentialité de six assistants, le ménage des applications tierces de votre compte Google, un coffre Bitwarden avec double authentification et clés d'accès, la délégation d'une boîte Gmail, le transfert de propriété d'un dossier Drive et, côté client, une collection Bitwarden partagée pour les services sans alternative. Les fichiers fournis prolongent ces ateliers : clause d'autorisation et avenant pour vos clients actuels, modèle de charte, registre RGPD en tableur, fiche pas à pas Bitwarden pour vos clients et générateur de phrases de passe en français qui fonctionne sans connexion. Le dernier module installe LM Studio, choisit un modèle Gemma adapté à la mémoire de votre machine, coupe le Wi-Fi et fait analyser un fichier de retours clients sans qu'un octet ne parte. Si vous automatisez déjà avec des outils qui appellent les API, comme dans le cours du même formateur sur Claude Cowork, le module 2 explique pourquoi ce chemin change les règles.

Pour qui

Pour les indépendants qui manipulent les données de leurs clients avec des outils d'IA : assistance virtuelle, community management, rédaction, marketing, conseil, en particulier si vous travaillez pour des avocats ou des professions de santé. Le badge Débutant est juste pour les cinq premiers modules : aucune compétence technique ni notion juridique préalable. Le module sur l'IA locale demande un Mac Apple Silicon ou un PC avec 16 Go de mémoire et une carte graphique dédiée, et quelques réglages au-delà du simple clic. Les versions gratuites des assistants suffisent pour les réglages, le cours dit quand une offre payante devient obligatoire. Le formateur n'est ni avocat ni délégué à la protection des données et le dit clairement : vous repartez avec des repères pratiques, pas un avis juridique.

Pour aller plus loin

Si vous démarrez votre activité et que la protection des données n'est qu'une pièce du puzzle, le parcours Devenir Freelance couvre le reste, du statut à la prospection.

Variables CSS et design tokens : une charte graphique que vous changez en quelques lignes

Fri, 09 Oct 2026 09:50:32 +0200

Une couleur change dans la charte, et vous voilà à chercher le même code hexadécimal dans toute la feuille de style, avec le risque d'en oublier un au passage. Les variables CSS règlent ce problème à la racine : une valeur déclarée une fois, appelée partout, modifiée en une seule ligne. Ce cours va plus loin que la syntaxe. Il montre comment nommer ses variables, les redéfinir localement pour créer des variantes de composants, puis les organiser en deux niveaux, tokens primitifs et tokens sémantiques, jusqu'à un fichier modèle complet que vous réutiliserez sur chaque nouveau projet.

Variables CSS et design tokens : ce que vous saurez faire

Chaque notion est montrée sur une page réelle, avec un titre, un bouton, un lien et un badge qui partagent la même couleur.

Sécuriser un style avec une valeur de secours dans var()
Choisir un nom de variable qui dit le rôle, pas la valeur
Créer une variante de section sans dupliquer une seule règle
Définir le contrat de variables d'un bloc BEM et le redéfinir par modificateur
Séparer la palette brute des rôles fonctionnels avec deux niveaux de tokens
Changer toute une charte graphique en modifiant une poignée de lignes
Démarrer un projet avec une feuille de style modèle déjà structurée

Portée des variables : pourquoi l'ordre des règles ne change rien

Une variable déclarée dans :root vaut pour toute la page, mais rien n'empêche de la redéclarer dans une section précise. Le cours le montre sur deux sections, l'une par défaut, l'autre promotionnelle : la même variable, redéfinie en local, recolore le titre et le bouton de la seule section concernée. Déplacer la règle avant ou après dans le fichier ne change rien au résultat, et c'est précisément ce que beaucoup ne comprennent pas en découvrant les variables CSS. La portée suit le DOM, pas l'ordre d'écriture, ce qui n'a rien à voir avec le comportement d'une variable Sass.

Contrat de variables d'un composant BEM et variantes

Le même mécanisme s'applique à un composant. Une carte déclare ses propres variables, fond, texte et couleur d'accent : c'est son contrat. Les modificateurs dark et warning de la carte ne font que redéfinir ce contrat, sans toucher à une seule propriété du bloc ni de ses éléments. Ajouter une variante revient alors à écrire trois lignes. Cette façon de faire prolonge directement le nommage bloc, élément, modificateur vu dans le cours sur la méthode BEM.

Tokens primitifs, tokens sémantiques et fichier modele-style.css

Une variable nommée color-blue qui contient de l'orange, c'est le genre d'incohérence qui s'installe au fil des retouches. La réponse est une couche supplémentaire : des primitives qui stockent les valeurs brutes de la palette, et des tokens sémantiques, comme color-danger ou color-text-inverse, qui s'y réfèrent et portent un rôle dans l'interface. La dernière partie enrichit le fichier modèle commencé dans l'épisode sur la cascade et les layers : gammes de couleurs neutral, blue, green, red et orange graduées de 50 à 900, typographie, tailles, graisses, espacements, rayons et ombres, puis les tokens sémantiques pour les états, les surfaces, les textes et les bordures. Ce fichier de plus de 200 lignes est fourni avec le cours.

Pour qui

Le badge Intermédiaire correspond au contenu : vous écrivez déjà du CSS sans aide et vous connaissez le principe d'une variable dans un langage de programmation. C'est le quatrième épisode d'une série sur le CSS moderne. Il suppose connus le nommage BEM et les couches @layer, posés dans les épisodes précédents ; si le nesting natif vous est encore étranger, l'épisode sur le nesting CSS et BEM se suit juste avant. Uniquement du CSS natif, sans préprocesseur, écrit dans Visual Studio Code et testé dans un navigateur à jour. Le dark mode n'est pas traité ici, la dernière vidéo en donne seulement un aperçu.

Pour aller plus loin

Si vous cherchez seulement la syntaxe des variables CSS et leur lecture depuis le HTML ou jQuery, sans l'architecture en tokens, le même formateur propose un cours plus court et de niveau débutant : Simplifiez votre CSS grâce aux variables. Si vous visez un cadre certifiant avec un mentor, Carl Brison encadre aussi la formation Développeur Web Front-End éligible CPF, dont ce cours peut compléter le volet CSS.

Outils de texte dans Photoshop : composez, habillez et déformez vos titres, 5 effets inclus

Mon, 12 Oct 2026 09:02:41 +0200

Un titre posé dans Photoshop a vite l'air collé sur l'image : police par défaut, interlignage approximatif, et dès que vous voulez le courber, le remplir d'une photo ou le déformer, le texte se pixellise et n'est plus modifiable.

Ce cours reprend les outils de texte de Photoshop un par un, du sélecteur de police aux panneaux Caractère, Paragraphe, Glyphes et Styles, en passant par Adobe Fonts et la recherche de police similaire. Il enchaîne sur cinq effets typographiques construits en calques non destructifs, dont les fichiers PSD sont fournis. À la fin, vos titres restent éditables jusqu'au dernier réglage, qu'ils suivent un tracé, contiennent une photo ou prennent la forme d'un objet.

Typographie dans Photoshop : ce que vous saurez faire

Des compétences qui se réutilisent sur une affiche, une maquette web ou un visuel social.

Remplir un lettrage avec une photo tout en gardant le texte modifiable
Faire courir un titre sur un tracé libre, un arc ou un cercle
Régler finement un bloc de texte : interlettrage, césure, justification, retraits
Créer des styles de caractère et de paragraphe réutilisables d'un fichier à l'autre
Identifier une police vue sur une image et l'activer depuis Adobe Fonts
Déformer un mot en objet dynamique sans perdre la main sur le texte
Construire un effet de lettrage complet avec styles de calque, masques et Fluidité

Cinq ateliers d'effets typographiques, en calques et fichiers fournis

La seconde moitié du cours est pratique. Un mot découpé en deux façon sticker avec contour, ombre et dégradé enregistrés comme style réutilisable. Une affiche bicolore d'esprit tag, texturée au pinceau à sec et au bruit. Un lettrage fissuré, où trois calques de texte superposés sont entaillés au masque de fusion. Le mot « poire » qui épouse la silhouette du fruit grâce à la grille de déformation d'un objet dynamique. Un motif de texte ondulé, répété et aligné, passé dans le filtre Fluidité en filtre dynamique. Chaque atelier mobilise la plume en mode tracé et en mode forme, l'outil déjà au cœur du cours Détourage et sélection dans Photoshop. Les cinq PSD finis sont dans les ressources, pour décortiquer chaque calque et chaque style.

Photoshop n'est pas InDesign : ce que ses outils de texte permettent vraiment

Le formateur le dit d'emblée, Photoshop n'a pas été pensé pour la mise en page, et le cours ne vend pas l'inverse. Il montre en revanche tout ce que le logiciel sait faire quand on sait où chercher : les réglages de césure et de justification cachés dans le menu du panneau Paragraphe, les styles de caractère et de paragraphe exportables d'une machine à l'autre, le panneau Glyphes pour emprunter un caractère à une autre police, le tracé de travail qui vectorise une lettre sans toucher au calque de texte, les polices variables et OpenType dans le sélecteur. Vous saurez aussi quand une méthode est destructive, comme le masque de texte qui transforme vos lettres en simple sélection, et quelle alternative garde le texte vivant.

Pour qui

Le badge indique Débutant, mais ce cours est le chapitre texte d'une formation plus large et le formateur suppose acquis les calques, les masques de fusion, les objets dynamiques et la plume. Si ces notions sont floues, commencez par Débuter sur Photoshop : interface et calques, du même formateur. Le cours est tourné sur une version récente de Photoshop CC, avec le texte dynamique du panneau Propriétés, et les raccourcis sont donnés en Ctrl ; sur Mac, remplacez par Cmd. Un compte Creative Cloud et une connexion internet sont nécessaires pour la partie Adobe Fonts.

Pour aller plus loin

Si le texte n'est qu'une étape et que vous visez une pratique professionnelle complète du logiciel, la formation Photoshop certifiante, éligible au CPF couvre l'ensemble du logiciel en 57 heures avec un accompagnement.

Muse IA et Muse Code : déléguez vos documents et votre première application à l'IA de Meta

Mon, 12 Oct 2026 16:06:53 +0200

Meta a lancé son IA, mais entre Muse, Muse Spark et Muse Code, vous ne savez pas lequel sert à quoi, ni lequel ouvrir pour une tâche donnée.
Ce cours démêle les trois en quelques minutes, puis vous met au travail sur des fichiers fournis : un tableau de ventes à analyser, un ticket de caisse et un graphique à faire lire, deux devis PDF à comparer.

Dans la seconde moitié, vous installez Muse Code dans Visual Studio Code et vous construisez une application de suivi de budget en Next.js, sans écrire le code vous-même, en pilotant l'agent avec des règles, un mode plan et un objectif à atteindre.

Muse IA et Muse Code : ce que vous saurez faire

Chaque notion est appliquée aussitôt dans l'outil, sur un cas que vous pouvez reproduire.

Distinguer le modèle, l'assistant et l'agent de code, et choisir le bon
Formuler une demande avec contexte, format de sortie et vérification
Repérer une donnée aberrante dans un fichier avant de conclure
Obtenir une synthèse Excel et un PDF d'une page à partir de données brutes
Comparer deux documents contractuels sur des critères que vous fixez
Doser le niveau d'effort de l'agent pour ne pas brûler votre forfait
Poser des règles de projet que l'agent relit à chaque session

Muse IA sur vos documents : analyser, comparer, livrer

Le kit fourni contient le tableau de ventes d'une boulangerie sur neuf mois, avec une erreur de saisie glissée dedans. Muse la repère seul, nuance sa réponse, puis recalcule le meilleur mois une fois la correction donnée. Vous en tirez un classeur de synthèse et un PDF avec graphique et recommandations, rangés dans la bibliothèque de l'outil. Sur les images, l'assistant transcrit un ticket de caisse en tableau avec TVA et interprète la courbe de fréquentation d'un site. Sur les PDF, il compare deux devis de rénovation et montre pourquoi le moins cher ne l'est pas à périmètre égal. Le formateur signale ce que l'outil fait bien, et ce qu'il ne faut pas lui confier sans relecture.

Muse Code dans VS Code : de l'installation à l'application qui tourne

Muse Code travaille dans le terminal, lit et modifie les fichiers de votre projet, lance des commandes et vérifie le résultat. Vous l'installez avec Node.js et Visual Studio Code, vous choisissez un abonnement, puis vous apprenez les commandes slash, les gestes clavier et le choix du modèle Muse Spark. Vous créez ensuite le projet mon-budget en Next.js et Tailwind, vous écrivez un fichier agent.md de règles, vous planifiez un formulaire de dépenses avant de le coder, et vous confiez à l'agent un objectif complet, persistance, suppression, page de statistiques, vérifié critère par critère. Si vous connaissez déjà Claude Code ou Codex d'OpenAI, vous retrouverez la même logique d'agent, avec les particularités de Meta : agents en parallèle, sandbox, variante contributeur.

Pour qui

Le badge Débutant vaut pour la partie Muse IA, qui ne demande aucun prérequis. La partie Muse Code reste accessible sans savoir coder, le formateur montre chaque commande, mais elle passe par un terminal, l'installation de Node.js et quelques notions de structure de projet : il faut accepter de suivre pas à pas. Prévoyez un compte Muse et un abonnement Muse Code, les conditions d'accès et de disponibilité en France sont détaillées dans la FAQ. Le cours est tourné sur Windows, les commandes Mac et Linux sont indiquées.

Pour aller plus loin

Si l'application Next.js vous a donné envie de comprendre ce que l'agent écrit à votre place, la formation Dev Front End, éligible CPF, reprend React et Next.js avec un mentor individuel.

GPT-6 Astra et Codex dans ChatGPT : déléguez vos documents, vos recherches et vos applications

Sat, 10 Oct 2026 11:10:20 +0200

Vous savez ce que vous voulez obtenir, un tableau de bord à partir d'un fichier de ventes, un contrat propre, une présentation tirée de vos notes, mais c'est encore vous qui ouvrez Excel, Word et PowerPoint pour le fabriquer. Avec GPT-6 Astra en mode Work, vous décrivez le livrable et ChatGPT découpe le travail, l'exécute et vous rend le fichier fini. Ce cours vous apprend à écrire ce brief, à faire chercher, naviguer et planifier l'agent à votre place, à lui donner votre charte graphique sous forme de skill, puis à passer sur Codex pour construire une première application sans écrire le code vous-même. Le tout sur des fichiers fournis, avec les réglages qui évitent de brûler votre quota en une après-midi.

Astra et Codex au quotidien : ce que vous saurez faire

Chaque notion est posée en une ou deux slides puis appliquée dans l'outil, sur le fil rouge d'une petite entreprise fictive.

Choisir entre Chat, Work et Codex selon la tâche à confier
Rédiger un brief en quatre lignes qui donne un bon résultat du premier coup
Faire vérifier des données avant toute analyse et repérer les doublons
Exiger la liste des modifications sur un document sensible
Obtenir une veille chiffrée avec des sources datées et cliquables
Programmer une tâche qui se relance seule chaque semaine
Créer un skill réutilisable et un fichier agents.md pour des résultats homogènes
Versionner un projet Codex avec Git et revenir en arrière sans casse

Le mode Work, vu sur des fichiers réels

Le kit fourni contient un fichier de ventes sur neuf mois, un contrat de prestation volontairement mal mis en forme et des notes de réunion en vrac. Vous en sortez un tableau de bord Excel avec graphique, un contrat structuré en articles avec sommaire et bloc de signature, puis une présentation de huit diapositives. Le formateur montre aussi la modification par zone directement dans l'aperçu du fichier, et ce qu'il faut interdire à l'IA quand on lui confie un contrat. Côté recherche, un dossier de veille sur un marché artisanal sert à tester le navigateur intégré, les plugins et la distinction entre faits vérifiés et estimations.

Codex, de la première page à l'application versionnée

La seconde partie bascule dans l'agent de code d'OpenAI, dans son application de bureau plutôt qu'au terminal. Vous créez un projet, une page d'accueil, puis un gestionnaire de tâches complet validé en mode plan avant la moindre ligne écrite. Vous reliez Visual Studio Code, posez des règles permanentes dans un fichier agents.md, créez un skill de style, et connectez GitHub pour committer depuis la conversation. Si c'est uniquement Codex qui vous intéresse, cette partie existe aussi en cours autonome : Codex d'OpenAI, créez vos applications par IA. Et si vous travaillez plutôt côté Anthropic, Claude Cowork couvre le même type de délégation sur vos dossiers.

Pour qui

Le badge Débutant vaut pleinement pour la partie Astra : aucune compétence Excel, Word ou PowerPoint n'est nécessaire, c'est justement le point. La partie Codex reste accessible sans savoir coder, mais elle touche à Git, à GitHub et à un terminal pour une authentification, il faut accepter de suivre pas à pas. Il vous faut un abonnement ChatGPT Plus au minimum, car Astra n'est pas proposé dans le chat classique à ce niveau de plan, et un ordinateur Windows ou Mac. Les démonstrations sont filmées sur Windows. Le formateur travaille sur GPT-6 Astra et précise que les manipulations restent les mêmes aux versions suivantes, seule la puissance du modèle change.

Pour aller plus loin

Si vous n'avez jamais structuré un prompt et que vous voulez d'abord les bases du chat classique, des GPT personnalisés et du prompt engineering, commencez par Maîtriser ChatGPT : prompt engineering et fondamentaux de l'IA.