Efecto de animación con Autopilot

Efecto de animación con Autopilot

Descargar archivo de vídeo

👆👆👆👆👆👆👆👆👆

💾 DESCARGA ESTE VIDEO PARA TU USO PERSONAL AQUÍ

¿Qué puedes hacer con este video? Almacenarlo como material de consulta futura exclusivamente para tu uso personal.

¿Qué NO puedes hacer?Publicarlo en ningún medio, formato ni plataforma, comercializarlo, distribuirlo ni alterarlo en forma alguna.

Al final, tomé la decisión de sacar la plantilla en versión 1.0.1, con una animación APNG, para evitarle al usuario tener que hacer este efecto de animación, siguiendo la recomendación de Guillermo. En todo caso, quise dejar esta explicación porque tal vez alguno se anime a hacerla y estará también bonito que quede, mas no indispensable.

Plantilla Real Skin de 3D Vista especializada en Máster Plan

Comprar ahoraSaber más

😱 ¡DESCARGAS!

  • 3D Vista - Plantilla - Master Skin (1.0.1)
  • Figma - Diseños originales - Master Skin (1.0.1)
  • Creación de Dropspots
  • Proyecto ejemplo en 3D Vista (1.0.1).zip

Instrucciones de uso de la plantilla

  • Organización del material
  • Creación del proyecto en 3D Vista
  • Importación de la plantilla Master Skin
  • Estructura del skin
  • Cambiando el logo
  • Modificando el cover
  • Agregando Hotspots y Dropspots
  • Integrando Google Maps
  • Usando Planos
  • Usando videos desde YouTube o Vimeo
  • Embebiendo recursos web externos
  • Integrando un brochure en formato FlipBook
  • Editando la ficha de contacto de WhatsApp
  • Usando el interruptor (Control de altura)
  • Efecto de animación con Autopilot
  • Despedida

Bienvenida

  • Instrucciones de acceso
  • ¡Bienvenida!
  • Metodología de trabajo

Sesión #1: Lluvia de ideas

  • De dónde obtenemos las ideas del skin
  • Lo primero: escuchar la experiencia de otros fotógrafos colegas
  • Juan David: que el cliente gestione autónomamente los lotes vendidos y los disponibles
  • Robinson: crear un deslizador que modifique la altura del dron
  • Hallan: dibujo de divisiones de lotes usando PTGui
  • Manuel: modelos 3D con sobrevuelo de dron
  • Tomás: un skin personalizable al insertarlo como iframe en la web del cliente
  • Jorge: marcación del terreno usando Google Earth
  • Pietro: aclaración sobre el uso correcto del término fotogrametría
  • Diseño Centrado en el Usuario (DCU) - Preguntemos a clientes finales
  • Benchmarking: análisis de trabajos de otros colegas (buenas y malas prácticas)

Sesión #2: Diseño de Interfaz de Usuario Móvil

  • Cromatismo
  • Tipografía
  • Iconografía
  • Hotspots y callouts
  • Mobile First
  • Interfaz móvil
  • Portada y animación
  • Demanda de ventanas
  • Diseño de ventanas

Sesión #3: Diseño de Interfaz de Usuario Desktop

  • Diseño adaptativo vs responsivo
  • Resoluciones actuales para desktop
  • Rejilla Base 4
  • Gestionando las restricciones
  • Portada y animación
  • Interfaz para desktop
  • Diseño de ventanas

Sesión #4: Implementación de plantilla para Desktop

  • Figma + 3D Vista
  • Nominación de elementos
  • Portada
  • Intro animada
  • Anclaje de elementos de skin
  • Botones de menú
  • Texto dinámico
  • Miniaturas
  • Viñetas
  • Botones de avance y retroceso
  • Botones de configuración
  • Barra lateral

Sesión #5: Implementación de plantilla para Desktop (segunda parte)

  • Capas de contenido
  • Lista de panoramas
  • Ventana informativa
  • Conmutador de altura
  • Botón de WhatsApp
  • Flipbook y sitio externo
  • Video
  • Planos
  • Galería de fotos
  • Hotspots
  • Ficha técnica de lotes

Sesión #6: Pruebas de usuario / críticas y sugerencias

  • Oscar - Reporte de uso
  • León: Documentación de la plantilla
  • Juan David: Cambiar el color a los textos
  • Juan David: Instrucciones para conmutador de altura
  • Juan David: opción de tener más de un PDF (Brochure)
  • Juan David: textos largos que se cortan
  • Juan David: cambio en el tamaño del logo (en el cover)
  • Juan David: uso de transparencia en ventana de Info WhatsApp
  • Pietro: transparencia del logo
  • Pietro: acción "Mostrar / Ocultar componentes" en panorámica
  • Juan David: uso del conmutador de altura en otras circunstancias
  • León: documentar cómo modificar la altura de un texto
  • Roberto: aclarar que la plantilla requiere un conocimiento intermedio - avanzado en 3D Vista
  • Roberto: explicación del árbol estructural de componentes del skin
  • Juan: agregar sonido de interfaz
  • Guillermo: habilitar el selector de cambio de idiomas
  • Guillermo: dejar todas las medias en el carrusel
  • Guillermo: selector de altura
  • Carlos: textos en inglés