Embeber un modelo 3D de Sketch Up utilizando el visualizador Sketchfab

10
SKETCHFAB Embebiendo un objeto tridimensional en tu blogger

description

Paso a paso de cómo publicar en blogger nuestro modelo 3D realizado con Sketch Up utilizando la plataforma Sketchfab donde lo alojaremos y que nos facilitará el código embed.

Transcript of Embeber un modelo 3D de Sketch Up utilizando el visualizador Sketchfab

Page 1: Embeber un modelo 3D de Sketch Up utilizando el visualizador Sketchfab

SKETCHFABEmbebiendo un objeto tridimensional en tu blogger

Page 2: Embeber un modelo 3D de Sketch Up utilizando el visualizador Sketchfab

Exportamos el modelo 3d de nuestro Sketch Up (formato .dae)

Page 3: Embeber un modelo 3D de Sketch Up utilizando el visualizador Sketchfab

Vamos a Sketchfab y nos registramos

Page 4: Embeber un modelo 3D de Sketch Up utilizando el visualizador Sketchfab

Elegimos nuestro nombre de usuario, introducimos nuestra cuenta de correo y

una contraseña para la plataforma Sketchfab

Una vez registrados podemos personalizar nuestro perfil

Page 5: Embeber un modelo 3D de Sketch Up utilizando el visualizador Sketchfab

Elegimos nuestro fichero .dae procedente de

Sketch Up

Una vez cargado continuamos

Describimos el modelo 3D y lo etiquetamos para facilitar su búsqueda.

Page 6: Embeber un modelo 3D de Sketch Up utilizando el visualizador Sketchfab

Ya tenemos nuestro primer modelo 3D

Podemos copiar el código HTML para embeberlo en nuestro blog

O promocionarlo a nuestras RRSS como G+, Facebook, Twitter,

Pinterest.

Diferentes formas de visionarlo

Page 7: Embeber un modelo 3D de Sketch Up utilizando el visualizador Sketchfab

A la hora de compartir nuestro modelo 3D podemos:

Compartir la url o dirección

Promocionarlo en nuestra red social

Copiar el código HTML

<iframe width="640" height="480" src="https://sketchfab.com/models/303c7ea62f0547bfb817ce091a9182cc/embed" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>

<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;"> <a href="https://sketchfab.com/models/303c7ea62f0547bfb817ce091a9182cc?utm_source=oembed&utm_medium=embed&utm_campaign=303c7ea62f0547bfb817ce091a9182cc" target="_blank" style="font-weight: bold; color: #1CAAD9;">I E S E B A</a> by <a href="https://sketchfab.com/accionangel?utm_source=oembed&utm_medium=embed&utm_campaign=303c7ea62f0547bfb817ce091a9182cc" target="_blank" style="font-weight: bold; color: #1CAAD9;">accionangel</a> on <a href="https://sketchfab.com?utm_source=oembed&utm_medium=embed&utm_campaign=303c7ea62f0547bfb817ce091a9182cc" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a></p>

Page 8: Embeber un modelo 3D de Sketch Up utilizando el visualizador Sketchfab

Redactamos nuestra entrada en el blog

Cambiamos a formato HTML

y pegamos el código procedente de

Sketchfab en el lugar adecuado.

Aquí comienza el código insertado