Shop
EN

Sections

Language

Reading list

This list is saved in this browser on this device.

Your list is empty. Save an article using the bookmark icon to find it here.

GRAPHIC DESIGN

Soccer Jersey Mockup: A to Z Design + Free Files


Accessible 2025 tutorial (beginner → pro). Download a free jersey mockup, master Smart Objects, mesh textures, numbers/names, and export cleanly for web, print, or club presentations. HYTRAPE resources included.

Mockup maillot de foot (Jersey) : design de A à Z + fichiers gratuits

FOOTBALL JERSEY MOCKUP: PRO METHOD, FREE FILES AND ERROR-FREE EXPORT

Goal: a jersey that holds up in presentation and in production

The mockup is not a gimmick: it is the visual prototype that gives your concept credibility, lets you iterate fast and sell the idea to a client, a club or a shop. We will start from a clean free file, apply a simple method and finish with a flawless export, ready for a deck, a product page or a tender. You can do it all while staying accessible if you are a beginner, and precise enough for pros to save time.

Download the right resources (free and pro)

Start with a free, high-resolution jersey mockup with front/back views and Smart Objects: JERSEY FOOTBALL FREE on HYTRAPE. It is designed to quickly present a club, studio or brand design. If you want to show your jersey in context (e-commerce, lookbook, social media), add a pack of varied scenes: +50 ULTIMATE MOCKUP BRAND PACK. And if you want a more fashion-oriented street/oversize cut, take Jersey Mockup Oversize PSD [By Züli] for clean PSD files with separate views. These three resources cover 90% of use cases.

Prepare the master file (simple, clean, reversible)

Open the mockup and identify the Smart Objects (editable areas), the shadows and lights (volume layers) and the mesh texture of the fabric. Convert any new visual to a Smart Object before transforming it: you will be able to adjust without degrading it. Use masks to blend cutouts, never the eraser. The blend modes Screen, Overlay and Linear Dodge (Add) are enough for most reflections; lower the opacity before changing mode if it “screams.” This working hygiene makes the file forgiving and lets you go back if a sponsor changes or if the collar evolves.

Place logo, badges, sponsors and patterns without errors

First drop in the jersey base (color/pattern), then the hierarchical elements: club crest, kit supplier logo, main sponsor, sleeve badges, then details (shoulder stripe, piping, micro-graphics). Respect the “breathing corridor” around the marks: avoid placing the sponsor right up against the crest. If you are working on real competition, regulations vary by league and competition: UEFA sets precise rules on the size/zone of sponsors, badges, title stars, etc. To stay compliant, check the UEFA Equipment Regulations (2024), for example the article on sleeve advertising (max area 100 cm², max height 12 cm). The same principle applies to numbers and names, covered in the dedicated chapters. For an amateur club or a brand, keep these ratios as safeguards for legibility and visual ethics.

Numbers, names, type: authority comes from readability

Create an invisible grid: chest center axis, pectoral horizon line, and a “no fly” zone around the collar/zip. Names sit straight, without excessive arching (unless a traditional look is intended), and numbers stay contained, with a safety margin above the hem. In competition, numbers and names are standardized by equipment regulations (FIFA/UEFA); in brand/fashion work, model yourself on these proportions to keep the “football” look and camera legibility.

Adding depth: mesh, folds, and believable deformation

A convincing jersey relies on a knit texture (mesh) and believable folds. On a clean mockup, the mesh is already included; reinforce it subtly with an Overlay layer at 10 to 20% if your solid color looks too “flat.” To make a pattern follow the volume (diagonal stripe, chest graphic, checkerboard), use Puppet Warp or Grid Warp inside the Smart Object, not on the final mockup layer, so you can still adjust the design without recreating the effect. A hint of fine noise (1 to 2%) on very clean areas brings the material closer to a photo.

Sublimation, flocking, screen printing: matching mockup and production

If your mockup is going to serve as pre-production, adopt real printing standards. For sublimation (all-over jerseys), many workshops accept files at 150 to 300 DPI depending on the template; sublimation handles 150 DPI at actual size very well, especially on textile, but go up to 300 DPI for small details/monograms. For DTG/Transfer, aim for 300 DPI on the printable area supplied by the provider. Stay in sRGB for the web and most POD workflows, unless the printer requires a specific CMYK profile. Always keep some bleed (background extending past the edge) and a safe area (zone where text/logos must not touch the edges of the template).

Export checklist: client presentation, web, or tech pack

To present: export as sRGB PNG (transparency possible) at 2000 to 3000 px high, and a lightweight JPEG for email. For e-commerce: 1600 to 2400 px on the long side, a consistent plain background, a descriptive file name (e.g. jersey-football-home-2025-hytrape.png) and a readable alt tag (“Home jersey 2025, diagonal pattern, front view”). For a tech pack: PDF with visible layers (or full-size images at 300 ppi), plus a “flat” visual without shadows to show the construction. If printing is planned, also provide the printer’s template version, even if your mockup is approved.

