Derniers tutorials ajoutés (Tuto.com)

Geometry Nodes dans Blender 5 : construisez votre premier bâtiment procédural

Thu, 17 Sep 2026 21:14:23 +0200

Un immeuble à remodéliser de zéro à chaque fois que le client change la hauteur, ajoute un étage ou déplace la porte : c'est exactement le genre de tâche répétitive que les Geometry Nodes suppriment, à condition de comprendre ce que chaque nœud fait, et pas seulement de recopier un arbre trouvé en ligne. Ce cours part d'un simple cube et construit avec vous, nœud après nœud, un bâtiment procédural entièrement pilotable depuis le panneau du modificateur : dimensions, nombre d'étages et de travées, fenêtres, porte, corniches, couleurs et style architectural. À la fin, le générateur est enregistré dans l'Asset Browser et se réutilise dans n'importe quel fichier Blender, et vous savez pourquoi il fonctionne.

Bâtiment procédural : ce que vous saurez faire

Chaque étape ajoute une fonctionnalité, crée un nouveau problème et le résout, ce qui vous laisse des réflexes réutilisables bien au-delà de l'immeuble du cours.

Décomposer un objet en briques simples avant d'ouvrir l'éditeur de nœuds
Exposer hauteur, largeur et nombre d'étages dans le panneau du modificateur
Instancier un mesh sur des faces choisies et l'orienter selon leurs normales
Filtrer une géométrie par condition pour isoler un toit ou un rez-de-chaussée
Ancrer l'origine au sol pour qu'un objet grandisse sans s'enfoncer
Assigner et recolorer des matériaux directement dans l'arbre de nœuds
Transformer un générateur en asset réutilisable avec ses variantes de style

Instance on Points, Separate Geometry, Set Material : les nœuds que vous manipulerez

Le cours ne survole pas une liste de nœuds, il en utilise une quinzaine jusqu'à ce qu'ils deviennent naturels : Cube et Group Input pour le volume paramétrable, Transform Geometry et Combine XYZ pour l'ancrage au sol, Mesh to Points et Instance on Points pour poser les fenêtres, Capture Attribute et Compare pour filtrer les faces selon leur normale, Extrude Mesh pour les corniches, Set Material et Collection Info pour les matériaux et les styles. La méthode est toujours la même : reproduire la manipulation à la main, puis la traduire en nœuds. Vous apprenez aussi à garder un arbre lisible avec les frames, les groupes et le raccourci Ctrl+Shift+clic pour prévisualiser une sortie. Si vous voulez ensuite la référence exhaustive nœud par nœud, la formation complète sur les Geometry Nodes prend le relais.

Du fichier de cours à votre propre bibliothèque de bâtiments

Les deux derniers chapitres transforment l'exercice en outil de production. Les textures sont appliquées avec l'add-on Node Wrangler, fourni avec Blender, puis chaque élément reçoit sa propre teinte. Les collections permettent de basculer d'un style de fenêtre ou de porte à un autre, et l'Asset Browser enregistre vos modèles pour les importer en append dans n'importe quel projet. Le fichier .blend fourni contient en plus un générateur plus poussé que celui du cours, avec porte simple ou double, fenêtres aléatoires et façade avant seule : le défi final consiste à reproduire une de ces fonctions sans regarder la solution. Un PDF récapitule tous les raccourcis clavier employés au fil des vidéos. Quand un seul immeuble ne suffit plus, le générateur de ville paramétrable reprend la même logique à l'échelle d'un quartier.

Pour qui

Le badge Débutant est mérité : les deux premières vidéos reposent les bases de l'objet 3D, de l'extrusion et du loop cut avant le premier nœud, et aucune expérience des Geometry Nodes n'est attendue. Il faut en revanche avoir déjà ouvert Blender et savoir naviguer dans le viewport. Si ce n'est pas le cas, la scène Low Poly gratuite sur Blender 5 vous met à niveau en une après-midi. Le cours est tourné sur Blender 5, avec les noms de nœuds en anglais tels qu'ils apparaissent dans l'interface par défaut.

Pour aller plus loin

Si votre objectif est un métier plutôt qu'un projet, le parcours pro Infographiste 3D Blender couvre l'ensemble du pipeline avec un mentor dédié.

Genially pour l'impression : un même support, interactif à l'écran et net sur papier

Wed, 16 Sep 2026 20:53:42 +0200

Images floues, texte rogné, boutons qui ne mènent nulle part : un Genially pensé pour l'écran s'imprime rarement tel quel. Le papier impose ses propres règles, une résolution plus haute, des pages fixes et aucune interactivité. La bonne méthode consiste à anticiper l'impression dès le réglage du canevas, plutôt que de tout reprendre au moment d'exporter. Vous apprenez ici à construire un seul Genially qui reste interactif en ligne et devient une brochure A4 nette et lisible, exportée en PDF.

Genially web et print : ce que vous saurez faire

Les réflexes acquis ici s'appliquent à tout support destiné à être imprimé : dossier à distribuer, support de formation papier, brochure produit.

Régler un canevas A4 en 300 ppp avec ses marges de sécurité
Choisir une taille de police qui reste lisible une fois imprimée
Remplacer un bouton, une fenêtre ou une vidéo par un équivalent papier
Relier un QR code et un bouton à la même destination
Tirer deux versions, web et print, d'un même fichier
Contrôler un PDF et un exemplaire test avant le tirage

Une brochure produit de six pages, de la page blanche au PDF

Tout le cours avance sur un projet unique : la brochure d'une marque fictive de cosmétiques bio, avec page de garde, mot de la fondatrice, trois fiches produits et une page contact. Chaque notion théorique est aussitôt appliquée sur une page réelle. Les images, les textes à coller et le PDF final sont fournis dans les fichiers sources, ce qui vous permet de reproduire chaque étape à l'identique. Les effets de transparence de la couverture et des fiches reposent sur les modes de fusion de Genially, que le tuto Modes de fusion dans Genially détaille en profondeur.

QR code, renvoi de page, avis clients : l'interactivité traduite sur papier

Un bouton « Voir le tutoriel » n'a plus de sens une fois imprimé, et il trompe même le lecteur qui consulte le PDF à l'écran. Le cours montre trois équivalents : un QR code placé à côté du bouton et pointant vers la même adresse, un renvoi du type « voir page 2 » à la place d'un lien interne, et le contenu d'une fenêtre affiché directement sur la page. Vous gardez ainsi un seul fichier de travail, dupliqué en fin de parcours en une version web et une version print, au lieu de maintenir deux documents qui divergent. La question des couleurs est aussi abordée, avec ses limites dans Genially.

Pour qui

Concepteurs pédagogiques, formateurs, chargés de communication et créateurs de contenus qui veulent proposer une version imprimable de leurs créations. Malgré le badge Débutant, le cours suppose que vous savez déjà naviguer dans l'éditeur, insérer des éléments et régler une interactivité : si vous débutez, commencez par les principales fonctionnalités de Genially. L'export en PDF, indispensable pour imprimer, nécessite un plan Genially payant. Comptez un peu moins de deux heures de vidéo.

Pour aller plus loin

Si votre contrainte est l'écran du smartphone plutôt que la feuille A4, la même démarche s'applique dans Concevoir un Genially mobile friendly.

Méthode BEM en CSS : des classes claires pour des composants autonomes et maintenables

Tue, 15 Sep 2026 14:45:00 +0200

Vous ciblez une carte avec une chaîne comme main section div, puis vous la déplacez ou la dupliquez, et le style disparaît parce que le sélecteur dépendait de la structure HTML. La méthode BEM (Bloc, Élément, Modificateur) règle ce problème à la source : chaque composant porte ses propres classes, se lit d'un coup d'œil et fonctionne où que vous le posiez dans la page. Vous l'appliquez en live coding sur une carte de profil, puis sur une carte d'avis client complète avec sa variante mise en avant, le tout rangé dans une feuille de style organisée en cascade layers.

Méthode BEM : ce que vous saurez faire

À la fin du cours, la convention BEM devient un réflexe sur chaque composant que vous codez.

Rendre un composant indépendant de sa place dans la page
Nommer blocs et éléments avec la convention du double underscore
Décliner une variante sans réécrire le composant de base
Déclarer vos éléments à plat, sans chaîne de sélecteurs parents
Décider si un bouton appartient au bloc ou devient un composant
Ranger vos composants BEM dans une architecture en layers
Masquer des émojis décoratifs aux lecteurs d'écran

Modificateur BEM : une variante sans dupliquer le CSS

Le modificateur est ce qui fait gagner le plus de temps. La carte « premium » comme l'avis « à la une » reprennent tout ce que le bloc définit déjà, padding, largeur maximale, arrondi, et ne redéclarent que ce qui change : fond sombre, couleurs du nom et du texte, ombre plus marquée, badge positionné en haut à droite. Le cours montre aussi la limite de l'exercice : pour recolorer un élément dans la variante, on repart du sélecteur parent, ce que le nesting CSS permettra d'alléger dans l'épisode suivant de la série.

BEM et cascade layers : reset, base, components, utilities

La carte d'avis client se construit en trois temps, HTML sémantique, attributs ARIA, puis classes BEM, avant de passer au CSS. La feuille reprend les quatre layers vus dans le cours sur la cascade, la spécificité et les layers, et place chaque composant dans le layer components, commenté et ordonné comme le HTML. Une vidéo revient sur la carte produit codée dans cet épisode précédent pour y lire la structure BEM déjà en place. Côté accessibilité, les étoiles en émoji sont retirées de l'arbre d'accessibilité avec aria-hidden ; pour creuser ces attributs, voyez le cours sur les attributs ARIA essentiels.

Pour qui

