20% PREMIÈRE COMMANDE : HYTR20

 MOCKUP MAILLOT DE FOOT : MÉTHODE PRO, FICHIERS GRATUITS ET EXPORT SANS ERREURS

OBJECTIF : UN MAILLOT QUI TIENT EN PRÉSENTATION COMME EN PRODUCTION

 

 

Le mockup n’est pas un gadget : c’est le prototype visuel qui crédibilise ton concept, te permet d’itérer vite et de vendre l’idée à un client, un club ou un shop. On va partir d’un fichier gratuit propre, appliquer une méthode simple et finira par un export nickel, prêt pour un deck, une fiche produit ou un appel d’offres. Tu pourras tout faire en restant accessible si tu es débutant, et suffisamment précis pour que les pros gagnent du temps.

 

TÉLÉCHARGER LES BONNES RESSOURCES (GRATUITES ET PRO)

 

Commence par un mockup jersey gratuit, haute résolution, avec vues avant/arrière et Smart Objects : JERSEY FOOTBALL FREE sur HYTRAPE. Il est pensé pour présenter rapidement un design club, studio ou marque. Si tu veux mettre en scène ton maillot en contexte (e-commerce, lookbook, réseaux), ajoute un pack de scènes variées : +50 ULTIMATE MOCKUP BRAND PACK. Et si tu veux une coupe street/oversize plus mode, prends Jersey Mockup Oversize PSD [By Züli] pour des fichiers PSD propres avec vues séparées. Ces trois ressources couvrent 90 % des cas de figure. 

 

PRÉPARER LE FICHIER MAÎTRE (SIMPLE, PROPRE, RÉVERSIBLE)

 

Ouvre le mockup et identifie les Smart Objects (zones éditables), les ombres et lumières (calques de volume) et la texture mesh du textile. Convertis tout nouveau visuel en Objet dynamique avant de le transformer : tu pourras ajuster sans dégrader. Utilise des masques pour fondre les découpes, jamais la gomme. Les modes de fusion Écran, Superposition et Densité linéaire (Ajouter) suffisent pour la plupart des reflets ; baisse l’opacité avant de changer de mode si ça “crie”. Cette hygiène de travail rend le fichier pardonnable et te laisse revenir en arrière si un sponsor change ou si le col évolue. (Principes Photoshop généraux.) 

 

PLACER LOGO, BADGES, SPONSORS ET MOTIFS SANS ERREUR

 

Dépose d’abord la base maillot (couleur/pattern), puis les éléments hiérarchiques : écusson club, logo équipementier, sponsor principal, badges de manche, puis détails (bande épaules, piping, micro-graphisme). Respecte le “couloir de respiration” autour des marques : évite d’accoler sponsor et écusson. Si tu travailles pour de la compétition réelle, la réglementation varie selon ligues et compétitions : l’UEFA cadre précisément la taille/zone des sponsors, badges, étoiles de titres, etc. Pour rester conforme, vérifie les UEFA Equipment Regulations (2024), par exemple l’article sur la publicité de manche (surface max 100 cm², hauteur max 12 cm). Même principe pour numéros et noms, référés dans les chapitres dédiés. Pour un club amateur ou une marque, garde ces ratios comme garde-fous de lisibilité et d’éthique visuelle. 

 

NUMÉROS, NOMS, TYPO : L’AUTORITÉ VIENT DE LA LECTURE

 

Crée une grille invisible : axe central poitrine, ligne d’horizon des pectoraux, et une zone “no fly” autour du col/zip. Les noms se posent droit, sans arc excessif (sauf tradition voulue), les numéros restent comportés avec une marge de sécurité au-dessus de l’ourlet. En compétition, nombres et noms sont normés par les règlements d’équipement (FIFA/UEFA) ; en brand/fashion, calque-toi sur ces proportions pour conserver l’allure “football” et la lisibilité caméra. 

 

