Aurasma studio - Tutorial

18
TUTORIAL DE AURASMA STUDIO JUAN CARLOS GUERRA @JUANCARIKT sábado, 18 de mayo de 13
  • date post

    21-Oct-2014
  • Category

    Technology

  • view

    13.827
  • download

    2

description

 

Transcript of Aurasma studio - Tutorial

Page 1: Aurasma studio - Tutorial

TUTORIALDE

AURASMA STUDIO

JUAN CARLOS GUERRA@JUANCARIKT

sábado, 18 de mayo de 13

Page 2: Aurasma studio - Tutorial

por qué aurasma studioaplicación web

Aurasma Studio es la aplicación web de Realidad Aumentada de Aurasma, app para

iOS y Android.Desde Aurasma Studio podemos llevar a

cabo más acciones que desde la app, como crear auras (escenas de RA) con

modelos 3D.Además nos permite editar las auras ya

creadas y añadir más de una capa virtual a una imagen. y añadir acciones a las auras.

Es adecuada, además, si no disponemos de tabletas o smartphones.

sábado, 18 de mayo de 13

Page 3: Aurasma studio - Tutorial

accediendo y registrándonos en aurasma studio

crear cuenta

Clicamos en “Create Account” para crear una nueva cuenta.

Si tenemos cuenta en Aurasma App nos da la opción en el siguiente paso de asociar en

nombre de usuario pero no podemos acceder al contenido de la app.

para recuperar la contraseña olvidada

Si ya tenemos cuenta

solo tenemos que “loguearnos”

sábado, 18 de mayo de 13

Page 4: Aurasma studio - Tutorial

opciones de aurasma studio

gestiona tu cuenta

imágenes activadorasGestionar, crear, borrar,... nuestras imágenes activadoras de RA

capas virtuales de raGestionar, crear, borrar,... nuestras capas virtuales de RA

canalesConjunto de escenas de RA, llamadas auras, con características comunes

aurasGestionar, crear, borrar,... nuestras auras (escenas de RA)

sábado, 18 de mayo de 13

Page 5: Aurasma studio - Tutorial

creando un aura con aurasma studio

elegimos la imagen activadora (trigger image)

Aquí aparecerá el listado de imágenes activadoras que ya hemos elegido

previamente. Para crear un nuevo aura (escena de RA) podemos elegir una de las imágenes que aquí apareces o subir una

nueva desde el boton “+Add”

Desde esta pantalla también podemos editar, borrar, etc las imágenes usadas anteriormente

sábado, 18 de mayo de 13

Page 6: Aurasma studio - Tutorial

geolocalizar la imagen activadora

Aurasma Studio nos da la opción de geolocalizar la imagen activadora que

vamos a usar para nuestra escena de RA (aura). De esta forma sólo se activará desde esa localización geográfica y no desde otro

sitio.

escribir la dirección

creando un aura con aurasma studio

sábado, 18 de mayo de 13

Page 7: Aurasma studio - Tutorial

creando un aura con aurasma studio

sábado, 18 de mayo de 13

Page 8: Aurasma studio - Tutorial

overlay

Una vez elegida la imagen y decidido si queremos geolocalizarla o no, le añadimos la

capa virtual (overlay). Para ello vamos al menú Overlays. Podemos elegir entre un vídeo, una

imagen o un modelo 3D.

abrir explorador y subir el objeto

creando un aura con aurasma studio

sábado, 18 de mayo de 13

Page 9: Aurasma studio - Tutorial

overlays (capas virtuales de ra)

Las capas virtuales (overlays) Admite gifs animados, imágenes, vídeos y modelos

3D. Además podemos utilizar diferentes capas

virtuales en un mismo aura (esto no se puede hacer en la app para dispositivos

móviles)Y podemos añadir acciones en las auras como clicar en un objeto e ir a una web

(tampoco es posible esto en la app)

sábado, 18 de mayo de 13

Page 10: Aurasma studio - Tutorial

como subir modelos 3D a aurasma studio

procedimiento para subir un modelo 3D

Tenemos que obtener o crear un objeto 3D con alguna de las aplicaciones existentes (Sketchup, Blender (gratuítos), 3D Max Studio,...)Lo guardamos en formato OpenCollada (extensión .dae)Guardamos las texturas en .pngCreamos una imagen miniatura del objeto de 256x256 pixels y la nombramos thumbnail.pngGuardamos fichero .mp3 si hay sonido Creamos un fichero comprimido en formato .tar con los archivos anteriores (Recomendado el programa 7-zip para Windows y GUI Tar para Mac)Subimos este fichero comprimido a Aurasma Studio, Overlays

Errores frecuentes al usar modelos 3D guía de modelos 3D para aurasma

sábado, 18 de mayo de 13

Page 11: Aurasma studio - Tutorial

canales

Podemos crear canales para agrupar nuestras auras con similares objetivos o

características en grupos temáticos.Estos canales podrán ser seguidos desde la

app para dispositivos móviles por otros usuarios, y permitirles así ver nuestras

escenas de Realidad Aumentada

si publicamos algún aura se crerá automáticamente nuestro canal público de auras

sábado, 18 de mayo de 13

Page 12: Aurasma studio - Tutorial

privacidad y vínculo al canal

Haciendo doble click sobre uno de los canales creados accedemos al menú de

propiedades

si publicamos algún aura se crerá automáticamente nuestro canal público de auras

Podemos cambiar el nombre, hacerlo público o privado, cambiar el aspecto de la

imagen del canal y obtener el link para compartir si es público

sábado, 18 de mayo de 13

Page 13: Aurasma studio - Tutorial

creamos el aura o escena de realidad aumentada

creamos un aura desde el menú principal

añadimos una nueva escena de ra

sábado, 18 de mayo de 13

Page 14: Aurasma studio - Tutorial

características del aura

aura

Tenemos que darle un nombre, elegir la imagen activadora (Tigger Image), el canal (habrá uno creado por defecto al menos), las capas u overlays que queramos añadir

(puede ser más de una) y las acciones (clicks sobre los objetos para ir a una

dirección web o ver la escena a pantalla completa)

añade acciones

sábado, 18 de mayo de 13

Page 15: Aurasma studio - Tutorial

creación del aura

sábado, 18 de mayo de 13

Page 16: Aurasma studio - Tutorial

posición y tamaño del overlay (capa virtual) sobre la imagen

con estos botones podemos cambiar la posición y tamaño de la capa virtual sobre la imagensábado, 18 de mayo de 13

Page 17: Aurasma studio - Tutorial

edición de auras

aura

Desde el menú Auras podemos editar, borrar, duplicar, ver la imagen activadora, la capa virtual o el canal de un aura. Para ello

hay que seleccionarla y clicar el botón secundario del ratón para que nos aparezca el menú contextual o utilizar los botones de

la barra superior

menu contextual

sábado, 18 de mayo de 13

Page 18: Aurasma studio - Tutorial

ver escenas desde el app de aurasma para dispositivos móviles

compartir canal

Ya sólo falta que compartamos el canal o los canales públicos creados a través del

link que nos da Aurasma Studio o que otros usuarios nos busquen por nuestro nombre

de usuario en la app para dispositivos móviles de Aurasma.

Una buena idea es crear un código QR con el vínculo a nuestro canal para facilitar el

seguimiento por otros usuarios.

sábado, 18 de mayo de 13