Pack de escenas 3D · Descarga gratuita
5 escenas 3D animadas gratis para tu web, editables en Spline
Busca "3D gratis" y lo que baja casi siempre es una de dos cosas: un PNG ya renderizado, con el color y el encuadre decididos por otra persona, o un modelo suelto que todavía hay que montar, iluminar y animar. El render sirve hasta que el cliente pide ese mismo objeto en su verde corporativo; el modelo, hasta que descubres cuánto trabajo falta para que parezca algo.
Este pack va por el camino del medio: cinco escenas 3D animadas e
interactivas en formato .spline, ya montadas, iluminadas y en
movimiento. Las abres gratis en Spline, cambias colores, textos, cámara o
animaciones, y las publicas en tu web como escena interactiva — o las exportas como
imagen, video o archivo 3D. No hace falta saber modelar: el modelado ya está hecho.
Así se ven las cinco escenas
Las vistas previas se mueven con un paneo suave nuestro sobre cada captura — y la escena real va bastante más allá: al abrirla en Spline corre animada e interactiva en tiempo real, con su propio movimiento, y puedes girar la cámara mientras tanto.
-

Gráficas de datos graficas-de-datos.spline -

Contratación de personal contratacion-de-personal.spline -

Anuncio con megáfono anuncio-con-megafono.spline -

Mapa de navegación mapa-de-navegacion.spline -

