Tutorial Marcadores RA

Creación de Marcadores
para Realidad Aumentada
Colección de aplicaciones gratuitas para contextos educativos
Plan Integral de Educación Digital

Dirección Operativa de Incorporación de Tecnologías (InTec)
Ministerio de Educación
Ministerio de Educación del Gobierno de la Ciudad de Buenos Aires

28-09-2019
Colección de aplicaciones gratuitas
para contextos educativos Marcadores para
Realidad Aumentada
Prólogo
Este tutorial se enmarca dentro de los lineamientos del Plan Integral

de Educación Digital (PIED) del Ministerio de Educación del Gobierno
de la Ciudad Autónoma de Buenos Aires que busca integrar los
procesos de enseñanza y de aprendizaje de las instituciones
educativas a la cultura digital.
Uno de los objetivos del PIED es “fomentar el conocimiento y la apropiación

crítica de las Tecnologías de la Información y de la Comunicación (TIC)
en la comunidad educativa y en la sociedad en general”.
Cada una de las aplicaciones que forman parte de este banco

de recursos son herramientas que, utilizándolas de forma creativa,
permiten aprender y jugar en entornos digitales. El juego es una
poderosa fuente de motivación para los alumnos y favorece la
construcción del saber. Todas las aplicaciones son de uso libre
y pueden descargarse gratuitamente de Internet e instalarse en
cualquier computadora. De esta manera, se promueve la igualdad
de oportunidades y posibilidades para que todos puedan acceder
a herramientas que desarrollen la creatividad.
En cada uno de los tutoriales se presentan “consideraciones pedagógicas”

que funcionan como disparadores pero que no deben limitar a los usuarios
a explorar y desarrollar sus propios usos educativos.
La aplicación de este tutorial no constituye por sí misma una propuesta

pedagógica. Su funcionalidad cobra sentido cuando se integra a una
actividad. Cada docente o persona que quiera utilizar estos recursos
podrá construir su propio recorrido.

28-09-2019
Realidad Aumentada
Índice
¿Qué es? ............................................................................................... p. 4
Actividad propuesta ............................................................................. p. 5
Paso a paso ........................................................................................... p. 6
¿Cómo hacer un Marcador? ....................................................... p. 6
¿Cómo generar el archivo .pat? .................................................. p.7
¿Cómo crear una imagen en negativo? ...................................... p.9
¿Cómo asociar un marcador a un objeto? .................................. p.10
Patrones: Tamaños y distancias.......................................................... p.13
Enlaces de interés ................................................................................ p.14
Dirección Operativa de Incorporación de Tecnologías

Ministerio (InTec)
de Educación del Gobierno de la Ciudad de Buenos Aires
28-09-2019
Realidad Aumentada | pág. 4
¿Qué es?
Un marcador o patrón es una imagen (generalmente impresa en una

hoja) que la computadora (netbook o notebook) procesa, y de acuerdo
a la programación definida para esa imagen, le incorpora los objetos 3D.
Los marcadores para Realidad Aumentada están realizados en archivos
de imágenes como .pdf o .gif y en un archivo .pat o .patt que guarda la
codificación de la imagen.
Por ejemplo:
Los marcadores se encuentran en la carpeta marcadores de ATOMIC, por

eso se deberá instalar previamente este programa en la computadora.
Las netbooks y notebooks educativas ya lo tienen instalado.

Índice
28-09-2019
Recursos digitales.
Actividades propuestas
Idea: que los alumnos desarrollen
fichas informativas sobre un objeto
de análisis.
Materiales: netbooks, cámara digital
o web, impresora, Atomic.

Actividad
Desarrollo de la actividad: a partir
de una supuesta visita de los
alumnos al Zoológico de la Ciudad
de Buenos Aires
1. Los alumnos tienen que registrar 3. Los grupos buscarán información
la vista al zoológico con los recursos en Internet y la relacionarán con los
tecnológicos disponibles (netbooks, aportes de la visita para volcarla en
teléfonos celulares o cámaras de la ficha.
fotos digitales).
4. Diseño de la ficha, los alumnos
2. Divididos en grupos, el maestro deben construir la ficha con la
asignará un animal que hayan información más el marcador
registrado en la visita. Cada grupo desarrollado. Se sugiere utilizar
debe armar el marcador con el las siguientes aplicaciones para
animal seleccionado. el diseño de la ficha: Scribus o
Libreoffice.