Le badge Intermédiaire est justifié : vous écrivez déjà du HTML et du CSS sans aide, et vous connaissez Flexbox et le positionnement, que le cours utilise sans les réexpliquer. Il se suit seul pour apprendre BEM, mais la vidéo de reprise sera plus parlante si vous avez vu l'épisode sur les layers. Aucun framework ni préprocesseur : uniquement du CSS natif, écrit dans Visual Studio Code.

Pour aller plus loin

Vous voulez regrouper les éléments d'un bloc directement dans son sélecteur : le tuto gratuit sur le nesting CSS pose les bases de l'imbrication native que la série combinera ensuite avec BEM.

Maîtrisez la suite Proton : libérez-vous des GAFAM !

Tue, 15 Sep 2026 13:09:44 +0200

Vingt ans de vie numérique chez Google ou Microsoft, et l'idée de tout déplacer suffit à repousser la décision d'une année de plus. Changer de messagerie fait peur : les mails égarés, les contacts qui écrivent dans le vide, les comptes en ligne qui pointent encore vers l'ancienne adresse. Ce cours fait la bascule avec vous, outil par outil, du compte gratuit à l'abonnement : messagerie, agenda, stockage, VPN, bureautique, visioconférence et assistant IA, dans le navigateur puis sur Mac, sur PC et sur smartphone. Vous en sortez avec un environnement de travail complet, hébergé en Suisse, et avec la méthode pour couper le cordon sans casser vos habitudes.

Suite Proton : ce que vous saurez faire

Chaque application est prise en main sur un compte réel, d'abord en version gratuite, puis avec les fonctions que débloque l'abonnement.

Choisir l'offre qui correspond à votre usage réel
Brancher votre nom de domaine sur votre messagerie
Basculer vos comptes en ligne vers votre nouvelle adresse
Arbitrer entre niveau de protection et confort au quotidien
Partager un fichier par lien protégé, avec mot de passe et expiration
Régler le VPN : protocole, kill switch, filtrage et profils par pays
Brancher votre messagerie sur un client de bureau via le Bridge

La migration se joue sur vos comptes, pas sur vos mails

Rapatrier son ancienne boîte est la partie facile, et c'est aussi la moins utile : tant qu'un message transite d'abord par Gmail, Google le voit passer. Le cours montre les deux chemins, la connexion de l'adresse Gmail pour la transition et l'import du calendrier Google, puis explique pourquoi le vrai travail consiste à reprendre un par un les comptes qui pointent vers l'ancienne adresse, du fournisseur d'accès au site marchand. La partie navigateur et traqueurs, elle, n'est pas traitée ici : elle est couverte dans protéger sa vie privée sur Internet.

Chiffrement et confort : où placer le curseur

Plus la protection monte, plus l'usage se complique, et le cours ne le cache pas. Une phrase de récupération perdue sur un compte chiffré, ce sont des données perdues pour de bon. Un kill switch activé coupe tout l'accès Internet dès que le VPN tombe. Les protocoles maison de Proton ferment la porte aux clients de messagerie standards. Et le chiffrement de bout en bout protège ce qui part de votre machine, pas ce que votre correspondant resté chez Google reçoit. Chaque réglage sensible est présenté avec sa contrepartie, pour que vous placiez le curseur vous-même plutôt que de tout activer par principe. C'est la même logique de sortie d'écosystème que dans les alternatives libres au Creative Cloud, appliquée cette fois à vos outils de travail quotidiens.

Pour qui

Aucun prérequis technique : la formation part de la création d'un compte gratuit et s'adresse aux particuliers, aux indépendants et aux petites structures. Trois points à savoir avant d'acheter. Une bonne partie du programme, domaine personnalisé, filtres illimités, réponse automatique, historique de versions étendu et Bridge, suppose un abonnement payant de type Unlimited ou Duo, et l'application de bureau ne fonctionne que quatorze jours sur un compte gratuit. Les démonstrations mobiles sont réalisées sur iPhone. Enfin, le cours ne couvre ni le chiffrement PGP avancé, ni Proton Pass, ni les besoins des profils très exposés comme les lanceurs d'alerte, ce que le formateur annonce lui-même.

Pour aller plus loin

Si votre priorité est le socle de sécurité avant le choix d'un fournisseur, mots de passe, hameçonnage, double authentification et sauvegardes, commencez plutôt par le cours complet sur les cybermenaces.

Erreurs iPhone à éviter : les bons réflexes pour protéger batterie, photos et stockage

Wed, 16 Sep 2026 08:31:44 +0200

Vous fermez toutes vos applications pour économiser la batterie, vous effacez des photos parce qu'elles sont « sur iCloud », vous rachetez un iPhone dès que l'autonomie baisse ? Ces réflexes que tout le monde croit bons ralentissent l'appareil, usent la batterie et peuvent faire disparaître vos souvenirs. Ce guide passe en revue les erreurs les plus courantes sur iPhone et donne, pour chacune, le réglage ou le geste qui la corrige. Vous repartez avec un téléphone plus fluide, des photos à l'abri et un appareil qui tient des années de plus.

Bonnes pratiques iPhone : ce que vous saurez faire

Des gestes simples, applicables tout de suite sur votre propre iPhone.

Savoir quand forcer la fermeture d'une application, et quand s'en abstenir
Libérer de la place sans supprimer une seule photo de la photothèque
Faire taire l'alerte de stockage iCloud sans payer davantage
Décider si une batterie usée justifie vraiment un nouvel iPhone
Adapter la résolution vidéo à l'usage sans saturer la mémoire
Limiter les applications qui suivent vos déplacements en arrière-plan
Garantir l'accès à votre compte en cas d'oubli ou d'imprévu

Les erreurs iPhone vues au comptoir d'un Apple Store

Le cours ne part pas d'une liste théorique. Chaque erreur traitée a été rencontrée en boutique, souvent des centaines de fois : le client qui a perdu les photos de son mariage, celui qui change de câble tous les mois, celui qui s'apprête à dépenser plus de 1 000 € alors que sa batterie seule est en cause. Pour chaque cas, vous comprenez d'abord pourquoi le réflexe pose problème, puis vous appliquez le bon réglage, chemin de menu à l'appui. Une check-list récapitulative est fournie pour vérifier votre iPhone point par point. Si votre souci principal est un stockage plein, le cours Stockage iPhone saturé : libérer de l'espace sans rien perdre va beaucoup plus loin sur ce seul sujet.

Batterie iPhone : le chiffre à vérifier avant de racheter un téléphone

Un iPhone de deux ou trois ans qui rame et ne tient plus la journée n'est pas forcément à remplacer. La batterie lithium-ion est la seule pièce qui s'use vraiment, et quand elle faiblit, iOS bride le processeur pour éviter les extinctions. Le cours montre où lire la capacité maximale, à partir de quel seuil agir, et pourquoi un remplacement chez Apple ou un réparateur agréé redonne souvent plusieurs années de vie à l'appareil. Il détaille aussi ce qui abîme la batterie au quotidien : la chaleur, les décharges complètes et les chargeurs non certifiés.

Pour qui

Tout utilisateur d'iPhone, du débutant à celui qui s'en sert depuis des années sans s'être penché sur les réglages. Aucune connaissance technique n'est nécessaire, il suffit d'avoir son iPhone en main. Les options présentées concernent une version récente d'iOS ; quelques réglages, comme la limite de charge à 80 %, sont réservés aux modèles les plus récents. Le cours est gratuit : un compte Tuto.com gratuit suffit pour le suivre, et les vidéos se téléchargent dans l'application Tuto.com. Vous découvrez l'iPhone et voulez tout reprendre depuis le début : iPhone sans stress, la formation complète pour les débutants est plus adaptée. Votre priorité est de repérer les faux SMS et les appels frauduleux : suivez Stop aux arnaques sur iPhone.

Pour aller plus loin

Pour comprendre en détail ce qui se synchronise entre votre iPhone, votre iPad et votre Mac, et reprendre la main sur votre espace de stockage en ligne, poursuivez avec iCloud et synchronisation Apple.

Claude Cowork, ton bras droit IA : range tes fichiers, automatise ton travail

Mon, 14 Sep 2026 13:01:27 +0200

Tu demandes à une IA comment ranger tes fichiers : elle te décrit la méthode, et c'est encore toi qui ouvres les dossiers, qui renommes, qui classes.
Claude Cowork fonctionne dans l'autre sens. Il ouvre tes dossiers, lit tes fichiers, crée des documents et les range, directement sur ton ordinateur, pendant que tu fais autre chose.
Ce cours part de l'installation et va jusqu'aux tâches qui se déclenchent toutes seules, sans écrire une ligne de code.

Cowork au quotidien : ce que tu sauras faire

Chaque leçon se termine par un exercice à refaire sur tes propres fichiers.

Cadrer une consigne pour obtenir un résultat exploitable du premier coup
Décider dossier par dossier ce que l'IA a le droit d'ouvrir
Fabriquer une compétence réutilisable qui reproduit ton style
Programmer une tâche qui se déclenche sans toi
Débloquer une installation qui échoue au lieu d'abandonner
Choisir entre un projet, une compétence et un plugin selon le besoin

La méthode MODELE, pour arrêter d'obtenir des résultats moyens

Métier, objectif, destination, éléments de contexte, limites, exemples : six briques qui transforment une demande vague en mini-cahier des charges. Le même prompt est montré avant et après, sur un post LinkedIn, une séquence d'emails et une liste d'idées de contenu, pour que la différence soit visible plutôt que théorique. Tu repars avec un projet Cowork qui construit ces prompts à ta place, en te posant les questions une par une.

Des projets filmés en entier, blocages compris

Un dossier de téléchargement en vrac trié et renommé par sujet, une pile de tickets en dongs, ringgits et yens convertie en tableur avec les totaux en euros, un diaporama de voyage, une vidéo souvenir, un CRM maison à la place d'un abonnement mensuel, un carrousel Canva à ta charte, une veille Amazon KDP relevée chaque semaine dans un tableau de bord. Quand un skill refuse de s'installer ou que Cowork annonce qu'une chose est impossible, la manœuvre pour le débloquer reste à l'écran. Tous les prompts utilisés sont fournis, prêts à copier.

