Saltar al contenido principal
Render local en canvas

Mockup de camiseta online

Previsualiza un diseño sobre una camiseta con ajuste ligero al tejido. Es ideal para validar una idea de POD antes de preparar fotos finales o subirla a una tienda.

Mockup de camiseta crea un mockup terminado en tu navegador: carga el archivo, ajusta el marco y exporta PNG. Nada se sube y no hay marca de agua.

Entrada
captura/diseño
Vista
marco + recorte
Salida
PNG
blank white t-shirt under warm stage light with clean fabric texture
Prueba de exportaciónPNG
MarcoRecorteEspecificación
Shirt color

Drop an image, or click to choose

Stays in your browser

Use a transparent PNG for the best result

Notas de producción

端侧 T 恤样机能做到多真实?什么时候该用真实摄影样机?

T 恤样机的「真实感」核心在于:图案要不要跟着布料的褶皱走。最简单的做法是「平铺叠加」——把设计图直接盖在 T 恤照片上,零成本但很假,因为图案是平的、不跟褶皱。进阶做法是「位移贴图(displacement map)」:用 T 恤的明暗本身当作位移图(暗处=褶皱凹陷、亮处=高光凸起),按 bilinear 插值把设计图的像素轻微扭曲,让图案像真的印在起伏的布面上。这一步纯 canvas 在浏览器里就能做,样机猫正是用这种轻量 displacement 拉开与「纯贴纸」的差距——不上 WebGL 重渲染,保持免费、本地、即时。

用好端侧 T 恤样机有几个技巧:一是设计图尽量用透明背景 PNG,这样只有图案本身贴上去、不带白底方块;二是位置和大小别贪大,胸前居中偏上、占合理比例最像真实印花;三是配色用「颜色变体」多看几版——同一个图案在白 T 和黑 T 上观感差别很大,深色衣服上浅色图案、浅色衣服上深色图案通常更清晰;四是位移强度别拉满,轻微跟随褶皱即可,过度会让图案变形失真。这些都能在样机猫里实时拖出来看,满意了直接导出。

什么时候端侧样机不够、要上真实摄影样机?当你需要的是「真人模特穿着你设计的 T 恤、在真实场景里」的照片级电商主图——不同身材、不同肤色、不同光线、不同姿势的实拍,这是端侧 canvas 做不到的,需要专门的摄影样机库。Placeit 正是这块的强项,有数千种真实模特上身、平铺摆拍、生活场景的 T 恤样机,拖一下就把你的设计合进实拍照。所以样机猫的定位是:免费快速出「印花预览 / 设计稿初稿」,确认设计 OK 后——要开店卖就去 Printful 印出来、要电商级真实场景图就去 Placeit。我们做轻量免费的那一段,重场景交给合规的付费素材库。

Comparación honesta

T 恤样机工具对比:样机猫 vs Placeit vs Printful Mockup Generator

T 恤样机分「免费端侧预览」和「真实摄影场景 / 直接开店」两类。下表只列可核实的客观事实(截至 2026 年 6 月,以各家官网为准)。

工具免费用真实摄影场景本地处理下一步
样机猫 T 恤样机否(端侧贴合预览)是(canvas 本地)导出 / 去开店
Placeit仅预览(下载需订阅)是(数千种真人上身)云端订阅下载
Printful Mockup Generator免费(需注册)部分(平铺/模特摆拍)云端直接印制开店

Placeit 真实摄影场景最丰富;Printful 强在「样机即可下单印制」。样机猫做免费端侧预览,是两者的免费上游。

Contiene enlaces de afiliado. Podemos ganar una comisión sin costo adicional para ti.

Cómo usar Mockup de camiseta

  1. 1Sube tu diseño PNG.
  2. 2Colócalo sobre el pecho.
  3. 3Cambia color y ajuste.
  4. 4Descarga el mockup.

Por qué usar Mockup de camiseta en MockCat

  • Vista previa rápida para validar combinaciones de color.
  • El archivo se procesa localmente.
  • Salida sin marca de agua para borradores y fichas iniciales.

Preguntas frecuentes

位移贴合(displacement)是什么?真实吗?

它按 T 恤布料的明暗(褶皱凹凸)轻微扭曲你的图案像素,让图案像真的印在起伏的布面上,而不是平贴的贴纸。比纯平铺真实得多,但仍是端侧合成的「预览级」效果;要照片级真实电商图请用 Placeit 的摄影样机。

我的设计图会上传吗?

不会。所有合成都在你浏览器本地 canvas 完成,未发布的原创图案不离开你的设备——这对设计师尤其重要。

想要真人模特穿着的样机怎么办?

端侧 canvas 做不出真人上身的照片级样机。点结果区的链接可跳转 Placeit,那里有数千种真实模特、不同场景的 T 恤样机,把你的设计拖进去即可合成。

做完样机后怎么真的把它印出来卖?

可以用 Printful 这类按需印制(POD)平台:上传设计、它帮你印在 T 恤上、有人下单才生产发货,零库存。结果区有跳转入口。

支持卫衣、帽 T 吗?

当前主打 T 恤;卫衣 / 帽 T / 托特包等更多服装类型在扩展中。需要海量服装类型的真实样机,Placeit 已覆盖。

Actualizado · equipo de MockCat

来源、复核与限制

最后核验

2026-06-17

作者

MockupCat editorial desk

复核

Visual asset export review

主要来源

  • Browser Canvas APIs
  • Curated mockup frame and lighting presets
  • Common social and app-store size references

Mockups are presentation assets. Check platform upload rules, brand usage rights and final pixel dimensions before publishing.