Générateur de Mockups de T-shirt (Aperçu 3D)

Prévisualisez votre design sur un véritable t-shirt 3D que vous pouvez faire pivoter, zoomer et recolorier. Importez n'importe quel logo ou visuel et téléchargez le mockup en PNG. 100% dans votre navigateur.

Le Générateur de Mockups de T-shirt produit un t-shirt 3D photoréaliste directement dans votre navigateur grâce à WebGL. Importez n'importe quel logo, illustration ou photo et voyez le visuel appliqué sur le vêtement avec un éclairage réaliste et un ombrage de tissu. Faites pivoter, zoomez, changez la couleur et redimensionnez votre création de manière interactive, puis exportez un PNG haute résolution prêt pour votre portfolio, votre fiche e-commerce, votre page Kickstarter ou vos réseaux sociaux. Rien n'est envoyé en ligne; tout le rendu s'effectue localement sur votre appareil.

Vos données restent dans votre navigateur
Tutorial

Comment l'utiliser

1
1

Importez votre design

Glissez-déposez un logo, une illustration ou une photo dans la zone d'import. Les fichiers PNG avec fond transparent produisent les mockups les plus propres car l'outil préserve vos espaces négatifs.

2
2

Choisissez une couleur et ajustez la taille

Cliquez sur une pastille pour changer la couleur du tissu en temps réel. Utilisez le curseur de taille pour agrandir ou réduire le visuel jusqu'à ce qu'il soit correctement positionné sur la poitrine.

3
3

Faites pivoter la vue 3D et exportez

Faites glisser la vue pour faire pivoter le t-shirt, utilisez la molette pour zoomer et, lorsque l'angle vous convient, cliquez sur Télécharger le mockup pour enregistrer un PNG haute résolution.

Guide

Guide complet des mockups de t-shirt

Pourquoi le 3D surpasse les gabarits de mockup 2D

Les mockups classiques superposent votre design sur une photo plate via une carte de déplacement Photoshop. Le résultat paraît convaincant sous un angle, mais s'effondre dès que vous changez de perspective, et il vous faut un nouveau gabarit pour chaque couleur, pose et vêtement. Un mockup 3D restitue le t-shirt en direct avec WebGL, de sorte que rotation, éclairage et couleur réagissent instantanément, offrant un rendu cohérent sur tout votre catalogue sans acheter des centaines de PSD.

Préparer votre visuel

Exportez votre design en 2000×2000 px ou plus avec un fond transparent. Aplatissez d'abord les fichiers multicalques. Un visuel sombre sur un t-shirt sombre ou un visuel clair sur un t-shirt clair se lisent mal; ajoutez une ombre ou un contour discret dans votre outil vectoriel pour améliorer le contraste. Gardez les détails fins au-dessus de l'équivalent 1 mm; la texture du tissu absorbe tout trait plus fin.

Principes de gestion des couleurs

Le moteur de rendu 3D travaille dans l'espace colorimétrique sRGB. Si votre visuel utilise un gamut plus large (DCI-P3, Adobe RGB), l'export sera écrêté. Pour des mockups prêts pour l'impression, travaillez en sRGB de bout en bout et contrôlez sur un écran calibré. Rappelez-vous que le tissu absorbe la lumière différemment d'un écran; les aperçus sur modèle paraissent souvent un peu plus vifs que le vêtement imprimé final.

Quand utiliser des mockups photoréalistes plutôt que des flat lays

Utilisez des mockups 3D pour les fiches produit e-commerce, pitch decks et landing pages de lancement, où l'acheteur doit imaginer le produit porté. Utilisez des flat lays (photo 2D en plongée) pour les fiches techniques et dossiers de production, où le placement et les dimensions d'impression comptent davantage que l'ambiance. Combiner les deux sur une même fiche produit surpasse souvent l'un ou l'autre seul.

Examples

Exemples résolus

Lancer un drop merch d'un groupe

Un groupe de quatre musiciens a besoin d'une image principale pour la page de précommande de son nouveau single, montrant leur logo sur un t-shirt noir.

1

Importez band_logo.png (visuel blanc sur fond transparent).

2

Sélectionnez la pastille Noir et affinez le curseur de taille pour remplir environ 60% de la poitrine.

3

Faites pivoter légèrement hors axe pour une composition plus dynamique, puis cliquez sur Télécharger le mockup.

Un PNG 1200×1200 prêt pour Bandcamp, Shopify et Instagram; produit en moins de deux minutes sans Photoshop.

Générer une galerie produit print-on-demand

Le propriétaire d'une boutique POD a besoin d'images produit pour un même design sur six couleurs de t-shirt.

1

Importez le visuel une seule fois.

2

Parcourez chaque pastille de couleur en gardant l'angle de caméra identique et téléchargez le PNG après chaque changement.

3

Téléversez les six exports vers Shopify ou Etsy en tant que variantes de couleur.

Une galerie produit cohérente et harmonisée en couleur, produite dans le temps nécessaire à un seul mockup Photoshop manuel.

Use Cases

Cas d'usage