Connecteurs, compétences et plugins : où se joue la différence

Un connecteur relie Cowork à une application, une compétence lui apprend une recette, un plugin réunit les deux. Tu vois où les trouver, comment vérifier ce que contient un skill téléchargé avant de l'installer, et comment en créer un en dictant simplement ce que tu veux obtenir. Pour pousser ensuite du côté du code, des données et du protocole MCP, la formation complète Claude AI prend le relais, et Claude aux commandes de Blender montre ce que donne MCP sur un logiciel métier.

Pour qui

Le badge Débutant vaut pour l'installation et les premiers projets : si tu sais envoyer un email, tu suis. Les deux derniers modules vont plus loin, avec l'installation d'un plugin depuis GitHub, le protocole MCP, les tâches programmées et l'édition d'un fichier JSON. Rien n'y demande de coder, mais il faut accepter de tâtonner. Il te faut un ordinateur Mac, Windows ou Linux et un abonnement Claude payant, Pro au minimum. Les démonstrations sont filmées sur Mac et les prompts restent identiques ailleurs. Deux passages de la fin sont réalisés dans Claude Code plutôt que dans Cowork, pour montrer quand l'un vaut mieux que l'autre.

Pour aller plus loin

Si tu ne connais pas encore Claude et que tu préfères maîtriser la conversation, les projets et les artefacts avant de lui confier tes dossiers, commence par Claude d'Anthropic : maîtrisez l'IA générative professionnelle.

Créer des vidéos par IA avec Seedance et Dreamina : du prompt au montage final

Sun, 13 Sep 2026 10:19:55 +0200

Vous avez une idée de vidéo en tête. Un plan, une ambiance, un produit qui tourne sur fond sombre. Et entre cette idée et le fichier exporté, il y avait jusqu'ici une caméra, un lieu, des acteurs et deux semaines de production. Ce cours vous montre comment franchir cette distance depuis votre navigateur, en quelques minutes.

Vous travaillerez avec Seedance, le moteur de génération vidéo développé par l'équipe Seed de ByteDance, via l'interface Dreamina. C'est aujourd'hui l'un des modèles les plus complets du marché : jusqu'à 50 références multimodales dans une seule génération, des plans continus de 30 secondes, de la 4K native avec audio stéréo synchronisé. Et surtout l'un des plus accessibles financièrement.

Ce que vous saurez faire à la fin

Comprendre le modèle avant de cliquer sur générer. La majorité des échecs en vidéo IA ne viennent pas d'une mauvaise manipulation, mais d'une mauvaise idée de ce que la machine sait faire.
Écrire des prompts qui produisent ce que vous aviez en tête. Vous appliquerez la méthode SCENE (sujet, cadre, environnement, nuance, écoute) et le vocabulaire de cadrage, de lumière et de mouvement qui va avec.
Verrouiller un personnage sur toute une série de plans. La fiche de casting, l'image maîtresse, les références citées avec l'arobase : de quoi refaire deux fois le même visage.
Piloter votre budget crédits. Tester en basse résolution, ne changer qu'une variable à la fois, préférer l'édition ciblée à la régénération complète. Un plan à 90 % se corrige, il ne se jette pas.
Produire quatre projets complets : un short vertical, une animation stylisée, un mini récit en trois plans et une publicité produit de 30 secondes.
Rester dans les clous juridiques. Droits d'usage commercial selon votre plan, traçabilité des contenus générés, ressemblance de personnes réelles, marques et univers protégés.
Monter et exporter. Un module complet sur CapCut vient compléter la partie génération : timeline, texte animé, jump cut, pistes multiples, effets sonores et réglages d'export pour YouTube.

Comment le cours est construit

Deux temps. D'abord la compréhension : ce qu'est réellement un modèle de génération vidéo, ce qui le sépare de la 3D, comment il fabrique une image animée, et où Seedance se situe face à Veo, Kling ou Runway. Ce chapitre comparatif est assumé comme tel, sans désigner de vainqueur absolu, parce qu'un professionnel travaille en général avec deux ou trois modèles selon le plan à produire.
Ensuite la pratique, écran de l'outil à l'appui : interface, panneau de génération réglage par réglage, ateliers guidés, correction des générations ratées et analyse de ce qui a dérivé. Le formateur montre aussi les échecs, ce qui est plus formateur que les seules réussites.

Pour qui

Créateurs YouTube, TikTok et Instagram qui veulent tenir une cadence de publication sans tournage. Freelances, community managers et annonceurs qui produisent des visuels produit ou des variantes publicitaires. Entrepreneurs et e-commerçants. Monteurs et graphistes curieux de l'apport de l'IA dans leur chaîne de production. Aucune connaissance en montage, en code ou en 3D n'est nécessaire.
Côté matériel, rien à installer : un navigateur, une connexion stable et un compte Dreamina, avec des crédits offerts à l'inscription pour démarrer sans carte bancaire.

Pour aller plus loin

Retrouvez l'ensemble des cours du catalogue sur Seedance. Si vous voulez comparer les moteurs entre eux, la formation Kling AI et le cours Vidéo IA : maîtriser Google Veo couvrent les deux principaux concurrents. Pour générer vos images de référence en amont, le cours Apprendre Midjourney du même formateur complète bien ce workflow.

Retouche photo animalière dans Affinity : 10 ateliers, des calques de réglage à l'IA

Mon, 14 Sep 2026 07:13:46 +0200

Le chien est net, l'exposition est correcte, et pourtant la photo reste plate. L'animal ne se détache pas de son décor, et c'est là que tout se joue.
Ces 10 ateliers reprennent chacun une image brute et la mènent jusqu'au rendu final dans Affinity, en expliquant chaque décision au moment où elle est prise.
Vous repartez avec un enchaînement de calques rejouable sur vos propres photos, et avec une idée nette de ce que l'IA intégrée au logiciel sait faire, et de ce qu'elle rate.

Détacher un animal de son décor : ce que vous saurez faire

Chaque atelier part d'un défaut précis et le corrige de bout en bout.

Détourer un animal en un clic, puis rattraper ce que la sélection a raté
Séparer le sujet du fond avec niveaux, courbes et correction sélective
Faire ressortir un regard au pinceau en lumière tamisée
Fabriquer une profondeur de champ que l'objectif n'a pas donnée
Effacer une branche, un caillou ou un promeneur du décor
Poser une ambiance vintage au grain et à l'aberration chromatique
Savoir quand l'IA fait gagner du temps, et quand elle en fait perdre

Dix animaux, dix problèmes différents

Un chien qui manque de contraste, un chat dont la queue coupe le cadre, un panda roux trop centré, un lama à replacer sur un fond généré, un suricate à recomposer sur un paysage. Vous ne suivez pas une liste d'outils, vous suivez un raisonnement de retouche. Le module Développer, l'équivalent de Camera Raw dans Affinity, est pris en main au troisième atelier, puis réutilisé ensuite.

L'IA de Canva dans Affinity, montrée avec ses ratés

L'expansion générative, la modification générative et la génération d'image passent par les modèles de Canva, Nano Banana et Seedream compris. Les ateliers les utilisent en conditions réelles, y compris quand l'outil plante en pleine génération ou efface autre chose que ce qui était demandé. Le formateur le dit sans détour : pour l'IA seule, Affinity n'est pas encore au niveau de ses concurrents. Vous apprenez donc à l'utiliser là où elle fait gagner du temps, et à reprendre la main partout ailleurs.

Les fichiers Affinity de chaque atelier, calques intacts

Les photos de départ sont libres de droits et le fichier de chaque atelier est téléchargeable avec toute sa pile de calques. Vous travaillez sur les mêmes images que le formateur, puis vous ouvrez son fichier final pour comparer votre construction à la sienne. Un QCM valide les acquis et la section Entraide reste ouverte pour vos avant/après. Pour voir la même intention traduite avec d'autres outils, les mêmes ateliers menés dans Photoshop existent en parallèle.

Pour qui

Pour les photographes animaliers amateurs qui shootent bien et post-traitent peu, et pour toute personne qui découvre la retouche dans Affinity. Aucun prérequis avancé, chaque outil est présenté au moment où il sert. Les fonctions d'intelligence artificielle demandent un compte séparé, point détaillé dans la FAQ. Si vous n'avez jamais ouvert le logiciel, la présentation gratuite d'Affinity Studio fait le tour de l'interface en quelques minutes.

Pour aller plus loin

Si vous découvrez le logiciel en même temps que la retouche, Affinity Studio, la formation complète reprend les modules depuis le début.

Créer un QR Code dans Affinity sans passer par un générateur en ligne

Sun, 13 Sep 2026 14:14:00 +0200

Un QR Code sur une carte de visite, une affiche ou un packaging, c'est devenu un réflexe. Le passage obligé par un générateur en ligne, lui, l'est beaucoup moins : il faut quitter sa maquette, créer un compte, télécharger un PNG basse définition puis le réimporter. Depuis la suite Affinity, tout cela est inutile : l'outil Code QR est intégré au logiciel, et il génère un code vectoriel directement dans votre document.
Ce cours gratuit de moins de 5 minutes vous montre où le trouver et comment l'exploiter, dans les trois environnements de travail : pixel, vecteur et mise en page.

Ce que vous allez apprendre

Trouver l'outil Code QR, caché derrière l'outil Rectangle, et le faire apparaître en un clic maintenu.
Ouvrir le menu Données et choisir le type d'information à embarquer dans votre code.
Encoder une URL et vérifier que le lien est valide sans quitter Affinity.
Générer un QR Code vCard pour partager nom, téléphone, email et société d'un seul scan.
Créer un QR Code Wi-Fi pour connecter vos visiteurs sans dicter le mot de passe.
Adapter la couleur et la taille du code à votre charte graphique.

