Derniers tutorials ajoutés (Tuto.com)

Maîtrisez les animations CSS avancées (scroll, view, timeline)

Wed, 15 Oct 2025 09:02:23 +0200

Apprenez à maîtriser les animations avancées en CSS avec cette formation complète et moderne !
Dans ce tutoriel en deux parties, vous découvrirez d’abord les fondements théoriques des animations CSS basées sur les propriétés animation-timeline, scroll() et view(), avec des cas d’usage concrets et des démonstrations dynamiques.
Ensuite, place à la mise en pratique à travers un projet complet de site web animé.
De la structure HTML à l'intégration responsive, chaque section est travaillée et animée avec des effets fluides, accessibles et visuellement percutants.

Objectifs :

Comprendre et exploiter les nouvelles propriétés CSS d’animation conditionnelle (scroll, view)
Créer des animations déclenchées au scroll ou à l’entrée dans le viewport
Réaliser un site responsive avec des effets visuels modernes et fluides
Optimiser la lisibilité et l’impact de vos contenus grâce aux animations

Plan de cette formation animations CSS avancées

6 vidéos de cours pour comprendre les concepts (timelines, ranges, conditions)
16 vidéos d'application pour construire et animer un projet de A à Z

Public visé : développeurs frontend, étudiants, designers web ou toute personne souhaitant faire passer ses interfaces au niveau supérieur !
👉 Formation 100% en ligne, complète et à jour des dernières spécifications CSS.

Pour aller plus loin :

Créer des animations en CSS
CSS - Les règles conditionnelles

Genially: créez des champs de saisie avec feedbacks différenciés

Tue, 14 Oct 2025 11:23:30 +0200

Vous souhaitez aller plus loin que les questions interactives de Genially, limitées à une réponse correcte ou incorrecte ?
Ce tutoriel vous guide pour créer des champs de saisie avancés avec des feedbacks différenciés, en fonction des réponses de vos utilisateurs.
Une fonctionnalité non native qui apporte une vraie plus-value à vos projets !

Grâce à des extensions gratuites et aux fichiers de travail fournis, vous pourrez importer et configurer ces champs en quelques étapes, sans avoir besoin d’un abonnement Premium.
Idéal pour des formations, quiz ou activités interactives, cette méthode vous permettra d’offrir une expérience plus riche et engageante.

Dans ce tuto Genially: créez des champs de saisie avec feedbacks différenciés

Ce que vous apprendrez :

Comment installer les extensions gratuites nécessaires.
Importer et personnaliser les fichiers de travail fournis pour gagner du temps.
Créer des champs de saisie avec des feedbacks adaptés à chaque type de réponse.
Tester et optimiser vos créations .

Pourquoi choisir ce tutoriel ?

Pas d'abonnement Premium requis : Tout est réalisable avec un compte gratuit.
Fichiers prêts à l’emploi pour une mise en place rapide.
PDF détaillé à télécharger, reprenant toutes les étapes de création.
Flexibilité totale : Adaptez les feedbacks à vos besoins (pédagogie, évaluation, jeux, etc.).

À qui s’adresse ce tutoriel ?
Aux enseignants, formateurs, concepteurs pédagogiques ou toute personne souhaitant enrichir ses créations Genially avec des interactions plus avancées et personnalisées. Aucune compétence technique avancée nécessaire.
Comment allez-vous apprendre ?

La formation est composée de 5 ateliers de complexité croissante.
Chaque étape de conception correspond une vidéo dans le premier atelier afin de faciliter la compréhension du fonctionnement des extensions

Prêt à transformer vos projets Genially avec des champs de saisie dynamiques et interactifs, sans limites et sans surcoût ! Vous avez choisi le bon tuto.

Atelier Photomontage - Creation d'une cover d'album dans Photoshop

Mon, 13 Oct 2025 09:58:46 +0200

Dans cet atelier créatif sur Photoshop je vous invite à réaliste une cover d'album à partir d'un Photomontage comportant plusieurs photos.