Índice
28-09-2019
Paso a paso
¿Cómo hacer un
Marcador? 1. Descargar Artoolkit desde:
http://www.hitl.washington.edu/artoolkit/download/
2. Descomprimir la carpeta, abrir la carpeta Patterns y ejecutar el

archivo blankPatt.gif.
3. Dentro del marcador vacío pegar la imagen representativa del objeto 3D.
Para ello:
a. Buscar una imagen y abrirla con algún editor de imágenes (en
un apartado posterior se explica cómo realizar esta operación
con el programa Gimp).
b. Pintar la imagen hasta lograr el siguiente efecto:

Índice
28-09-2019
c. Luego pegarla en el marcador blanco.
d. Por último, imprimir el archivo.
Paso a paso
¿Cómo generar el
archivo .pat? 1. Para generar el archivo .pat de la imagen de nuestro nuevo
marcador ir a:
http://flash.tarotaro.org/blog/2008/12/14/artoolkit-marker-
generator-online-released/
2. Una vez que ingresamos al sitio, seleccionar open.

Índice
28-09-2019
3. En la siguiente ventana seleccionar Permitir.
4.
5. Posicionar el marcador delante de la webcam y cuando la imagen

esté remarcada en color rojo seleccionar Get Pattern. Para finalizar,
presionar Save y asignar un nombre de archivo, que identificará nues-
tro nuevo marcador.

Índice
28-09-2019
Paso a paso
¿Cómo crear una
imagen en negativo? 1. Abrir la imagen seleccionada en el programa Gimp.
2. Crear una capa nueva con clic derecho sobre el panel de capas, y
seleccionar Capa nueva.

Índice
28-09-2019
3. Seleccionar la herramienta Dibujo y pintar el contorno de la imagen
5. Seleccionar la herramienta Pintura y rellenar el contorno.
Rellenar manualmente en caso de que queden espacios sin pintar para

lograr una sombra homogénea (nuevamente con la herramienta Dibujo).
7. Borrar el fondo con clic derecho, Borrar la capa

Índice
28-09-2019
8. Abrir el archivo blankPatt como capa de nuestra imagen arrastran-

do el archivo al escenario de trabajo.
Arrastrar la capa blanPatt.gif debajo de la capa nueva y redimensio-

nar la imagen.

Índice
28-09-2019
Cambia la
ubicación.
Modifica el tamaño.
9. Por último guardar el marcador desde Archivo, Guardar como…

Para poder utilizar el marcador con ATOMIC, es preciso que se guarde
en la carpeta de marcadores del programa.
Paso a paso
¿Cómo asociar un
marcador con un objeto?
1. Ejecutar ATOMIC.
2. Cargar el nuevo marcador.
Seleccionar el botón rojo del campo
marcadores
Buscar el archivo de nuestro nuevo marcador y Abrir.

Con este último procedimiento tenemos un objeto y el nuevo marcador
diseñado listo para trabajar.

Índice
28-09-2019
Patrones:
Tamaños y distancias
La netbook detectará el patrón de acuerdo a su tamaño de impresión y

a la distancia que tenga con la cámara web. Mientras más grande sea
el patrón, más lejos de la cámara web puede ubicarse.
TA M A Ñ O D I S TA N C I A
16 x 16 cm 1,90 m
11 x 11 c m 1,30 m
7, 5 x 7, 5 c m 1,00 m
3,5 x 3,5 cm 0,40 m
1,3 x 1,3 cm 0,16 m

Índice
28-09-2019
Enlaces de Interés
Página oficial de Sologicolibre

http://sologicolibre.org/
Página de Artoolkit.
http://www.hitl.washington.edu/artoolkit/download/
Generador de marcador on-line.

http://flash.tarotaro.org/blog/2008/12/14/artoolkit-marker-generator-
online-released/
Multimarcadores con ATOMIC