Onze types de données dans un seul outil

Le menu Données ne se limite pas aux liens web. Vous y trouverez le texte brut, l'URL, le numéro de téléphone, le SMS pré-rédigé, l'email avec objet et corps de message, WhatsApp, FaceTime, le point GPS en longitude et latitude, le réseau Wi-Fi, la vCard et la fusion de données. Le code se recalcule tout seul à chaque changement : plus l'information est riche, plus la trame se densifie. Une carte de visite connectée, une affiche événementielle qui pointe vers une billetterie ou un packaging qui renvoie vers une notice se traitent donc exactement de la même façon.

Votre formateur

Olivier Krakus est graphiste, webdesigner et formateur certifié sur Tuto.com depuis 2015. Expert de la communauté Adobe, auteur d'ouvrages publiés chez Dunod et Eyrolles, il enseigne le design dans plusieurs écoles supérieures (IIM Digital School, EEMI, IPAG Business School, Studi) et a produit plusieurs centaines de formations dédiées aux outils de création graphique, dont la suite Affinity. Il reste joignable dans la section Entraide pour répondre à vos questions.

Pour aller plus loin

Si vous débutez sur la suite, commencez par prendre en main Affinity Studio en 1 heure. Pour intégrer proprement votre QR Code dans un document imprimé, poursuivez avec les outils de mise en page d'Affinity, puis mettez-le en pratique sur un dépliant 3 volets prêt pour l'impression. La génération automatique de QR Codes par fusion de données est détaillée dans les nouveautés d'Affinity Publisher 2.6, et 30 astuces Affinity rassemble les réflexes qui font gagner du temps au quotidien.
Pour une montée en compétences complète, retrouvez la formation complète Affinity Studio ou l'ensemble de nos tutos Affinity. Et si vous visez une certification, la formation Design Graphique éligible CPF couvre l'ensemble du métier.

Photographier comme un pro avec son iPhone : 20 situations, 20 techniques

Wed, 09 Sep 2026 18:56:59 +0200

Vous prenez une photo, la scène vous paraît magnifique, et le résultat est décevant. Sujet trop sombre, lumière plate, image sans profondeur. Le problème ne vient presque jamais de l'iPhone. Il vient de ce que l'on regarde, ou pas, avant d'appuyer sur le déclencheur.

Cette formation de 2h07 prend le problème par l'autre bout.
Au lieu de dérouler les fonctions de l'appareil photo une par une, elle part de situations réelles que vous rencontrez au quotidien, et vous donne pour chacune la marche à suivre.

Pour chaque situation, vous saurez

Où placer votre sujet et où vous placer, vous
Quel objectif choisir entre le 0,5, le x1 et les zooms optiques
Comment repérer et exploiter la lumière disponible
Comment cadrer avec la grille et les points de force
Comment ajuster l'exposition au doigt pour donner du caractère
Quelles erreurs évitent le cliché raté

Portraits et photos de personnes

Six situations pour les photos qui comptent le plus : portrait en extérieur avec une lumière douce et un arrière-plan propre, portrait en intérieur en exploitant la fenêtre, portrait au coucher de soleil avec le choix entre visage éclairé et silhouette. Vous verrez aussi comment diriger une personne mal à l'aise devant l'objectif, comment saisir un enfant en mouvement au mode rafale, et comment placer un groupe pour que personne ne soit coupé ni caché.

Voyage, paysage et architecture

Construire un paysage avec un premier plan qui donne de la profondeur, gérer l'horizon aux deux tiers, basculer en 48 mégapixels quand votre modèle le permet. Photographier un monument sans le déformer en gardant l'objectif parallèle, ou au contraire assumer la contre-plongée pour l'effet de grandeur. Traiter une rue comme un photographe : chercher les lignes, attendre l'instant. Et réussir une ville de nuit avec le mode Nuit et une bonne stabilité.

Les photos du quotidien

Un plat au restaurant, une tasse de café, votre intérieur, votre animal de compagnie, un détail en macro. Cinq situations où quelques secondes de préparation changent tout : l'angle à 45 degrés, l'astuce de l'iPhone retourné pour raser la table, le placement par rapport à la source de lumière, la mise au point sur le regard de l'animal.

Les situations difficiles

Le plein soleil, la vitre, la pluie. Trois cas où la contrainte devient la matière de l'image : accentuer les ombres dures au lieu de les subir, utiliser les reflets d'une vitre pour composer, exploiter les flaques et les gouttes après l'averse.

Créer des photos qui sortent du lot

La pose longue avec Live Photo, pour transformer une cascade en voile ou les phares d'une voiture en traînées lumineuses, sans trépied professionnel. Les lignes et les points de fuite qui guident le regard. Et un dernier module qui rejoue toute la méthode de A à Z sur une seule photo, de l'observation jusqu'à la retouche légère.

Apprendre à regarder avant de photographier

C'est le fil rouge du cours. Observer la scène, choisir son point de vue, sélectionner le bon objectif, lire la lumière, attendre le bon moment. Cinq réflexes qui deviennent des automatismes et qui valent pour n'importe quel appareil. L'iPhone devient un outil photographique, pas seulement un bouton sur lequel on appuie.

À qui s'adresse cette formation

Vous utilisez déjà l'appareil photo de votre iPhone mais le résultat reste inégal
Vous connaissez les réglages sans savoir quoi en faire face à une scène précise
Vous voulez améliorer vos portraits, vos photos de voyage ou de famille
Vous voulez mieux choisir entre les différents objectifs de votre iPhone
Vous cherchez de meilleures images sans acheter d'appareil photo

Prérequis

Cette formation est le volet pratique d'un parcours en deux temps. Elle suppose que vous connaissez déjà les fonctions principales de l'appareil photo de votre iPhone. Si ce n'est pas le cas, commencez par Photo iPhone : la méthode complète pour des clichés dignes d'un photographe, qui pose les bases des réglages, de la composition et de l'exposition.

Votre formateur

Laurent Nivon a été spécialiste Formation chez Apple France pendant plus de 11 ans. Créateur de contenu dédié aux produits Apple, il a accompagné plus de 8 000 utilisateurs, professionnels, indépendants et créateurs. Ce sont les mêmes conseils qu'il donnait en boutique, structurés ici en situations que vous pouvez rejouer dès aujourd'hui.

Pour aller plus loin

Retrouvez toutes les formations du catalogue sur le channel iPhone
Passez à l'image animée avec Filmer comme un pro avec son iPhone
Le mode 48 mégapixels remplit vite la mémoire : Stockage iPhone saturé, libérez jusqu'à 50 Go
Valorisez vos images en ligne avec Explosez sur les réseaux sociaux avec votre iPhone
Si la photographie devient un projet professionnel, la Formation Photographe est un parcours certifiant de 61 heures avec mentor individuel, éligible au CPF

Votre objectif : ne plus simplement prendre une photo avec votre iPhone, mais savoir comment la réussir.

Masques IA et retouches locales dans Lightroom CC : sculptez chaque zone de vos photos

Mon, 07 Sep 2026 14:09:17 +0200

Vous savez faire un bon développement global. Le problème, c'est qu'une photo n'est jamais globale. Chaque zone a sa lumière, sa couleur et sa texture, et chacune demande un traitement différent. Ce cours vous apprend à les isoler une par une dans Lightroom, avec les masques assistés par IA quand ils fonctionnent et au pinceau quand ils échouent. Vous en ressortez capable de décider ce que vous voulez obtenir, puis de choisir l'outil qui y arrive le plus vite et le plus proprement.

Retoucher zone par zone dans Lightroom : ce que vous saurez faire

La méthode se travaille sur des paysages, des scènes urbaines et deux portraits studio.

Prédire quel masque IA va réussir avant même de cliquer
Obtenir une meilleure sélection par la négative, en dupliquant et en inversant
Rattraper une sélection ratée en ajout, en soustraction ou en intersection
Cibler une couleur ou une plage de luminance précise
Retoucher un portrait zone par zone sans plastifier la peau
Doser une retouche pour qu'elle reste crédible en basse lumière
Masquer normalement une photo étendue par le développement génératif

Prédire quand la détection de ciel va échouer

Sur un palmier devant un immeuble, la détection de ciel laisse passer des trous dans le feuillage, alors qu'une détection de sujet inversée donne un résultat impeccable. Sur une photo de tramway, c'est exactement l'inverse : l'arrière-plan n'est plus le ciel mais tout ce qui n'est pas le tramway, et l'inversion ne sert plus à rien. Le premier chapitre passe chaque outil en revue par ce biais, celui de ses échecs. Savoir anticiper le comportement du logiciel fait gagner plus de temps que n'importe quel raccourci clavier.

Les masques de gamme, la sélection que l'IA ne sait pas faire

Tous les autres masques raisonnent en géographie : un contour, un objet, une personne, une zone peinte. La plage de couleurs et la plage de luminance raisonnent en similarité : tout ce qui ressemble à ce vert, tout ce qui est plus sombre que ce seuil, où que ce soit dans l'image. C'est ce qui permet de contraster les ombres seules ou de faire basculer une saison en changeant la teinte des verts. Aucun outil IA ne le remplace.

Vingt et une photos RAW, de trois boîtiers, pour s'entraîner

Les fichiers fournis viennent d'un Canon 5D Mark I, d'un 5DSR à 50 millions de pixels et d'un Sony A7R V. Paysages, scènes urbaines, nature, photos de jour comme de nuit, portraits en studio sous panneaux LED gélatinés. Vous travaillez sur les mêmes négatifs numériques que dans les démonstrations, et vous pouvez poster vos résultats dans le salon d'entraide. Pour enchaîner sur d'autres cas concrets, cinq retouches complètes au masque reprennent la méthode sur d'autres images.