Atelier Photomontage - Création d'une covers d'album dans Photoshop

Dans ce cours en vidéo vous découvrirez :

Les calques
Les outils de retouches
Les calques de réglages
Les options de détourage

Une section Entraide est disponible pour toutes questions ou remarques.
Un QCM vous permet de valider vos connaissances en fin de formation.
Pour aller plus loin, découvrez la formation sur les sélections et retouche dans Photoshop CC.

Classe Manga : Le croquis de Personnage

Tue, 07 Oct 2025 10:06:16 +0200

Comment commencer à apprendre le dessin ? En copiant…Oui mais pas que !
Dans ce cours de dessin je vais te montrer toutes les méthodes de bases pour croquer des personnages Manga peu importe les poses tant que tu as un modèle.
C’est la clé pour te préparer dans les meilleures conditions au dessin sans modèle (d’imagination).

Je te donnerai aussi des astuces pour que tu puisses petit à petit passer au dessin sans modèle.

Php - Rendez vos classes plus robustes avec le typage

Tue, 07 Oct 2025 13:55:15 +0200

Dans ce cours complet, découvrez comment exploiter pleinement le typage des données dans les classes PHP pour écrire un code plus robuste, lisible et sécurisé.

Dans ce tuto PHP - Rendez vos classes plus robustes avec le typage

Vous apprendrez à :

Créer des propriétés privées typées avec int, string, float, bool et ?nullable.
Utiliser les getters et setters pour protéger vos données et ajouter des validations.
Mettre en pratique les enum pour représenter des rôles ou statuts de manière sûre.
Calculer des valeurs avec des unions types (int|float) pour gérer différents formats de données.
Implémenter des classes readonly pour garantir l’immuabilité de certaines entités métier.

À travers un exemple concret :

Une classe User pour gérer les utilisateurs et leur rôle.
Une classe Product pour gérer les produits, leurs prix et leur disponibilité.
Une classe Order pour regrouper un utilisateur et une liste de produits, avec calcul automatique du total et gestion des exceptions pour les produits hors stock.

Ce tutoriel est idéal pour les développeurs souhaitant passer du code PHP classique au PHP moderne typé, comprendre l’encapsulation et la validation de données dans un projet réel.
Prérequis : connaissances de base en PHP et notions de programmation orientée objet (POO).
À la fin de cette vidéo, vous serez capable de créer vos propres classes robustes et typées, prêtes pour un projet professionnel.
Afin de suivre ce tuto PHP dans de bonnes conditions, vous devez connaître les bases de la POO en Php.

Sachez que grâce à votre CPF, vous pouvez passer une Certification PHP reconnue par l'État ainsi que par le monde du travail !
Découvrir la formation PHP financée par votre CPF !

Classe Manga : La Tête

Mon, 06 Oct 2025 09:25:58 +0200

Dans ce cours d’introduction sur le dessin de la tête, façon manga, tu verras aussi bien des techniques de construction (pour avoir la bonne forme générale et les proportions) que des détails sur les traits du visage.
Ce n’est pas un cours pour développer ton style mais vraiment pour t’aider à t’améliorer sur ta compréhension du visage Manga.
Ce cours s’inspire des techniques de dessin traditionnelles adaptées au style Manga Japonais.

Atelier Photomontage - Creation d'une scene surréaliste dans Affinity Photo

Mon, 06 Oct 2025 09:21:18 +0200

Dans ce nouvel atelier photomontage, je vous invite à découvrir un exercice pratique de composition surréaliste afin de prendre en main les outils d'Affinity Photo.

Atelier Photomontage - Création d'une scène surréaliste dans Affinity Photo

Dans ce tutoriel vous découvrirez :

Les calques,
Les outils de retouches,
Les calques de réglages,
Les options de détourage.

Une section Entraide est disponible pour toutes questions ou remarques.
Un QCM vous permet de valider vos connaissances en fin de formation.
Pour en apprendre plus sur Affinity Photo découvrez ma formation sur la retouche photo.

