Cómo crear una web en 3D con VECTARY

¿Buscas un elemento 3D llamativo para tu sitio web? ¿O tal vez una imagen hero o de cabecera única para tu increíble sitio web o blog? ¿Qué tal un objeto 3D completo que puedas insertar tan fácilmente como un vídeo de YouTube?

No necesitas ser un diseñador gráfico profesional para hacer todo esto. Usa el 3D Studio de Vectary para crear diseños 3D para tu sitio web como tú quieras. Arrastra y suelta objetos 3D desde nuestra biblioteca y personalízalos con un doble clic.

Crea un sitio web 3D fácilmente

En este artículo aprenderás:

1. Cómo crear una imagen hero 3D con Vectary
2. Cómo crear elementos 3D parallax con Vectary
3. Cómo integrar un diseño 3D interactivo en tu sitio web

1. Cómo crear una imagen hero 3D con Vectary

1. Abre Vectary — es online.
2. Arrastra y suelta objetos desde la biblioteca, importa tus propios archivos 3D o crea tu propio diseño 3D desde cero.
3. Ajusta los materiales, la luz y el estilo, añade texto o un fondo.
4. Renderiza tu diseño en tiempo real.
5. Guarda y exporta tu diseño 3D como archivo PNG.

2. Cómo crear elementos 3D para tu sitio web

Los elementos 3D parallax están muy de moda en el diseño web actual. Pueden darle ese toque especial a tu sitio web. Echa un vistazo a este galardonado diseño de Niika como ejemplo:

Puedes exportar los elementos 3D como archivos PNG estáticos y añadir la animación en el editor web, como Framer, o bien exportar el elemento como una inserción 3D interactiva. En Vectary Vectary, esto es posible desde los ajustes de publicación (Publish).

Cómo crear un sitio web parallax con elementos 3D de Vectary

Dependiendo de la plataforma web que utilices, aquí tienes algunos recursos:

Wix: Cómo crear un sitio web parallax multicapa

Squarespace: Desplazamiento parallax

Weebly: Cómo crear un banner parallax en movimiento en tu sitio web de Weebly

Wordpress: Desplazamiento parallax

3. Cómo integrar un diseño 3D interactivo en tu sitio web

Con Vectary, puedes insertar tu diseño 3D en tu sitio web de forma tan sencilla como un vídeo de YouTube. Tus visitantes podrán rotar o hacer zoom en el diseño 3D, o verlo en la vida real gracias a la realidad aumentada compatible con iPhone y Android.

1. Abre Vectary, es online.
2. Importa un archivo 3D a Vectary (admitimos más de 60 formatos de archivo) o crea tu diseño 3D desde cero.
3. Ve a la pestaña Publish y haz clic en el botón Generate.
4. Copia el código de inserción iframe y pégalo en el editor de tu sitio web.
5. Puedes cambiar tu diseño en cualquier momento y volver a generar la inserción. El diseño se actualizará automáticamente en todas tus inserciones web.

Lee más sobre Vectary Viewer

Ejemplo de visor 3D/AR

Abre este sitio en un iPhone con Safari o en un Android con Chrome y haz clic en la insignia AR.

https://www.vectary.com/embed/viewer/v1/viewer.html?model=fcd1e6c3-100f-4f80-93cf-ea6905a1298e&env=studio1&envRotation=0&autoplay=1&turntable=0.5&showPreloader=1

Qué más puedes conseguir con el editor de diseño 3D de Vectary

Impulsa tu porfolio de diseño gráfico con banners e imágenes de cabecera en 3D

Las formas 3D divertidas son la próxima tendencia visual en publicidad. Mantén al día tu porfolio de diseño gráfico e impresiona a tus clientes con los increíbles elementos visuales creados con nuestra herramienta 3D online.

Colabora en tu diseño 3D con compañeros de trabajo y clientes

Comparte tu diseño con tu compañero o cliente y cread todo juntos. Mientras uno trabaja en el modelo 3D, otro puede jugar con los objetos y el resto añadir sus comentarios. El 3D Studio de Vectary fomenta el trabajo en equipo creativo.

Usa Google Fonts para crear una tipografía 3D increíble

Vectary es la primera herramienta 3D online en implementar más de 1200 fuentes de la biblioteca de Google Fonts. Elige tu fuente de Google favorita y conviértela en 3D en Vectary con un solo clic. Para personalizar aún más tu diseño, solo tienes que hacer doble clic para entrar en el modo de edición de Vectary y acceder a otras potentes herramientas de modelado 3D.

Termina tu diseño 3D en otras herramientas

Exporta fácilmente tu imagen 3D como PNG y termina tu proyecto en herramientas de diseño gráfico como Photoshop y Canva, o continúa en otras plataformas de diseño web como Wix, Wordpress o Weebly. ¡El límite lo pones tú!

FAQ

¿Cómo puedo descargar Vectary para crear un diseño 3D para mi sitio web?

El creador de imágenes 3D de VECTARY es online, por lo que no necesitas descargar nada. Funciona en cualquier navegador moderno como Chrome, Firefox y Safari. Solo tienes que registrarte o iniciar sesión y empezar a crear.

¿Cómo puedo descargar mi diseño 3D?

Haz clic en el menú de la esquina superior izquierda y pasa el cursor sobre Project. A continuación, haz clic en “Export as image” para descargar tu diseño 3D como archivo PNG, o elige entre una gran variedad de otros formatos 3D: STL y OBJ (utilizados en impresión 3D), glTF (formato 3D universal), DAE (formato de Sketchup y arquitectura) o FBX (un formato de archivo propietario desarrollado por Kaydara y propiedad de Autodesk.)