Pour qui

Il faut être à l'aise avec les réglages globaux : exposition, contraste, courbe, couleur. Aucune connaissance du masquage n'est nécessaire, tous les outils sont repris depuis le début. Le cours est enregistré sur la version cloud de Lightroom, en 2026. Si vous partez de zéro sur le logiciel, la formation complète à Lightroom vous servira davantage avant celle-ci.

Pour aller plus loin

Si la retouche devient un métier plutôt qu'un loisir, la Formation Photographe éligible au CPF est un parcours certifiant avec mentor individuel.

Soft Body dans Blender 5 : créez des simulations d'objets déformables réalistes

Mon, 07 Sep 2026 15:03:21 +0200

Vous lancez la timeline, votre objet s'affaisse d'un coup, traverse le sol ou se recroqueville sur lui-même en un magma de faces entrecroisées. Vous poussez un curseur au hasard, vous relancez, et le comportement change sans que vous sachiez pourquoi. C'est le quotidien de tous ceux qui découvrent les Soft Body dans Blender.
Cette formation de 4 h 37 de vidéo ne se contente pas de vous montrer quel bouton cocher. Elle vous explique ce que chaque réglage fait réellement au maillage de votre objet, pour que vous puissiez ensuite construire vos propres simulations sans avancer à l'aveugle.

Le principe à comprendre avant tout le reste

Un Soft Body ne se comporte pas comme un Rigid Body. Chaque arête de votre maillage est traitée comme un ressort, et c'est la tension de ces ressorts qui détermine si votre objet rebondit, s'écrase, se plie ou s'effondre. Une fois ce mécanisme compris, la moitié des comportements bizarres que vous observez deviennent prévisibles.
Jean-Michel Rosee part de cette base et déroule ensuite l'intégralité du panneau Soft Body, onglet par onglet, du haut vers le bas.

Au programme de cette formation Soft Body

Goal : ancrer tout ou partie d'un objet pour l'empêcher de tomber, avec gestion par vertex group et weight paint
Edges : push, pull, damping, bending et plasticity, les paramètres qui donnent sa personnalité à la matière
Object : friction, masse, control point et leur influence sur la réaction physique
Stiffness : régler la rigidité et l'élasticité pour passer d'un caoutchouc mou à une structure tendue
Self Collision : empêcher un objet de se traverser lui-même, avec ball size, calcul type, stiffness et damping
Collision et Collection : choisir précisément avec quels objets votre Soft Body interagit
Solver : la précision de calcul, ce qu'elle change et ce qu'elle coûte en temps de rendu
Diagnostic et Helpers : lire la console système pour comprendre pourquoi une simulation échoue
Cache et baking : sauvegarder la simulation sur disque plutôt que dans le fichier blend, et éviter les recalculs à chaque lecture

Des exercices concrets, pas des démonstrations abstraites

Chaque notion est immédiatement mise en pratique. Vous ferez tomber des lettres 3D sur une assiette, descendre une boule malléable le long d'un escalier généré avec un modificateur Array, s'écraser un personnage sur un support, et vous terminerez par un exercice final complet en trois temps, de la modélisation au texturage avec HDRI.
Un module ressources est fourni avec l'ensemble des fichiers blend, textures et HDRI utilisés. Les exemples supplémentaires de la dernière section vous donnent des cas d'usage prêts à disséquer.

Prérequis et compatibilité

Vous devez être à l'aise avec l'interface de Blender, la navigation dans les vues, le mode édition et les modificateurs de base. Si ce n'est pas encore le cas, commencez par le cours Blender 5 : ma première scène Low Poly de A à Z, entièrement gratuit.
La formation est réalisée sous Blender 5.2 LTS. Les notions Soft Body s'appliquent aussi à Blender 4, mais les fichiers ressources enregistrés en version 5 ne s'ouvriront pas dans une version 4. Les fichiers du début de cours sont fournis dans les deux formats.

Où se situe cet atelier dans la série animation

C'est le troisième volet d'une progression construite par le même formateur :

Les bases de l'animation par images clés, pour poser vos premières keyframes
Les Rigid Body, pour les corps solides qui chutent, s'entrechoquent et se contraignent
Les Soft Body, ce cours, pour tout ce qui se déforme

Les trois se suivent naturellement mais restent autonomes. Beaucoup de réglages vus dans les Rigid Body, notamment le cache, se retrouvent ici à l'identique.
L'exercice des lettres qui tombent utilise des primitives de type texte. Si vous voulez creuser ce point précis, le module Texte et Logo dans Blender le traite en détail.

Votre formateur

Jean-Michel Rosee travaille depuis plus de vingt ans dans l'informatique et l'infographie. Il publie sur Tuto.com une trentaine de formations sur Blender, SketchUp, Tinkercad et Nomad Sculpt, dont plusieurs séries complètes sur la modélisation, les Geometry Nodes et l'animation. Il répond aux questions dans l'espace d'entraide du cours.
À la fin de ces 4 h 37, vous ne subirez plus vos simulations. Vous saurez lire un comportement anormal, identifier le paramètre en cause et le corriger.

Cascade, spécificité et layers : comprendre les règles qui pilotent votre CSS

Wed, 09 Sep 2026 17:24:46 +0200

Vous ajoutez une classe .promo en rouge sur un lien. Vous rechargez. Rien ne bouge. Le lien reste bleu. Vous relisez trois fois votre feuille de style, tout semble correct, et pourtant le navigateur ignore votre déclaration. Ce n'est pas un bug. C'est une règle. Et tant que vous ne connaissez pas cette règle, vous continuerez à empiler des sélecteurs de plus en plus longs, puis des !important, jusqu'à obtenir une feuille de style que plus personne n'ose toucher.

Ce cours de 1h45 vous rend le contrôle. Vous allez comprendre exactement comment le navigateur décide quelle propriété l'emporte, et comment écrire un CSS où cette décision devient prévisible.

Ce que vous allez comprendre, démonstration à l'appui

La cascade : pourquoi la dernière déclaration gagne parfois, et pourquoi très souvent elle ne gagne pas du tout
L'héritage : quelles propriétés se transmettent aux enfants (color, font-family, line-height) et lesquelles restent bloquées sur l'élément (margin, padding, border)
La spécificité : le système de points appliqué par le navigateur, élément à 1, classe, attribut et pseudo-classe à 10, identifiant à 100, et surtout comment ces points s'additionnent sur un sélecteur composé
La valeur !important : pourquoi elle fonctionne, pourquoi elle reste malgré tout un symptôme, et le cas précis où elle devient légitime
La pseudo-classe :where() : le sélecteur dont la spécificité vaut zéro, et ce que cela change concrètement quand vous voulez surcharger un style plus tard
La règle @layer : déclarer vos propres couches reset, base, components et utilities, et fixer vous-même l'ordre de priorité, indépendamment du poids des sélecteurs et de leur position dans le fichier

Un cas pratique complet, du HTML au CSS en couches

La seconde moitié du cours est une mise en application intégrale : une carte produit e-commerce construite de zéro.
Vous posez d'abord le HTML, puis vous le nommez avec une convention de composant (préfixe du bloc, double underscore pour les éléments, double tiret pour les variantes), avant d'y ajouter les attributs d'accessibilité : aria-labelledby reliant l'article à son titre, role="group" et aria-label sur la zone des boutons.
Vient ensuite le CSS, entièrement organisé en couches. Le layer reset neutralise les marges et harmonise les polices des éléments de formulaire, le tout emballé dans :where() pour rester à poids zéro. Le layer base gère le body. Le layer components accueille le conteneur, la carte produit et les boutons avec leur variante, leur état hover, leur état actif, leurs transitions et un focus visible soigné. Le layer utilities reste volontairement vide, et Carl Brison explique précisément pourquoi il le déclare quand même.
Une fiche récapitulative et les fichiers de l'exercice sont fournis.

À qui s'adresse ce cours

Aux développeurs front-end, intégrateurs et webdesigners techniques qui écrivent déjà du CSS au quotidien et qui butent sur sa maintenabilité. Vous devez connaître les sélecteurs de base et savoir styliser une page. Vous n'avez besoin d'aucune connaissance préalable de @layer ni de :where().
Ce cours n'apprend pas le CSS. Il apprend comment le CSS décide.

Votre formateur

Carl Brison est technicien supérieur en multimédia depuis le début des années 2000 et créateur de nombreux sites professionnels, dont deux imprimeries en ligne. Auteur d'ouvrages informatiques publiés aux Éditions Ellipses, il est formateur certifié sur Tuto.com et intervient comme mentor sur la formation Développeur Web Front-End éligible au CPF. Sa méthode ici : chaque règle est prouvée en direct dans le navigateur, en déplaçant les déclarations et en montrant ce qui change à l'écran.

Ce cours et la suite du parcours

C'est le premier volet de la série CSS moderne. Le suivant approfondit la convention de nommage effleurée dans l'exercice et pousse la logique de composant plus loin.
Pour compléter vos fondations, le bundle HTML sémantique, accessibilité et SEO technique pose le socle en amont, et les fondamentaux des attributs ARIA détaillent l'accessibilité abordée ici en surface. Côté mise en page, le bundle CSS Grid moderne 2026 et le projet layout ultra-moderne de A à Z prolongent directement le travail sur les composants.
Vous voulez tester l'approche du formateur avant d'acheter ? Deux tutos gratuits du même auteur : le nesting CSS natif et la pseudo-classe nth-child en 5 minutes. L'ensemble du catalogue est sur la page tuto CSS.

Retouche photo animalière dans Photoshop : 10 ateliers, des calques de réglage aux outils IA

Mon, 07 Sep 2026 13:33:25 +0200