Découvrir Figma SLIDES

Wed, 01 Oct 2025 09:46:47 +0200

Voici un tuto simple et efficace pour comprendre Figma slides et mettre en pratique ses fonctionalités !

Créez un Mockup de Canette Réaliste sur Photoshop – Pas à Pas

Tue, 07 Oct 2025 10:02:37 +0200

Apprenez à créer un mockup de canette réaliste dans Photoshop, grâce à une méthode simple, claire et accessible à tous.

Dans ce tutoriel, vous serez guidé pas à pas pour concevoir un mockup que vous pourrez réutiliser et personnaliser selon vos besoins.

Vous apprendrez notamment à retoucher une canette générique,
à gérer les effets de lumière et d’ombres pour un rendu crédible,
et à intégrer facilement n’importe quel visuel grâce aux objets dynamiques.

À la fin du cours, vous aurez entre les mains un fichier prêt à l’emploi, idéal pour mettre en valeur vos designs, vos projets clients ou enrichir votre portfolio.

Ce tuto s’adresse aux débutants intermédiaires de Photoshop, ayant déjà un minimum de connaissance dans l'interface du logiciel.
Si ce n'est pas votre cas et que ce type de tutos vous intéresse alors je vous encourage vivement à suivre le "Bundle Photoshop : Photomontage Créatif Simple par la Pratique" qui donnera les bases nécessaires pour suivre aisément cet atelier.
Les fichiers sources sont fournis et l’accès au cours est illimité dans le temps.
Si vous souhaitez gagner en autonomie, valoriser vos créations et proposer des présentations professionnelles sans dépendre de modèles tout faits, ce tutoriel est fait pour vous.
A tout de suite !

Guide complet Substance Designer

Tue, 07 Oct 2025 08:42:31 +0200

En partant de zéro, devenez un pro sur Substance Designer grâce à cette formation complète qui vous guidera de A à Z dans l’univers du texturing procédural.
À travers des explications claires, des ateliers concrets et de nombreuses astuces de production, vous maîtriserez toutes les notions nécessaires pour créer des outils et matériaux professionnels prêts pour la production.

Au programme de ce tuto Substance Designer

Découverte de l’interface : préférences, paramètres, navigation, tout ce qu’il faut pour être à l’aise dans l’environnement.
Premiers pas avec Designer : compréhension des Atomic Nodes, des Texture Generators et des Blends.
Atelier n°1 : Créer un sol de pavés uniquement avec les nodes de base vus jusque-là.
Techniques avancées : filtres, Flood Fill, Exposing, fonctions, Pixel Processor, FX Map...
Atelier n°2 : Sol de pavés à la manière d'un “pro”, ajout de détails, exposition du matériau, test dans Painter et optimisation.
Boîte à outils bonus : Splines Tools, import 3D, création de filtres, générateurs, et un aperçu des nouveautés de la version 15 !

Objectif de la formation :

Créer vos propres matériaux procéduraux de A à Z
Comprendre la logique nodale de Substance Designer
Optimiser et exposer vos graphes pour une utilisation dans d’autres logiciels (comme Substance Painter)
Créer et développer filtres et générateurs pour Substance Painter ou Photoshop
Travailler avec les mêmes méthodes qu’un surfacing artist professionnel

Que vous soyez artiste 3D, infographiste, ou simplement passionné de création de matériaux, cette formation vous donnera toutes les bases solides et les réflexes de pro pour maîtriser Substance Designer.

Photoshop : boostez votre productivité grâce aux plans de travail !

Mon, 29 Sep 2025 20:09:54 +0200

Les plans de travail sont une fonction simple mais très puissante de Photoshop, qui peut vraiment vous faciliter la vie. Pourtant, elle reste souvent méconnue ou peu utilisée.

Ce que vous allez apprendre dans ce tutoriel sur les plans de travail de Photoshop

Dans ce cours guidé, je vous montre concrètement comment :

