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

Ten en cuenta que esto son capturas fijas: al abrir cualquiera de ellas en Spline, la escena corre animada en tiempo real y puedes girar la cámara mientras se mueve.

  • Escena 3D de gráficas de datos: paneles de cristal con una gráfica de línea y otra de velas, sobre fondo azul oscuro
    Gráficas de datos graficas-de-datos.spline
  • Escena 3D de contratación: hoja de candidato con lupa, bolígrafo y verificaciones en verde, sobre fondo celeste
    Contratación de personal contratacion-de-personal.spline
  • Escena 3D de un megáfono azul con rayos amarillos, sobre fondo celeste
    Anuncio con megáfono anuncio-con-megafono.spline
  • Escena 3D de un mapa verde con una ruta amarilla, marcador rojo y brújula, sobre fondo crema
    Mapa de navegación mapa-de-navegacion.spline
  • Escena 3D de dos fantasmas brillantes rodeados de murciélagos sobre fondo negro
    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 carpeta escenas/, 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.txt en español con los pasos para abrir las escenas, las opciones de exportación y las condiciones de uso.

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.

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 es tuya. 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

  1. Abre el editor en spline.design y arrastra el archivo .spline.
  2. Edita lo que necesites: colores, materiales, textos, cámara, animaciones.
  3. Pulsa Play para comprobar cómo se ve en movimiento.
  4. 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.

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 .spline original como archivo maestro. No lo sobrescribas con la versión de un cliente 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

Puedes usar las escenas en proyectos personales y comerciales, incluidos trabajos para clientes: cabeceras de landings, secciones de producto, campañas, presentaciones o publicaciones en redes. Puedes modificarlas y recolorearlas con total libertad.

Lo que no está permitido es revender el pack ni redistribuirlo como si fuera propio, ni ofrecerlo como descarga en otro sitio. Si quieres compartirlo con alguien, enlaza este artículo: así siempre tendrá la versión actualizada.

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.

¿Puedo publicar la escena en mi web o llevarla a Blender o Unity?

Sí, ambas. 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).

¿Puedo usar las escenas en proyectos de clientes?

Sí, puedes usarlas en proyectos personales y comerciales, incluidos trabajos para clientes. Lo que no está permitido es revender el pack ni redistribuirlo como si fuera propio; para compartirlo, enlaza este artículo.

Compartir

Sigue aprendiendo

Más recursos para tu próximo proyecto

Packs y herramientas que combinan de maravilla con estas escenas.

Ver todos los recursos →

Lienzo en YouTube

Un pack nuevo cada semana

Iconos, sonidos, escenas 3D, plantillas de After Effects y procesos creativos reales. Suscríbete y no te pierdas el próximo recurso gratuito.