Vous rentrez d'une sortie photo avec des clichés corrects mais plats. L'animal se fond dans le décor, le regard n'accroche pas, une branche traverse le cadre. Ces 10 ateliers pratiques reprennent chacun une photo brute et la mènent jusqu'au rendu final, en expliquant chaque décision au moment où elle est prise.

Ce que vous saurez faire à la fin

Détourer proprement les poils, les plumes et les moustaches avec Sélectionner et masquer, sans halo ni bord dur.
Créer la séparation entre le sujet et le fond avec les niveaux, les courbes, la correction sélective et la vibrance.
Faire ressortir un regard en quelques secondes grâce à la technique du calque en lumière tamisée.
Rattraper une surexposition dans Camera Raw et travailler avec des masques locaux sujet et arrière-plan.
Nettoyer un décor encombré, grilles et clôtures comprises, avec Détecter les distractions et l'outil Supprimer.
Élargir un cadrage trop serré avec le développement génératif, puis recomposer sur la règle des tiers.
Gérer la profondeur de champ avec le flou de l'objectif et le flou de profondeur de champ.
Poser une signature visuelle argentique avec les correspondances de couleurs et le filtre Grain.

10 photos, 10 problèmes différents

Chaque atelier dure 5 à 10 minutes et part d'un cas concret : un chien qui manque de contraste, un chat trop serré dans le cadre, un faon surexposé, un panda roux derrière un grillage, un lama qu'il faut sortir de son enclos, un suricate à recomposer sur un autre fond. Vous ne suivez pas une liste d'outils, vous suivez un raisonnement de retouche que vous pourrez rejouer sur vos propres fichiers.
Tout le workflow est non destructif : objets dynamiques, masques de fusion, calques de réglage écrêtés. Vous pouvez revenir sur n'importe quel réglage trois ateliers plus tard.

L'IA de Photoshop, utilisée là où elle apporte vraiment quelque chose

Développement génératif, Harmoniser, Rotation de l'objet, génération d'arrière-plan : ces fonctions sont montrées en conditions réelles, avec leurs réussites et leurs échecs. Quand Harmoniser assombrit trop l'image, la vidéo le dit et montre la correction manuelle. Quand la génération coûte cher en crédits, c'est précisé. L'objectif est de savoir quand déléguer et quand reprendre la main, pas de vendre un bouton magique.

À qui s'adresse ce cours

Aux photographes animaliers amateurs et confirmés qui shootent bien mais post-traitent peu, et à toute personne qui découvre la retouche photo sur des sujets vivants. Aucun prérequis avancé : chaque outil est présenté au moment où il sert. Si vous n'avez jamais ouvert le logiciel, commencez par les tutos Photoshop ou par Photoshop, la formation complète.
Pour approfondir une technique précise, deux compléments du même formateur : Le détourage à l'ère de l'IA dans Photoshop, gratuit, et Maîtriser les outils de détourage de Photoshop. Si vous cherchez d'autres exercices du même format, voyez 10 ateliers créatifs dans Photoshop, et l'ensemble de nos cours Photographie et Retouche.
Vous souhaitez faire reconnaître ces compétences sur votre CV ? La formation Photoshop éligible CPF prépare à la certification TOSA RS6959, avec 57 heures de contenu et un mentor individuel.

Ce qui est fourni

Les photos de départ, libres de droits, et les fichiers PSD complets de chaque atelier sont téléchargeables, calques et groupes intacts. Vous pouvez donc travailler sur les mêmes images que le formateur, puis ouvrir son fichier final pour comparer votre construction à la sienne. Un QCM valide vos acquis en fin de parcours et la section Entraide reste ouverte pour vos questions et vos avant/après.

Créer du contenu vidéo : filmer avec son iPhone, monter sur Canva, publier sur les réseaux

Fri, 11 Sep 2026 11:14:21 +0200

Vous avez un iPhone dans la poche et l'impression que vos vidéos ne rendent jamais comme celles que vous admirez en ligne. Image plate, son étouffé, montage laborieux, miniature qui ne donne pas envie de cliquer. Le problème n'est presque jamais le matériel. C'est la méthode.

Ce bundle réunit cinq formations complémentaires qui couvrent toute la chaîne, du premier réglage de l'appareil photo jusqu'à la publication sur Instagram, TikTok ou YouTube. Près de 6 heures de vidéo, filmées directement à l'écran, sans jargon et sans matériel coûteux. Réunies ici, ces cinq formations vous reviennent près de 30 % moins cher que si vous les achetiez une par une.

Ce que vous saurez faire à la fin

Régler votre iPhone pour filmer en 4K, en mode cinématique ou en ralenti, selon l'usage
Cadrer, gérer la mise au point, l'exposition et surtout la lumière, qui fait 80 % du rendu
Enregistrer un son propre, même avec un micro d'entrée de gamme
Monter une vidéo complète sur Canva (dans sa version pour ordinateur), ajouter sous-titres, musique et effets sonores
Exporter au bon format pour YouTube, pour un Reel ou pour une vidéo horizontale
Concevoir des miniatures et des covers qui déclenchent le clic, y compris sans abonnement Canva
Construire une ligne éditoriale, publier au bon moment et mutualiser vos contenus
Libérer plusieurs dizaines de Go sur votre iPhone sans perdre une seule photo

Les cinq formations incluses

1. Filmer comme un pro avec son iPhone. Réglages, résolution, modes de prise de vue, cadrage, règle des tiers, types de plans, lumière, son, matériel minimal, workflow de tournage et retouche directement sur l'appareil. Le module lumière est à lui seul celui qui transformera le plus vos images. Disponible aussi à l'unité ici.

2. Créer une vidéo réussie avec Canva, montage de A à Z. Préparer son projet, organiser ses dossiers, monter, ajouter du texte, des illustrations, de la musique et des sous-titres, puis exporter. Deux cas pratiques concrets : un Reel vertical et une vidéo 1920 x 1080. Le tout sur ordinateur (Mac ou indows) Fiche complète du montage vidéo sur Canva.

3. Créer des miniatures YouTube et covers Insta ou TikTok. Les principes de lisibilité et de contraste qui font cliquer, les formats qui fonctionnent (avant et après, chiffre, visage), la création à partir de modèles ou depuis une page blanche, le détourage et l'export. Voir la formation miniatures YouTube.

4. Explosez sur les réseaux sociaux avec votre iPhone. Trouver sa niche et son identité visuelle, la structure d'un Reel qui retient, les trois types de contenu à alterner, les stories, les horaires de publication, le lien en bio, les premiers pas sur Meta Ads et les chiffres à suivre. Avec deux défis pratiques. Retrouvez la formation réseaux sociaux.

5. Stockage iPhone saturé, libérez jusqu'à 50 Go. Le module bonus qui règle le vrai problème du créateur de contenu : un appareil plein au moment de tourner. Comprendre iCloud, nettoyer la photothèque, repérer le piège WhatsApp, décharger les apps, fusionner les doublons. Disponible en formation séparée.

Cinq formations pour le prix de trois et demi

Achetées séparément, ces cinq formations représentent 49 crédits. Réunies dans ce bundle, elles vous reviennent à 34,98 €, soit 14,02 € d'économie et près de 30 % de moins. Vous gardez un accès à vie à l'ensemble, mises à jour comprises, et vous suivez les modules dans l'ordre qui vous arrange.

Ce dont vous avez besoin

Un iPhone pour la partie tournage, quel que soit le modèle, et un ordinateur, Mac ou PC, pour la partie montage.
Les deux chapitres consacrés à Canva, montage vidéo et création de miniatures, se déroulent sur la version bureau de l'outil : le formateur y utilise les raccourcis clavier et l'import de fichiers depuis le disque. Les chapitres tournage, réseaux sociaux et stockage se suivent entièrement sur le téléphone.
Côté logiciel, un compte Canva suffit et la version gratuite couvre l'essentiel de la formation. Certaines fonctions présentées relèvent de l'abonnement Canva Pro, notamment le détourage intégré, l'export en 4K et une partie de la banque d'éléments et de musiques ; des alternatives gratuites sont indiquées quand elles existent. Les réglages ProRes et les modes de prise de vue les plus avancés concernent les modèles iPhone Pro récents, le reste s'applique à tous les iPhone.

À qui s'adresse ce bundle

Indépendants, artisans et commerçants qui veulent communiquer en vidéo sans budget de production
Créateurs de contenu

Accessibilité iPhone et déficience visuelle : maîtriser VoiceOver et les réglages iOS

Mon, 31 Aug 2026 10:49:40 +0200

Un iPhone posé sur la table, et personne dans l'entourage qui sait par où commencer. C'est la situation la plus fréquente quand la vue baisse. Pourtant, presque tout est déjà dans l'appareil : agrandir les textes, faire lire une page entière à haute voix, dicter un message, décrire ce qu'il y a autour de soi. Encore faut-il savoir où sont ces réglages et dans quel ordre les activer.

Cette formation vous montre ce chemin, réglage par réglage et geste par geste, sur un iPhone réel filmé à l'écran.
Elle s'adresse autant à la personne concernée qu'à celles et ceux qui l'accompagnent.

Commencer par le plus simple : le confort visuel

Avant de basculer sur un lecteur d'écran, on regarde ce que l'affichage peut donner. Vous verrez comment travailler la taille de police, le texte en gras, les contours de boutons, la transparence, les contrastes, l'inversion intelligente et les filtres de couleur. Vous ajouterez la Loupe au centre de contrôle pour lire une étiquette ou un panneau, avec zoom, filtres et luminosité.
Vous activerez aussi Contenu énoncé, la fonction la plus sous-estimée d'iOS : un balayage à deux doigts depuis le haut de l'écran et l'iPhone lit toute la page, avec pause, changement de paragraphe et réglage du débit. Le tout sans toucher aux gestes habituels.

Passer à VoiceOver quand l'écran ne suffit plus