organiser votre projet pour travailler sur plusieurs compositions en même temps,
créer et comparer facilement différentes variantes,
exporter rapidement plusieurs réalisations en une seule fois,
et surtout gagner en efficacité au quotidien.

Une approche claire et pratique Pas besoin d’être un expert : je vous accompagne étape par étape, directement dans Photoshop, avec un cas concret qui vous permettra de mettre immédiatement en pratique ce que vous aurez appris.

Pour qui est ce tutoriel ?

Les débutants qui souhaitent mieux s’organiser dans Photoshop.
Les utilisateurs réguliers qui veulent découvrir une nouvelle façon de travailler.
Tous ceux qui ont besoin de gérer plusieurs formats ou déclinaisons d’un projet en même temps

Bundle - Peinture Digitale sur Photoshop pour débutant Volume 2

Fri, 26 Sep 2025 14:35:04 +0200

Dans ce second pack dédié au Digital Painting sur Photoshop, vous allez découvrir progressivement de nombreuses techniques pour réaliser différents types de paysages en partant de 0.
Avec pas moins de 5 ateliers pratiques, je vous montrerai avec méthode, pas à pas et en temps réel, comment réaliser des petites illustrations simples mais au rendu léché, tout en conservant une structure de calques la plus souple et organisée possible.
À la fin de ces ateliers, vous devriez être capables, avec un peu de pratique, de dessiner et peindre des paysages simples avec vos propres variations de forme et de couleurs. L'objectif est de vous familiariser par la pratique à la peinture digitale via un process simple, efficace et répétitif afin d'ancrer les techniques apprises.
Ces cours en vidéo dans lesquels j'avance pas à pas, en temps réel, sont destinés aux personnes débutantes intermédiaires ayant suivi une première introduction au digital painting sur Photoshop.
Si ce n'est pas le cas, je vous conseille alors le pack pour débutant "Bundle - Peinture Digitale sur Photoshop pour débutant Volume 1" qui vous donnera par la pratique les bases techniques suffisantes pour être à l'aise avec les outils utilisés ici.
J'ai choisi l'avancée en temps réel et volontairement lentement afin que chacun puisse suivre chaque atelier en même temps que moi et comprenne le processus de création à l’œuvre. Cela dit, si le rythme pouvait s'avérer trop lent pour certains d'entre vous, selon votre niveau, n’hésitez pas à accélérer la vitesse de la vidéo, l'outil de visionnage le permettant.

Attention, l'utilisation d'un stylet et d'une tablette graphique sont indispensables ici.

Et bien entendu, en cas de soucis, je suis à votre disponibilité sur l’espace d’entraide.
Bonne formation !

Editez vos images avec Nano Banana dans Photoshop

Fri, 26 Sep 2025 15:25:13 +0200

Arrêtez tout ce que vous êtes en train de faire !
Adobe vient d'intégrer dans la dernière version Bêta de Photoshop les moteurs d'IA Google Gemini 2.5 Flash (Nano Banana) et Flux Kontext Pro !
Vous avez toujours rêvé d'une IA qui vous aide à modifier vos images, changer un angle de caméra, modifier un vêtement, un arrière-plan, changer une ambiance lumineuse, une position d'un personnage ou de cadrage ?
Nano banana le fait maintenant avec le remplissage génératif de Photoshop ! C'est le moteur que tot le monde attendait dans le logiciel phare d'Adobe.

Au programme de ce tuto "Editez vos images avec Nano Banana dans Photoshop":

Installation de Photoshop Beta
Modification d'image avec le développement génératif
Utilisation du remplissage génératif avec Firefly
Utilisation du remplissage génératif avec Nano Banana
Utilisation du remplissage génératif avec Flux Kontext pro
Ajouter un vêtement à un modèle
Ajouter un vêtement à un modèle avec une référence
Changer une couleur d'arrière-plan
Changer l'environnement
Changer l'éclairage
Générer des vues multiples à partir d'une image
Changer les expressions de visage
Changer un axe de caméra ou un cadrage