DONNER DU RELIEF : MESH, PLIS, ET DÉFORMATION CRÉDIBLE

 

Un maillot convaincant passe par la texture de maille (mesh) et des plis crédibles. Sur un mockup propre, le mesh est déjà inclus ; renforce-le subtilement avec un calque en Superposition à 10–20 % si ton aplat paraît trop “plat”. Pour faire épouser un motif au volume (bande diagonale, graphisme poitrine, damier), utilise Déformation de la marionnette ou Déformation réseau dans le Smart Object, pas sur le calque final du mockup, pour garder la possibilité d’ajuster le dessin sans recréer l’effet. Un soupçon de bruit fin (1–2 %) sur les zones très propres rapproche la matière d’une photo. (Méthodologie Photoshop standard.) 

 

SUBLIMATION, FLOQUAGE, SÉRIGRAPHIE : FAIRE COÏNCIDER MOCKUP ET PRODUCTION

 

Si ton mockup doit servir de pré-production, adopte les standards d’impression réels. En sublimation (maillots all-over), beaucoup d’ateliers acceptent des fichiers 150–300 DPI selon gabarit ; la sublimation supporte très bien le 150 DPI grandeur réelle, surtout sur textile, mais monte à 300 DPI pour de petits détails/monogrammes. En DTG/Transfert, vise 300 DPI sur la zone imprimable fournie par le prestataire. Reste en sRGB pour le web et la plupart des flux POD, sauf si l’imprimeur exige un profil CMJN précis. Garde toujours du bleed (fond qui dépasse) et une safe area (zone où texte/logos ne doivent pas toucher les bords du gabarit)

 

CHECKLIST EXPORT : PRÉSENTATION CLIENT, WEB, OU DOSSIER TECH

 

Pour présenter : exporte en PNG sRGB (transparence possible) à 2000–3000 px de hauteur, et un JPEG léger pour le mail. Pour e-commerce : 1600–2400 px côté long, fond uni cohérent, nom de fichier descriptif (ex. jersey-football-home-2025-hytrape.png) et balise alt lisible (“Maillot domicile 2025 – motif diagonale – vue face”). Pour tech pack : PDF avec calques visibles (ou images pleine taille 300 ppi), plus un visuel “flat” sans ombres pour montrer la construction. Si l’impression est planifiée, fournis aussi la version gabarit de l’imprimeur, même si ton mockup est validé. (Bonnes pratiques d’export usuelles POD/impression.) 

 

FLUX DE TRAVAIL PAS-À-PAS (DÉBUTANT → PRO)

  1. Base : ouvre JERSEY FOOTBALL FREE, remplace la couleur par ta teinte club ou ta palette marque via un calque de Teinte/Saturation ou un Remplissage dans le Smart Object. 2) Écusson & sponsor : importe en SVG/PNG haute définition, convertis en Objet dynamique, ajuste la taille en respectant les marges. 3) Motifs : si tu poses un pattern all-over, vérifie le raccord aux coutures et atténue le contraste sur les zones de plis. 4) Mesh & ombres : garde les calques d’ombres natifs du mockup ; si tu renforces le mesh, reste subtil. 5) Back view : dispose nom et numéro avec une grille simple, aligne la hauteur de numéro aux omoplates plutôt qu’au col. 6) Variantes : duplique le PSD et crées trois colorways cohérents (home/away/third). 7) Export : une version “héro” pour la page, une “flat” pour la fiche technique, une vignette optimisée pour réseau. Tu restes rapide, réversible, clair.

 

 

RESSOURCES PRÊTES À L’EMPLOI (À LIER SUR TA BOUTIQUE)

Télécharge JERSEY FOOTBALL FREE pour prototyper immédiatement et montrer proprement face/dos. Si tu veux aller plus loin dans la mise en scène (planches lookbook, landing e-commerce, mini-catalogue), ajoute +50 ULTIMATE MOCKUP BRAND PACK pour multiplier les angles et supports. Et si ton DA penche street/oversize, Jersey Mockup Oversize PSD [By Züli] donnera ce tombé ample qui parle à la mode actuelle. Tous trois vivent bien ensemble : gratuit pour aller vite, “brand pack” pour vendre, oversize pour les collections. 