VoiceOver change la façon d'utiliser un iPhone, et c'est ce qui fait peur.
Le cours désamorce cela dès la première minute en vous faisant configurer le raccourci d'accessibilité : trois clics sur le bouton latéral pour activer ou couper VoiceOver, à tout moment. Filet de sécurité posé, on apprend.

Les gestes de base : balayage à gauche et à droite, double tape pour valider, glissé maintenu pour sortir d'une application, trois doigts pour changer de page
Le déverrouillage et la saisie du code sans regarder l'écran
Le réglage de la voix : débit, tonalité, timbre, verbosité, ponctuation, égaliseur
Le rideau d'écran, pour utiliser son téléphone en public sans que personne ne voie l'écran, avec le bénéfice secondaire d'économiser la batterie
La saisie au clavier VoiceOver et la dictée vocale, testée avec et sans VoiceOver
La reconnaissance en direct, qui décrit personnes, portes, objets et texte alentour, et l'application Be My Eyes, avec ses bénévoles et sa description d'image par IA

Un volet dédié aux ergothérapeutes, orthoptistes et aidants

C'est ce qui distingue cette formation d'un simple mode d'emploi. Deux modules entiers portent sur la transmission, pas sur la technique.
Vous y trouverez un bilan visuel rapide en trois étapes pour décider quelle interface proposer : simple adaptation de l'affichage, soutien vocal ponctuel, ou bascule complète vers VoiceOver. Le principe directeur est explicite : toujours la solution la moins intrusive, car suradapter un reste visuel exploitable décourage la personne plus qu'elle ne l'aide.

Vous verrez ensuite la méthode de séance : ne jamais prendre le téléphone des mains de l'usager sans son accord, se placer du côté du bras dominant, guider par la main posée sur la sienne, laisser l'erreur se produire parce que VoiceOver la signale par un son, et surtout ne travailler qu'un geste par séance de trente minutes.
Vous apprendrez aussi à préparer l'appareil : couper les notifications, poser le téléphone sur un tapis antidérapant, verrouiller une application avec l'accès guidé et ne garder que quatre ou cinq applications par page.

Ce que vous obtenez

Près d'1h30 de vidéo, en 7 chapitres, filmée directement sur iPhone et suivable entièrement à l'oreille
Un mémento des 10 gestes VoiceOver en PDF, avec le raccourci de sécurité
Une grille Bilan Visuel Rapide iOS en PDF, conçue comme trame de consultation ou d'accompagnement à domicile
Un accès à vie et le salon d'entraide pour poser vos questions

Qui anime cette formation

Laurent Nivon a été Spécialiste Formation chez Apple France pendant plus de onze ans et a accompagné plus de 8 000 utilisateurs. Il explique lentement, répète les gestes et montre aussi ses propres ratés à l'écran, ce qui est exactement ce dont on a besoin quand on apprend un geste tactile qu'on ne voit pas.
Cette formation est un accompagnement à l'usage d'un appareil. Elle ne remplace pas un bilan orthoptique ni un avis médical sur la déficience visuelle.

Pour aller plus loin

Retrouvez l'ensemble des formations iOS et iPhone du catalogue. Si vous accompagnez un proche âgé qui découvre l'appareil, la formation iPhone sans stress après 60 ans couvre les bases du quotidien au même rythme. Pour verrouiller l'appareil d'une personne vulnérable face aux arnaques, voyez Sécurité Apple. Et pour prolonger le volet reconnaissance visuelle, la formation Apple Intelligence détaille l'Intelligence Visuelle et le nouveau Siri.

Culture graphique et histoire du design : Art Nouveau, Bauhaus, constructivisme

Wed, 02 Sep 2026 08:20:26 +0200

Vous savez faire une belle image. Mais quand on vous demande pourquoi vous avez placé ce titre-là, choisi cette diagonale ou cette palette, la réponse tient souvent en un mot : à l'instinct. C'est exactement ce plafond que ce pack fait sauter.
Trois formations réunies, trois mouvements qui ont fabriqué le design que nous pratiquons aujourd'hui : l'Art Nouveau, le Bauhaus et le constructivisme. Pour chacun, on remonte aux artistes et aux idées, puis on construit une affiche complète en analysant chaque décision. Plus de 3 heures de vidéo, 33 chapitres, trois créations abouties.

Ce que vous en repartez avec

L'objectif n'est pas de pasticher des styles anciens, mais de récupérer leurs principes pour vos propres visuels.

Situer les trois mouvements dans leur contexte et reconnaître leurs codes visuels au premier coup d'oeil
Structurer une affiche avec une grille, des lignes de force et une hiérarchie de lecture assumée
Traiter l'ornement et le lineart dans l'esprit d'Alphonse Mucha, puis passer à la couleur et à l'étalonnage
Composer en géométrie pure avec une palette réduite et une typographie fonctionnelle, à la manière du Bauhaus
Construire l'impact constructiviste : diagonales, capitales, contrastes durs, monochromie contrastée
Intégrer un objet 3D dans une composition 2D, textures et rendu compris, sans être spécialiste de la 3D
Justifier vos choix graphiques devant un client, un jury ou une équipe

De la référence historique à l'affiche finie

Chaque mouvement suit le même fil : quelques chapitres de contexte, puis un atelier de création mené à quatre mains entre Damien Gallez, directeur artistique, et Koen, illustrateur. Ils ne sont pas d'accord sur tout, et c'est précisément ce qui rend la méthode lisible : recherches, références, tracés préparatoires, arbitrages, allers-retours, simplification.
L'atelier constructiviste va plus loin que la 2D. Vous y verrez un dessin au trait transformé en image générée, puis convertie en objet 3D via un générateur en ligne, retravaillée dans Blender pour le cadrage, les matériaux et les textures, avant retour dans Photoshop pour le montage, la colorimétrie et l'étalonnage final. Une méthode de production actuelle, montrée sans raccourci, y compris ses limites : l'automatisation donne une base, jamais l'image finie.

Ce pack est fait pour vous si

Vous êtes graphiste, illustrateur, illustratrice, étudiant ou autodidacte
Vos compositions manquent de structure et vous ne savez pas nommer ce qui cloche
Vous voulez enrichir vos références au delà des tendances du moment
Vous préférez comprendre le pourquoi plutôt que collectionner les raccourcis clavier

Qui vous forme

Damien Gallez, alias Damné, est designer graphique depuis plus de quinze ans. Diplômé de l'ISAA, cofondateur du collectif Team8, il a mené pendant dix ans des projets print, web, illustration et direction artistique. Ses contenus pédagogiques réunissent plus de 150 000 créatifs sur les réseaux et YouTube, ce qui l'a amené à collaborer avec Adobe France et à couvrir l'Adobe MAX à Los Angeles. Il enseigne aujourd'hui le design graphique en BTS, Bachelor et Master. Il est accompagné ici par Koen, illustrateur, sur toute la partie dessin, personnages et couleur.

Pour aller plus loin

Les trois cours de ce pack restent disponibles à l'unité : l'Art Nouveau et le style Alphonse Mucha, l'affiche inspirée du Bauhaus et le constructivisme appliqué au graphisme.
Pour consolider les fondamentaux en parallèle, Damien Gallez propose aussi un cours complet sur la typographie, les règles de base de la composition graphique et le contraste et la psychologie des couleurs.
Vous pouvez également explorer l'ensemble des tutos Histoire de l'Art, les cours dédiés à la création d'affiches et les tutos Photoshop. Si votre objectif est une reconversion avec un diplôme à la clé, la formation Graphiste Photoshop éligible CPF reprend ces fondamentaux dans un parcours certifiant accompagné par un mentor.

Montage vidéo YouTube avec CapCut : de l'import à l'export

Mon, 31 Aug 2026 08:58:02 +0200

Vous avez tourné vos rushs, ils sont sur le disque, et le montage est toujours en attente. Ce cours vous fait passer de l'import à la vidéo exportée pour YouTube en un peu plus d'une heure, avec CapCut, sans jargon et sans logiciel à plusieurs centaines d'euros par an.
L'objectif n'est pas de tout connaître de l'outil, mais de savoir monter une vidéo propre et rythmée du premier coup : des coupes nettes, un titre animé qui tient la route, un rythme qui garde le spectateur, et un export aux réglages que YouTube préfère.

Ce que vous saurez faire à la fin

Organiser votre plan de travail CapCut et paramétrer un projet en 16/9 ou en format vertical pour les Shorts
Découper vos rushs à l'outil lame, gérer plusieurs pistes, verrouiller ce qui est terminé pour ne rien casser
Animer une image ou un texte avec les images clés : mise à l'échelle, position, rotation, opacité, fondu
Construire un jump cut propre, la technique de rétention que tous les YouTubeurs utilisent
Régler la colorimétrie et la vitesse pour donner une ambiance à vos plans
Exporter dans la bonne résolution, avec le bon codec et le bon débit binaire pour YouTube

Le programme en détail

Chapitre 1 : prise en main et réglages du projet. Le tour de l'interface, panneau média, lecteur, timeline et panneau détails. L'import des fichiers, le choix du format, puis les premières animations à l'aide des images clés. On voit aussi la vitesse, les courbes de vitesse, les animations d'entrée et de sortie, les masques, la clé chroma et l'ajustement chromatique.
Chapitre 2 : donner du mouvement. La création d'un titre animé de bout en bout, du style au fondu de sortie. La gestion des pistes multiples avec l'aimant, le cadenas et le masquage. Et un passage sur les outils IA de CapCut qui font réellement gagner du temps : amélioration du rendu et harmonisation des couleurs.
Chapitre 3 : rythme, effets et export. La construction pas à pas d'un jump cut. Les effets sonores qui accompagnent le visuel, le réglage du volume, les stickers, les transitions, les sous-titres automatiques et les modèles. Puis la fenêtre d'export, réglage par réglage, avec les choix recommandés pour YouTube.