http://www.sologicolibre.org/projects/atomic/es/index.php?page=
Documentacion
Página oficial de Gimp

http://www.gimp.org/
Página oficial de Scribus

http://www.scribus.net/canvas/Scribus

Índice
28-09-2019
www.educacion.buenosaires.gob.ar
Contacto:
[email protected]
Esta obra se encuentra bajo una Licencia Attribution-NonCommercial-ShareAlike 2.5 Argentina de

Creative Commons. Para más información visite http://creativecommons.org/licenses/by-nc-sa/2.5/ar/
Ministerio de Educación

28-09-2019

Tutorial Marcadores RA

Cargado por

Copyright:

Formatos disponibles

Tutorial Marcadores RA

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Tutorial Marcadores RA

Cargado por

Copyright:

Formatos disponibles

Creación de Marcadores

para Realidad Aumentada

Colección de aplicaciones gratuitas para contextos educativos

Plan Integral de Educación Digital

Ministerio de Educación del Gobierno de la Ciudad de Buenos Aires

Este tutorial se enmarca dentro de los lineamientos del Plan Integral

Uno de los objetivos del PIED es “fomentar el conocimiento y la apropiación

Cada una de las aplicaciones que forman parte de este banco

En cada uno de los tutoriales se presentan “consideraciones pedagógicas”

La aplicación de este tutorial no constituye por sí misma una propuesta

Plan Integral de Educación Digital

¿Qué es? ............................................................................................... p. 4

Actividad propuesta ............................................................................. p. 5

Paso a paso ........................................................................................... p. 6

¿Cómo hacer un Marcador? ....................................................... p. 6

¿Cómo generar el archivo .pat? .................................................. p.7

¿Cómo crear una imagen en negativo? ...................................... p.9

¿Cómo asociar un marcador a un objeto? .................................. p.10

Patrones: Tamaños y distancias.......................................................... p.13

Enlaces de interés ................................................................................ p.14

Plan Integral de Educación Digital

Dirección Operativa de Incorporación de Tecnologías

Un marcador o patrón es una imagen (generalmente impresa en una

Los marcadores se encuentran en la carpeta marcadores de ATOMIC, por

Plan Integral de Educación Digital

fichas informativas sobre un objeto

Materiales: netbooks, cámara digital

o web, impresora, Atomic.

de una supuesta visita de los

alumnos al Zoológico de la Ciudad

1. Los alumnos tienen que registrar 3. Los grupos buscarán información

la vista al zoológico con los recursos en Internet y la relacionarán con los

tecnológicos disponibles (netbooks, aportes de la visita para volcarla en

teléfonos celulares o cámaras de la ficha.

4. Diseño de la ficha, los alumnos

2. Divididos en grupos, el maestro deben construir la ficha con la

asignará un animal que hayan información más el marcador

registrado en la visita. Cada grupo desarrollado. Se sugiere utilizar

debe armar el marcador con el las siguientes aplicaciones para

animal seleccionado. el diseño de la ficha: Scribus o

Plan Integral de Educación Digital

2. Descomprimir la carpeta, abrir la carpeta Patterns y ejecutar el

Plan Integral de Educación Digital

c. Luego pegarla en el marcador blanco.

d. Por último, imprimir el archivo.

2. Una vez que ingresamos al sitio, seleccionar open.

Plan Integral de Educación Digital

3. En la siguiente ventana seleccionar Permitir.

5. Posicionar el marcador delante de la webcam y cuando la imagen

Plan Integral de Educación Digital

Plan Integral de Educación Digital

3. Seleccionar la herramienta Dibujo y pintar el contorno de la imagen

5. Seleccionar la herramienta Pintura y rellenar el contorno.

Rellenar manualmente en caso de que queden espacios sin pintar para

7. Borrar el fondo con clic derecho, Borrar la capa

Plan Integral de Educación Digital

8. Abrir el archivo blankPatt como capa de nuestra imagen arrastran-

Arrastrar la capa blanPatt.gif debajo de la capa nueva y redimensio-

Plan Integral de Educación Digital