LÉGAL & BON SENS : UTILISER DES IDENTITÉS SANS RISQUE

Évite d’utiliser de vraies marques/écussons sans autorisation dans tes exemples publics. Pour un club amateur, crée une identité originale ; pour un appel d’offres, masque toute marque tierce non autorisée. Côté compétition, les règlements UEFA/FIFA encadrent numéros, noms, badges et publicités ; même si tu fais du design spéculatif, t’inspirer de ces normes protège la lisibilité et te rapproche d’un rendu “crédible matchday”. 

 

LISSER LES DÉTAILS QUI FONT VRAI

Évite les “sponsors luminescents” qui brûlent l’image : un sponsor doit sembler imprimé dans la matière, pas collé au-dessus. Règle localement l’intégration lumière avec une courbe douce et, si besoin, ajoute une ombre portée de 1–2 px ultra floue à très faible opacité pour coller au textile. Les cols (V, rond, polo) appellent des placements légèrement différents : avec un col V profond, remonte le sponsor de 2–3 % de la hauteur pour garder l’équilibre visuel. Si tu ajoutes une bande épaules ou un liseré, reste symétrique et vérifie au zoom 100 % que l’épaisseur est constante sur les courbures (déformation réseau dans le Smart Object).

 

DE LA PRÉSENTATION À LA PRODUCTION : LES CHIFFRES QUI ÉVITENT LES RETOURS

 

Pour la sublimation all-over : travaille au gabarit de l’imprimeur, vise 150–300 DPI selon détail, reste en sRGB s’il est demandé et garde les safe zones indiquées. Pour DTG/Transfert : 300 DPI sur zone imprimable, fond enlevé si nécessaire (PNG), et un test d’alignement avant série. Pour un deck client ou une page Shopify : côté long 1600–2400 px, sRGB, noms de fichiers explicites, textes alternatifs descriptifs. Cette combinaison te donne un rendu propre sur site, en PDF et en review mobile sans retoucher trois fois tes exports. (help.subliminator.com)

 

POUR ALLER PLUS LOIN, SANS ALLOURDIR

 

Si tu veux simuler une matière respirante façon mailles d’aération, ajoute une passe de grain film ultra léger uniquement dans les zones non sponsorisées. Si tu veux un look plus “mode”, incline la diagonale lumière d’une dizaine de degrés et renforce l’épaulière par un micro-contraste local ; le sponsor doit rester lisible à l’œil nu sur smartphone. Si tu déclines en dames ou jeunes, n’oublie pas d’ajuster la proportion du logo par rapport à la largeur poitrine (ne transpose pas à l’identique un placement “homme” sur une coupe plus étroite). La règle d’or ne change pas : la typographie mène, la matière accompagne, le mockup s’efface derrière l’idée.

 

 

 

RÉSUMÉ UTILISABLE IMMÉDIATEMENT

Télécharge JERSEY FOOTBALL FREE pour démarrer. Installe une base propre et hiérarchise : écusson, équipementier, sponsor, badges, puis détails. Donne du relief sans crier : mesh, plis, masques doux. Calque tes placements sur les repères UEFA/FIFA pour une allure “match-ready”, même hors compétition. Si c’est pour produire : 150–300 DPI selon process, sRGB si aucun profil CMJN n’est requis, bleed et safe area respectés. Quand tu veux vendre le concept, mets-le en scène avec +50 ULTIMATE MOCKUP BRAND PACK ; si tu parles mode, Jersey Mockup Oversize PSD [By Züli] fera le reste. Tu passes de l’idée au visuel crédible sans te perdre dans la technique et c’est exactement ce qu’on demande à un bon mockup.