À la fin de ce tuto, vous serez capable d'utiliser le remplissage génératif avec Nano Banana ou Flux pour modifier n'importe quelle de vos images et apporter une nouvelle dimension à votre travail, vos recherches et vous aider à faire vos propositions clients plus facilement !

Tous les fichiers de travail sont fournis.
Je suis disponible en FAQ ou dans le salon d'entraide pour répondre à vos questions.
Bon tuto !

Créer un livre d'histoires pour vos enfants avec l'IA

Fri, 26 Sep 2025 10:01:45 +0200

Créez votre premier livre pour enfants avec l’IA (5–7 ans).
Vous rêvez d’écrire une histoire pour enfants, mais vous manquez d’idées ou vous doutez de vos capacités ?
Vous aimeriez offrir un livre unique à vos proches ?
Alors cette formation est faite pour vous !

À qui s’adresse cette formation ?

Aux auteurs débutants ou indépendants, avec ou sans expérience.
À celles et ceux qui souhaitent écrire un conte ou une histoire adaptée aux enfants de 5 à 7 ans.
À toutes celles et ceux qui souhaitent tirer parti de l’IA pour gagner du temps, dépasser leurs blocages et concrétiser leur projet.

Les objectifs de ce tuto créer un livre d'histoires pour enfants

À la fin de cette formation, vous serez capable de :

Écrire un vrai conte pour enfants,
Générer des illustrations,
Mettre en page et finaliser votre livre avec Canva,
Créer la 1ère et la 4ème de couverture,
Obtenir un PDF prêt à imprimer ou à envoyer.

Le programme en 5 modules pratiques :

Introduction & mise en place du projet.
Les bases du prompt engineering (poser les bonnes questions à l’IA).
Écrire un conte pour enfants de 5–7 ans.
Créer des illustrations avec DALL·E.
Mise en page et finalisation dans Canva.

Bonus exclusif :
En plus de la formation, vous recevrez :

Mon application pour la gestion de votre bibliothèque de prompts.
Mes prompts personnels spécialement conçus pour l’écriture de livres pour enfants.

Atelier Photomontage - Creation d'une scene surréaliste dans Photoshop

Mon, 29 Sep 2025 20:25:16 +0200

Dans cet atelier photomontage, je vous invite à découvrir un exercice pratique de composition surréaliste afin de prendre en main les outils de Photoshop !

Atelier Photomontage - Création d'une scène surréaliste dans Photoshop

Dans ce tutoriel vous découvrirez :

Les calques,
Les outils de retouches,
Les calques de réglages,
Les options de détourage,

RGAA : Attributs HTML et ARIA – Guide accessibilité web

Mon, 29 Sep 2025 20:22:37 +0200

Dans ce tuto, découvrez un tableau récapitulatif complet des normes RGAA, avec les bonnes pratiques d’accessibilité appliquées aux éléments HTML et aux attributs ARIA.

Dans ce tuto RGAA : Attributs HTML et ARIA – Guide accessibilité web

Nous aborderons les cas concrets liés aux images, liens, tableaux et formulaires, afin de mieux comprendre comment :

Rendre un site accessible aux lecteurs d’écran,
Structurer correctement vos contenus,
Respecter les critères clés du RGAA
Intégrer ARIA pour une accessibilité avancée.

Un support pratique et synthétique pour tous les développeurs et intégrateurs souhaitant construire des interfaces accessibles et conformes aux standards.

Pour aller plus loin sur les connaissances en RGAA :

RGAA : Faites de l'accessibilité un atout pour votre entreprise
Formulaire accessibilité : guide pas à pas RGAA (HTML, CSS, JS)
Intégrer une police Dys pour améliorer l’accessibilité de votre site
Navigation clavier et souris. Votre site passe-t-il le test RGAA ?
Créer des Onglets Accessibles RGAA 4.1 – Navigation Clavier

Revit - Travail collaboratif

Wed, 24 Sep 2025 17:53:20 +0200