À qui s'adresse ce cours

Vous lancez une chaîne YouTube et vous voulez monter vous-même, vite et proprement
Vous créez des vidéos pour votre activité et vous n'avez pas envie d'un abonnement logiciel de plus
Vous connaissez CapCut sur mobile et vous passez sur ordinateur ou sur navigateur

Aucun prérequis en montage vidéo n'est nécessaire. Le cours est suivi sur la version ordinateur, mais les mêmes fonctions se retrouvent sur la version navigateur.

Ce que ce cours ne fait pas

Autant être clair : ce n'est pas une formation exhaustive sur CapCut, c'est un parcours ciblé sur la production de vidéos YouTube. Le traitement audio poussé n'y est pas traité non plus, et le formateur explique d'ailleurs pourquoi il vaut mieux nettoyer sa voix dans un outil dédié avant de monter. Certaines fonctions montrées dans le cours relèvent de l'abonnement Pro de CapCut, elles sont signalées au fil des vidéos afin que vous sachiez ce qui reste faisable avec la version gratuite de l'outil.

Pour aller plus loin

Retrouvez l'ensemble des tutos CapCut et des tutos YouTube du catalogue
Pour couvrir l'outil dans son intégralité : CapCut sur ordinateur, la formation complète ou CapCut Web, la formation complète
Pour vos miniatures et vos visuels de chaîne : Apprendre Midjourney, du même formateur
Pour écrire vos scripts et vos descriptions plus vite : la formation complète Claude AI, du même formateur

Une question pendant le cours ? Le salon d'entraide est ouvert, et un QCM vous permet de valider vos acquis.

Concevoir un Genially mobile friendly, du canevas au test final

Mon, 31 Aug 2026 10:58:29 +0200

Pourquoi votre Genially se casse la figure sur smartphone

Vous avez conçu un support qui fonctionne parfaitement sur ordinateur. Vous le redimensionnez en format vertical pour vos apprenants en mobilité, et tout part de travers : blocs hors champ, textes minuscules, boutons impossibles à toucher du doigt. Il faut alors tout replacer, tout redimensionner, et le temps passé explose.
La raison est simple : Genially n'est pas responsive. L'outil applique une mise à l'échelle proportionnelle, pas une réorganisation des blocs. Rien ne se réagence, rien ne s'adapte. La seule solution efficace consiste à penser mobile dès la première slide.

Ce que vous allez apprendre

Cette formation de 2h06 vous donne la méthode complète, chapitre par chapitre, pour produire un contenu réellement utilisable sur téléphone.

Choisir le bon format selon votre audience réelle : horizontal 16:9, vertical 9:16, infographie, carte carrée ou format personnalisé, avec les dimensions exactes de chacun
Construire un canevas de travail avec les règles, les guides et la grille personnalisée, pour positionner vos éléments sans tâtonner
Concevoir une navigation linéaire, limitée à deux niveaux, avec des repères de progression que l'utilisateur retrouve toujours au même endroit
Appliquer les tailles de police minimales pour le petit écran et formater toute une création en quelques clics grâce à l'onglet Style
Découper un texte long en fenêtres et en listes à puces plutôt que de perdre votre lecteur sur un pavé
Dimensionner vos zones cliquables à 48 pixels et les espacer suffisamment pour éviter les taps ratés
Compresser vos images, héberger vos vidéos et alléger vos fichiers audio pour un chargement rapide en 4G
Dérouler une checklist de tests complète avant diffusion, sur plusieurs modèles de téléphone

Un projet fil rouge du brief à la publication

Chaque notion théorique est immédiatement appliquée sur un projet concret : un livret d'accueil interactif destiné aux nouveaux collaborateurs, construit intégralement au format 9:16. Page d'accueil, mot de bienvenue, menu à quatre rubriques, présentation d'équipe avec fenêtres interactives, plan des locaux cliquable, programme du premier jour en révélation séquentielle, infos pratiques.
Vous ne regardez pas une démonstration, vous construisez le support en même temps que la formatrice. À la fin, vous disposez d'un modèle réutilisable et des réflexes qui vont avec.

Les pièges que vous saurez éviter

Certaines fonctionnalités Genially qui marchent très bien sur ordinateur ne fonctionnent tout simplement pas au doigt. La formation identifie précisément ces cas et propose une alternative pour chacun.

Les interactions et animations au survol, y compris les étiquettes, sont inutilisables en tactile : elles sont remplacées par des fenêtres
L'autoplay des vidéos est bloqué par certains navigateurs : un bouton play visible prend le relais
L'animation filtre se réinitialise à chaque changement de page, ce qui la rend inexploitable comme indicateur de progression
Les flèches latérales de la navigation standard sont difficiles à atteindre sur un écran de téléphone : le mode micro-site les supprime

À qui s'adresse cette formation

Concepteurs pédagogiques, formateurs, chargés de communication interne et créateurs de contenus interactifs qui diffusent leurs supports par QR code, en session live ou auprès d'apprenants en mobilité.
Une connaissance de base de l'interface Genially suffit. Aucune compétence en développement web n'est nécessaire. Si vous débutez complètement, commencez par maîtriser les principales fonctionnalités de Genially avant de suivre ce cours.

Pour aller plus loin

La conception mobile et l'accessibilité partagent de nombreuses préconisations : contraste, taille de caractère, interligne. Le cours Concevez des Genially accessibles complète naturellement celui-ci.
Si vous produisez aussi pour les réseaux sociaux, le tutoriel Créez un carrousel personnalisable pour LinkedIn exploite les mêmes formats verticaux et personnalisés. Et pour mesurer ce que vos apprenants font réellement de vos modules, le cours évaluations, métriques de suivi et export SCORM prolonge le chapitre consacré au suivi post-publication.
Retrouvez l'ensemble du catalogue sur la page Tuto Genially.

Ce qui est inclus

2h06 de vidéo réparties en 9 chapitres
Un PDF de fichiers sources reprenant toutes les préconisations chiffrées et les liens vers les outils de compression
Le salon d'entraide pour poser vos questions à la formatrice

Accessibilité web : maîtriser ARIA et coder 5 composants réellement accessibles

Mon, 31 Aug 2026 21:09:57 +0200

Vous savez poser un aria-label quand un audit vous le demande. Mais savez-vous pourquoi votre menu burger reste inutilisable au clavier, pourquoi votre modale piège le focus, ou pourquoi vos onglets sont muets pour un lecteur d'écran ? Ce bundle réunit 8 formations complètes, soit plus de 7 heures de vidéo, pour passer de la connaissance des attributs ARIA à la maîtrise complète des composants interactifs accessibles.
Tout est codé en HTML sémantique, CSS moderne et JavaScript vanilla, sans aucun framework. Chaque ligne est expliquée pour que vous compreniez le mécanisme, pas seulement la recette.

Les compétences que vous allez acquérir

Comprendre l'arbre d'accessibilité que construit le navigateur en parallèle du DOM, et ses quatre piliers : rôle, nom, état, valeur
Appliquer la règle d'or du W3C, le HTML natif d'abord, et savoir quand ARIA devient réellement nécessaire
Distinguer les trois familles d'attributs : rôles, propriétés et états
Nommer, décrire, masquer et communiquer un état avec aria-label, aria-labelledby, aria-describedby, aria-hidden, aria-expanded et aria-controls
Construire un menu burger responsive piloté par aria-expanded et aria-controls
Construire un accordéon FAQ avec gestion de l'attribut hidden et d'un pseudo-élément indicateur
Construire une fenêtre modale avec role dialog, aria-modal, touche Échap et restauration du focus au déclencheur
Construire un système d'onglets avec tablist, aria-selected et navigation aux flèches via le roving tabindex
Reconstruire un bouton complet sans la balise button, avec role, tabindex, keydown, aria-disabled et aria-pressed
Styler un focus visible propre et faire réagir votre CSS directement aux attributs ARIA

Une progression pensée comme un parcours

Le bundle démarre par les deux volets théoriques : les fondamentaux des attributs ARIA puis les ARIA essentiels en production. Viennent ensuite quatre cas pratiques intégraux : le menu burger, l'accordéon FAQ, la fenêtre modale et le menu à onglets. Un guide de synthèse condense ensuite les règles de construction des quatre composants en fiches réutilisables, et le dernier volet pousse l'exercice à son extrême avec un bouton accessible reconstruit sans la balise button.
Vous repartez avec un jeu de composants propres, commentés et directement réutilisables sur vos projets clients.

Pourquoi ce sujet devient incontournable

Un composant qui fonctionne à la souris n'est pas un composant terminé. Les exigences RGAA 4.1 et WCAG 2.1 niveau AA s'imposent désormais à un nombre croissant de structures, et un HTML sémantique correctement complété par ARIA envoie au passage de bons signaux au référencement. C'est ce cumul, conformité et SEO technique, qui distingue un développeur front-end qui applique des règles d'un développeur qui les comprend.

Votre formateur

Carl Brison est technicien supérieur en multimédia depuis le début des années 2000 et créateur de nombreux sites professionnels, dont deux imprimeries en ligne. Il est également auteur de livres informatiques publiés aux Éditions Ellipses. Formateur certifié Tuto.com, il intervient aussi comme mentor sur la formation Développeur Web Front-End éligible au CPF. Son approche : démonstration commentée, vérification systématique au clavier et dans les DevTools, et explication du pourquoi avant le comment.

Prérequis et suite du parcours

Des bases en HTML, CSS et JavaScript suffisent. Aucune connaissance préalable d'ARIA n'est nécessaire. Pour consolider le socle en amont, le bundle HTML sémantique, accessibilité et SEO technique du même auteur constitue la marche précédente. Retrouvez également l'ensemble des tuto HTML et des tuto JavaScript pour compléter vos fondations.