Step-by-step workflow (beginner → pro)

  1. Base: open JERSEY FOOTBALL FREE, replace the color with your club shade or brand palette via a Hue/Saturation layer or a Fill inside the Smart Object. 2) Crest & sponsor: import as high-definition SVG/PNG, convert to a Smart Object, adjust the size while respecting the margins. 3) Patterns: if you apply an all-over pattern, check the match at the seams and reduce the contrast on the fold areas. 4) Mesh & shadows: keep the mockup’s native shadow layers; if you reinforce the mesh, stay subtle. 5) Back view: lay out the name and number on a simple grid, align the number height to the shoulder blades rather than the collar. 6) Variants: duplicate the PSD and create three consistent colorways (home/away/third). 7) Export: a “hero” version for the page, a “flat” one for the tech sheet, a thumbnail optimized for social media. You stay fast, reversible, clear.

Ready-to-use resources

Download JERSEY FOOTBALL FREE to prototype immediately and cleanly show front/back. If you want to go further with staging (lookbook boards, e-commerce landing, mini-catalog), add +50 ULTIMATE MOCKUP BRAND PACK to multiply angles and formats. And if your art direction leans street/oversize, Jersey Mockup Oversize PSD [By Züli] will give that loose drape that speaks to current fashion. All three work well together: free to move fast, “brand pack” to sell, oversize for collections.

Legal & common sense: using identities without risk

Avoid using real brands/crests without permission in your public examples. For an amateur club, create an original identity; for a tender, mask any unauthorized third-party brand. On the competition side, UEFA/FIFA regulations govern numbers, names, badges and advertising; even if you are doing speculative design, drawing on these standards protects legibility and brings you closer to a “credible matchday” look.

Smoothing the details that make it look real

Avoid “luminescent sponsors” that burn out the image: a sponsor should look printed into the material, not stuck on top. Adjust the light integration locally with a soft curve and, if needed, add an ultra-blurred 1 to 2 px drop shadow at very low opacity to make it sit on the fabric. Collars (V-neck, round, polo) call for slightly different placements: with a deep V-neck, raise the sponsor by 2 to 3% of the height to keep visual balance. If you add a shoulder stripe or a thin edging, stay symmetrical and check at 100% zoom that the thickness is constant across the curves (grid warp inside the Smart Object).

From presentation to production: the numbers that prevent returns

For all-over sublimation: work to the printer’s template, aim for 150 to 300 DPI depending on detail, stay in sRGB if it is requested and keep the safe zones indicated. For DTG/Transfer: 300 DPI on the printable area, background removed if necessary (PNG), and an alignment test before a full run. For a client deck or a Shopify page: 1600 to 2400 px on the long side, sRGB, explicit file names, descriptive alt text. This combination gives you a clean result on a site, in a PDF and in a mobile review without touching up your exports three times. (help.subliminator.com)

Going further, without weighing it down

If you want to simulate a breathable material like ventilation mesh, add an ultra-light pass of film grain only in the non-sponsored areas. If you want a more “fashion” look, tilt the light diagonal by about ten degrees and reinforce the shoulder area with local micro-contrast; the sponsor must remain legible to the naked eye on a smartphone. If you adapt it for women’s or youth versions, do not forget to adjust the logo proportion relative to the chest width (do not transpose a “men’s” placement identically onto a narrower cut). The golden rule does not change: typography leads, the material supports, the mockup fades behind the idea.

Summary you can use right away

Download JERSEY FOOTBALL FREE to get started. Set up a clean base and build the hierarchy: crest, kit supplier, sponsor, badges, then details. Add depth without shouting: mesh, folds, soft masks. Model your placements on UEFA/FIFA benchmarks for a “match-ready” look, even outside competition. If it is for production: 150 to 300 DPI depending on the process, sRGB if no CMYK profile is required, bleed and safe area respected. When you want to sell the concept, stage it with +50 ULTIMATE MOCKUP BRAND PACK; if you are talking fashion, Jersey Mockup Oversize PSD [By Züli] will do the rest. You go from idea to credible visual without getting lost in the technique, and that is exactly what you ask of a good mockup.

Free mockups to try

Need other formats to present a design? These mockups are free on HYTRAPE. Check the license shown on each product page before any commercial use.

The whole mockup collection.

Frequently asked questions

Where can I download a free football jersey mockup?

On HYTRAPE: JERSEY FOOTBALL FREE is a blank mockup with front and back views. The designs shown in the examples are not included.

What resolution should I use to print a jersey by sublimation?

Between 150 and 300 DPI depending on the level of detail, following the printer’s template.

Can I use a real crest in a mockup?

Avoid real brands and crests without permission, especially in public examples. For an amateur club, create an original identity.

HYTRAPE shop · Mockups

Put your reading into practice.

A Mockups selection from HYTRAPE’s independent creators.

View the collection

20,000+ downloads 4.7/5 45 verified reviews

In this article