Apprenez à maîtriser le travail collaboratif dans Revit grâce à ce tutoriel complet.
Vous découvrirez pas à pas toutes les notions essentielles pour travailler efficacement en équipe sur un même projet BIM : À l’issue de cette formation, vous saurez collaborer de manière fluide et sécurisée dans Revit, en garantissant la cohérence et l’efficacité de vos projets partagés.
Un contenu incontournable pour optimiser le travail en équipe, améliorer la productivité et acquérir des compétences avancées en BIM collaboratif.

👉 Idéal pour les architectes, ingénieurs, projeteurs et étudiants souhaitant travailler simultanément sur une même maquette Revit.

Compréhension du fichier central et de son rôle dans la coordination
Création et utilisation des fichiers locaux pour chaque utilisateur
Gestion des propriétaires et des droits d’accès sur les éléments du modèle
Utilisation des requêtes et autorisations pour emprunter et libérer des objets
Mise en place et exploitation des filtres de sous-projets pour organiser et structurer le travail collectif

Projet Fullstack #6 - Système de création de compte avec code de validation par e-mail

Wed, 24 Sep 2025 17:18:17 +0200

Créer un système de création de compte avec validation par e-mail — tuto Fullstack complet

Vous souhaitez développer un système d’inscription sécurisé et professionnel, comme ceux utilisés sur les véritables applications web ?
Dans ce tuto fullstack, je vous guide pas à pas dans la création d’une fonctionnalité essentielle : l’enregistrement d’un utilisateur avec envoi et vérification d’un code de validation par e-mail.
Vous y apprendrez à :

Concevoir une interface utilisateur moderne en HTML/CSS
Générer un code de validation unique et temporaire
Envoyer ce code par e-mail de manière sécurisée
Vérifier le code saisi côté serveur
Mettre en place les bonnes pratiques en matière de sécurité et d’expérience utilisateur

Ce tutoriel s’adresse aux développeurs qui souhaitent :

Approfondir leurs compétences en développement fullstack
Comprendre les mécanismes d’authentification et de validation
Travailler sur un cas concret, directement applicable à des projets professionnels

Chaque étape est expliquée avec clarté et rigueur, pour vous permettre de bien comprendre le fonctionnement complet du système, du frontend au backend.
Si vous cherchez un projet stimulant et formateur, ce tutoriel est fait pour vous. 🚀

Autres Projets FullStack :

Projet Fullstack #5 - Lire, insérer, modifier & supprimer des biens immobiliers (10h51min)
Projet Fullstack #4 - Gestion d'une commande -Partie Admin & Partie (8h42min)
Projet Fullstack #3 - Créer un système d'avis et de notation (4h11min)
Projet Fullstack #2 - Créer un formulaire de contact moderne complet (7h31min)
Projet Fullstack #1 - Créer un programme d'upload moderne complet (4h02min)

Illustration originale sur Affinity Photo

Thu, 25 Sep 2025 14:14:23 +0200

Dans ce tutoriel, je vous invite à découvrir comment créer une illustration originale, même sans savoir dessiner.
Vous apprendrez à réaliser un projet complet d’illustration à partir de photographies, qui serviront de base à votre création.

Illustration originale sur Affinity Photo

Ce tutoriel vous permettra de découvrir :

Les outils de sélection
Les dégradés
Les outils de couleurs
Les options de fusion
Les masques de fusion

Une section entraide vous permettra de poser vos questions au cours de la formation mais aussi de présenter vos résultats.
Un QCM vous permet de valider vos compétences en fin d'exercice
Pour aller plus loin, découvrez la formation sur le dessin dans Affinity Photo

Gratuit : L'importance de la profondeur et de la stéréo

Thu, 02 Oct 2025 08:28:55 +0200

Un tuto gratuit sur l'Importance de la Profondeur et de la Stéréo dans un Mixage Audio

La profondeur fait référence à la perception de l'espace entre les différents éléments sonores d'un mix.
Elle permet d'éviter un mix plat et sans relief en donnant une impression de distance et de placement dans un environnement tridimensionnel.