Prévisualiser un merch avant l'impression

Les designers indépendants et les musiciens peuvent prévisualiser un design de t-shirt sur un vêtement 3D réaliste avant de lancer une sérigraphie ou une impression directe. La rotation du modèle permet de repérer les problèmes d'échelle que les gabarits plats cachent, d'économiser sur les échantillons physiques et de réduire le nombre d'itérations avant un drop merch.

Fiches e-commerce et boutiques Shopify

Les propriétaires de boutiques print-on-demand génèrent des images produit cohérentes sur des dizaines de variantes de couleur sans payer de photographe. La même vue 3D exporte chaque couleur avec un angle, un éclairage et un cadrage identiques, créant une galerie cohérente qui convertit mieux que des photos de stock provenant d'un catalogue fournisseur.

Pitch decks et pages Kickstarter

Pour pitcher une marque de vêtements, un mockup 3D véhicule bien plus de professionnalisme qu'un logo posé sur un rectangle plat. Exportez des rendus sous plusieurs angles pour illustrer le produit sur une page de financement participatif, un deck investisseurs ou un PDF de charte graphique, renforçant la crédibilité sans organiser de shooting photo.

Questions fréquentes

?Quels formats d'image puis-je importer?

PNG, JPG, WebP et SVG fonctionnent tous. Un PNG avec fond transparent donne les meilleurs résultats car l'outil conserve la forme de votre visuel au lieu d'afficher un cadre rectangulaire autour.

?Comment faire pivoter ou zoomer sur le t-shirt?

Cliquez et faites glisser n'importe où dans la vue 3D pour la faire pivoter. Utilisez la molette de la souris, le pincement sur le trackpad ou le défilement à deux doigts sur mobile pour zoomer. Le déplacement au clic droit est désactivé afin que le t-shirt reste toujours centré.

?Puis-je changer la couleur du t-shirt?

Oui. Choisissez parmi huit couleurs prédéfinies (blanc, noir, gris, marine, rouge, vert, moutarde, rose). La couleur est appliquée en temps réel sur le matériau 3D, et non intégrée à la texture, ce qui rend le changement instantané.

?Quelle est la résolution du PNG exporté?

L'export correspond à la résolution de la vue 3D au moment du clic, multipliée par le pixel ratio de votre appareil. Sur un ordinateur de bureau classique, cela produit un PNG d'environ 1200×1200 pixels, largement suffisant pour le web et les réseaux sociaux.

?Ai-je une vue avant et arrière?

La version actuelle restitue l'avant du t-shirt. Faire pivoter la vue montre le dos et les côtés, mais le design n'est appliqué qu'à la poitrine avant dans cette version.

?Mon design est-il envoyé sur un serveur?

Non. Tout s'exécute localement dans votre navigateur via WebGL et JavaScript. Votre visuel, la scène 3D et le PNG exporté restent sur votre appareil; rien n'est transmis à un serveur.

?Cet outil est-il gratuit?

Oui. Entièrement gratuit, sans limites, sans inscription, sans filigrane à l'export et sans offre premium. Utilisez-le autant de fois que nécessaire pour vos projets personnels ou commerciaux.

?Puis-je utiliser les mockups exportés à des fins commerciales?

Oui, le PNG exporté vous appartient. Le modèle 3D de t-shirt sous-jacent de JC4862 est sous licence CC-BY 4.0, ce qui autorise un usage commercial à condition de créditer l'auteur lors de la publication du modèle lui-même (pas du rendu de mockup).

?Pourquoi la vue 3D reste-t-elle vide un instant?

Le premier chargement télécharge le modèle 3D (1 à 2 Mo environ) et compile les shaders WebGL. Les chargements suivants sont mis en cache par le navigateur, et le t-shirt apparaît instantanément.

Outils associés

Aidez-nous à améliorer

Aimez-vous cet outil ?

Chaque outil Kitmul est construit à partir de vraies demandes d'utilisateurs. Votre note et vos suggestions nous aident à corriger des bugs, ajouter des fonctionnalités manquantes et créer les outils dont vous avez vraiment besoin.

Notez cet outil

Cliquez sur une étoile pour nous dire si cet outil vous a été utile.

Suggérez une amélioration ou signalez un bug

Une fonctionnalité manque ? Vous avez trouvé un bug ? Une idée ? Dites-le-nous et nous l'examinerons.

Lectures Recommandées

Livres recommandés sur le design de t-shirts, la sérigraphie et le business du merch

En tant que partenaire Amazon, nous percevons une commission sur les achats qualifiés.

Boostez vos Compétences

Produits professionnels pour designers de t-shirts et marques de merch

En tant que partenaire Amazon, nous percevons une commission sur les achats qualifiés.

Newsletter

Recevez des Conseils Productivité et les Nouveaux Outils en Premier

Rejoignez les créateurs et développeurs qui valorisent la confidentialité. Chaque édition : nouveaux outils, astuces productivité et mises à jour — sans spam.

Accès prioritaire aux nouveaux outils
Désabonnez-vous à tout moment, sans questions