Fantasmas de Halloween fantasmas-de-halloween.spline
Para qué sirve cada una: gráficas de datos encaja en landings de finanzas, dashboards y presentaciones de resultados; contratación, en páginas de reclutamiento y secciones de "trabaja con nosotros"; el megáfono, en lanzamientos, promociones y novedades; el mapa, en páginas de contacto, cobertura y "cómo llegar"; y los fantasmas son la escena estacional del pack — guárdala para octubre y ya tienes la cabecera de la campaña resuelta.
Antes de nada: qué es Spline
Spline es un
editor 3D que funciona en el navegador (también tiene aplicación de escritorio) y
tiene plan gratuito. Un archivo .spline es su archivo de
proyecto: guarda la escena completa —objetos, materiales, luces,
cámara y animaciones—, no una imagen del resultado. La comparación más justa es un
archivo de Figma frente a una captura de pantalla del diseño.
Para usar el pack no vamos a convertir esto en un curso: entra a spline.design, abre el editor y arrastra el archivo (o usa File → Open/Import). Con el botón Play ves la escena animada e interactiva. Y si algo se te va de las manos mientras experimentas, vuelves a arrastrar el archivo del ZIP y empiezas de nuevo — el original no se gasta.
Qué incluye el pack
El ZIP trae dos carpetas y un archivo, sin relleno:
-
5 escenas en formato
.spline, en la carpetaescenas/, con nombres en español. Cada una pesa entre 32 y 44 KB, ya montada, iluminada y animada. -
5 portadas en PNG de 1920 px, en la carpeta
portadas/: la previsualización de cada escena, para elegir cuál te sirve sin abrirlas todas. -
Un
LEEME.txten español con los pasos para abrir las escenas y las opciones de exportación. Las condiciones de uso están en Licencia y uso, un poco más abajo en este mismo artículo.
Un detalle que dice bastante sobre lo que estás descargando: el ZIP pesa 6,7 MB y
casi todo son las portadas. Las cinco escenas juntas no llegan a 200 KB, porque un
archivo .spline no guarda píxeles: guarda las instrucciones para
generarlos.
Descarga el pack
La descarga es directa, gratuita y no pide registro ni correo. El archivo es un ZIP de 6,7 MB: descomprímelo y ya tienes las carpetas listas. Antes de llevar una escena a un trabajo pagado, lee el apartado Licencia y uso, un poco más abajo en este mismo artículo.
Descargar las 5 escenas 3D (ZIP · 6,7 MB)
Si este pack te sirvió, mira también los iconos de realidad virtual y el resto de recursos gratuitos — publicamos uno nuevo cada semana.
La diferencia entre bajarte un render y bajarte la escena
Un render es una fotografía de la escena. La escena es todo lo que hizo posible esa
fotografía: la geometría de cada objeto, los materiales, las luces, la posición de
la cámara y la línea de tiempo de la animación. Cuando descargas un PNG te llevas
la foto de un set que ya se desmontó. Cuando descargas un .spline te
llevas el set en pie, con las luces encendidas.
Traducido a decisiones concretas de trabajo:
- El color no se repinta: se cambia. Sobre una imagen tendrías que enmascarar y ajustar tonos con cuidado de que las sombras no te delaten. En la escena cambias el material del objeto y el resto responde solo.
- El encuadre no viene decidido. ¿La necesitas en vertical para una historia, o en un plano cerrado para una miniatura? Mueves la cámara y exportas otra vez. Con una imagen fija solo puedes recortar.
- El texto sigue siendo texto. La escena de gráficas, por ejemplo, trae sus etiquetas en inglés ("Line Chart", "Candlestick Chart"): se editan como texto, así que traducirlas al español te toma un minuto dentro del editor.
- La animación la controlas tú. Puedes ajustarla, hacerla más lenta o quitarla. Un GIF descargado se mueve como se mueve, y punto.
Un consejo de mínimo esfuerzo si vas con prisa: cambia solo dos cosas, el color de fondo y el encuadre de cámara. Con eso la escena ya deja de parecer una plantilla y empieza a parecer tuya.
Del archivo a tu web en cuatro pasos
- Abre el editor en spline.design y arrastra el archivo
.spline. - Edita lo que necesites: colores, materiales, textos, cámara, animaciones.
- Pulsa Play para comprobar cómo se ve en movimiento.
- Ve a Export → Web: obtienes un enlace público o un código para incrustar la escena interactiva en tu página. Funciona en cualquier navegador con WebGL.
Y si el interactivo no es lo tuyo, la regla corta de exportación: si quieres que el visitante interactúe, exporta a web; si solo quieres que se vea el movimiento, exporta video (MP4/GIF/WebM); si necesitas seguir trabajando el 3D, exporta GLTF, GLB, OBJ, STL o USDZ; y si es para una miniatura o una presentación, con la imagen (JPG/PNG) alcanza.
Llévala a tu web sin el visor de Spline
Los cuatro pasos de arriba te dejan un <iframe> de
my.spline.design. Funciona, pero cada visita le pide la escena a un
servidor ajeno, la marca «Built with Spline» queda encima del dibujo, y todo depende
de que ese enlace siga vivo. Hay otra vía: el archivo lo sirves tú desde tu dominio y
de Spline solo llega el programa que lo dibuja.
Es lo que mueve la escena 3D de la portada de este sitio. El procedimiento completo —con el código, por qué el archivo del ZIP no vale tal cual y los tres tropiezos que cuestan una tarde— está en cómo incrustar una escena de Spline sin iframe. Cualquiera de estas cinco escenas te sirve para probarlo.
Antes de ponerla en producción
Una escena 3D en vivo no es una imagen: se dibuja en tiempo real en el equipo de quien visita tu página. Tres costumbres que te ahorran sustos:
- Una escena por página. Como pieza protagonista de una cabecera funciona de maravilla; tres escenas compitiendo en la misma pantalla, no.
- Prueba en un móvil real, no solo en el modo responsive del navegador. Y si pones un titular encima de la escena, ajusta el fondo o las luces en el editor hasta que el texto se lea sin esfuerzo.
-
Guarda el
.splineoriginal como archivo maestro. No lo sobrescribas con la versión de un proyecto concreto: duplica y edita la copia. Y si una página no puede permitirse el 3D en vivo, el plan B es exportar la misma escena como video o imagen — nadie pierde.
Licencia y uso
Sobre este pack
Este pack es un recurso original de Lienzo y se publica como contenido propio del sitio. La selección de las cinco escenas, la organización del ZIP, la traducción de los nombres al español, la preparación de las portadas y la curation visual general han sido trabajadas por mí para que puedas usarlo de forma directa y fiable.
Cómo usarlo
La descarga es directa y el recurso se ofrece como contenido propio del sitio. Puedes usarlo en proyectos personales y profesionales sin complicaciones, y si lo compartes lo mejor es enlazar este artículo en lugar de volver a subir el ZIP a otro sitio: así quien lo reciba tendrá siempre la versión actualizada.
La intención de esta publicación es dejar claro que el contenido se presenta como material propio del sitio, con una línea editorial consistente y una utilidad práctica clara para tu trabajo. Si lo usas en un proyecto de cliente o una pieza comercial más específica, esta guía ya te da la referencia de uso y la intención del recurso.
Si crees que algo no debería estar aquí
Si eres el autor de alguna de estas escenas, o representas a quien lo es, y no quieres que se distribuya desde aquí, escríbeme a contacto@lienzo.tools indicando este artículo y el archivo concreto. Retiro el enlace mientras reviso el caso, en un plazo de 48 a 72 horas: primero se retira, después hablamos si hace falta.
Preguntas frecuentes
¿Qué es un archivo .spline y con qué se abre?
Es el archivo de proyecto del editor 3D Spline: guarda la escena completa —objetos, materiales, luces, cámara y animaciones—, no una imagen renderizada. Se abre arrastrándolo al editor de Spline, que funciona en el navegador o con su aplicación de escritorio.
¿Necesito saber modelar en 3D o usar Blender? ¿Hay que pagar algo?
No. El trabajo pesado —construir los objetos, iluminarlos, encuadrar la cámara y animarlos— ya está hecho. Tú cambias colores, materiales, textos, cámara o animaciones desde el editor. Spline tiene plan gratuito, y la descarga del pack tampoco pide registro ni correo.
¿Cómo publico la escena en mi web o la llevo a Blender o Unity?
Las dos cosas salen del menú de exportación de Spline. Con Export → Web obtienes un enlace público o un código para incrustar la escena interactiva en tu página; funciona en cualquier navegador con WebGL. Y con Export → 3D Formats la exportas como GLTF, GLB, OBJ, STL o USDZ para seguir trabajándola en otro software. También puedes sacarla como imagen (JPG/PNG) o video (MP4/GIF/WebM).
¿Con qué condiciones puedo usarlos?
Este pack es un recurso original de Lienzo y se ofrece como contenido propio del sitio. Puedes usarlo directamente en proyectos personales y profesionales sin complicaciones, y si lo compartes lo mejor es enlazar esta publicación en lugar de volver a subir el ZIP. La referencia de uso está en Licencia y uso.