Skip NavigationMenu

Tutorial 1: Creando un diseño táctil basado en una imagen importada

En este tutorial le mostraremos los pasos básicos para convertir un archivo de imagen existente en un diseño TactileView que sea adecuado para uso táctil. Algunas imágenes requieren menos edición que otras, por lo que en muchos casos simplemente puede omitir alguno de los 12 pasos que se explican a continuación.

Como  ejemplo en este tutorial, mostraremos cómo crear diferentes tarjetas de cumpleaños táctiles. A continuación, mostraremos cómo editar una imagen de Internet, pero cualquier archivo de imagen digital se puede importar como base para un diseño táctil, incluido un escaneado de un libro, una imagen de una cámara web o una imagen guardada en un archivo de un documento digital. Los pasos adicionales para editar la imagen serán idénticos, independientemente de la fuente de la imagen.

Puede seguir el vídeo o desplazarse hacia abajo para leer la guía paso a paso.

 

Guía paso a paso

1. Encontrando una imagen adecuada (búsqueda de imagen en Google)

Using Google Image Search to find a suitable image. In this example, an image of a birthday card is selected.

1.1 Utilice la búsqueda de imágenes de Google para encontrar su imagen. Vaya a Búsqueda de imágenes Google e introduzca la(s) palabra(s) clave(s) de la imagen que desea convertir. Pruebe diferentes palabras clave si no puede encontrar una imagen adecuada, por ejemplo, ‘Mercedes logo’ en lugar de solo ‘Mercedes’. En algunos casos, el uso de palabras clave en inglés puede dar más resultados que en otros idiomas. Agregar ‘dibujo’ o ‘imágenes prediseñadas’ a la búsqueda también puede dar mejores resultados.

Consulte también: Importando imágenes de Internet >

 

Using the Search Tools in Google to refine the image search, for example by selecting 'line drawing' as image type.

1.2 Refine los resultados de búsqueda de Google si es necesario. Seleccione Herramientas de búsqueda> Tipo> Dibujo de línea para obtener imágenes más adecuadas, si es necesario. En general, los dibujos lineales o las imágenes vectoriales se convierten más fácilmente en una imagen táctil.

Consulte también: Importando imágenes de Internet>

 

Copying the image in the web browser.

1.3 Seleccione y copie o guarde la imagen. Una vez que haya encontrado la imagen correcta, selecciónela y haga clic con el botón derecho> Copiar imagen; alternativamente, puede hacer clic con el botón derecho y guardar la imagen en su computador si desea guardarla para utilizarla más adelante.

Consulte también: Importando imágenes de Internet>

2. Importando la imagen en TactileView

Opening a new design in TactileView.

2.1 Crea un nuevo diseño en TactileView. Inicie el software TactileView y abra un nuevo archivo.

Consulte  también: Después de lanzar el programa>

Pasting the image of the birthday card in the TactileView design.

2.2 Opción A: pegue la imagen en el diseño. Si elige copiar la imagen, puede hacer clic con el botón derecho en el área de diseño y seleccionar ‘Pegar’ para colocar la imagen en el diseño. Alternativamente, puede utilizar Ctrl + V o hacer clic en el icono ‘Pegar’ en la barra de herramientas superior.

Consulte también: Importando imágenes de Internet>

Opción B: Importando la imagen desde un fichero Si elige guardar la imagen, seleccione el icono ‘Importar’ de la barra de herramientas de dibujo y elija ‘Importar imagen de archivo’. También puede encontrar esta opción en el menú Archivo. Busque el archivo, seleccione ‘Abrir’ y haga clic en la posición del  diseño donde desea insertarlo en el documento.

Consulte también: Importando imágenes desde un fichero>

2.3 Redimensionar la imagen. Asegúrese de que la imagen es suficientemente grande para su utilización táctil y quepa bien dentro del diseño, dejando pequeños márgenes alrededor de los bordes. Utilice los marcadores púrpura de las esquinas y lados para redimensionar la imagen.

 

3. Editando la imagen para su uso táctil

Applying an overall filter to the imported image to convert it to a line drawing that is suitable for tactile use.

3.1 Aplique un filtro general para que la imagen sea adecuada para el uso táctil. Los filtros ayudan a reducir la complejidad de las imágenes y filtran la información gráfica para conseguir una imagen táctil adecuada. En este ejemplo, se aplica el filtro ‘Convertir en dibujo lineal’ con un ajuste de 25.

Consulte también: Filtros; editando una imagen importada>

 

Applying a local filter to enhance the tactile properties in a selected area.

3.2 Aplique filtros locales para ajustar un área seleccionada. Algunas imágenes pueden requerir algunos ajustes locales adicionales para una usabilidad óptima.

Consulte también: Seleccionar área; editando partes del diseño>

 

Removing unwanted elements with the eraser tool.

3.3 Retoque la imagen. Seleccione ‘Retoque: borrar’ o ‘Retoque: agregar líneas’ de la barra de herramientas de dibujo o menú Herramientas de dibujo para retocar la imagen filtrada. Utilice el borrador para eliminar cualquier elemento no deseado o utilice  el lápiz para completar las partes que faltan  de la imagen.

Consulte también: Herramientas de retoque: lápiz y borrador >

4. Añadiendo texto explicatorio

Editing the title text label gives a first description of the image.

4.1 Editar el título de la etiqueta del diseño. Esta etiqueta da la primera descripción de los contenidos del diseño.

Consulte también: Añadir texto de etiqueta >

 

The text

4.2 Reemplazar o clarificar cualquier texto en la imagen con etiquetas de texto. Utilice el borrador para eliminar los textos visuales existentes o añada líneas que se refieren al texto visual. Seleccione ‘Añadir etiqueta de texto’ para insertar etiquetas de texto en braille para reemplazar o clarificar los textos existentes.

Consulte también: Añadir etiqueta de texto >

 

Additional text labels indicate the position of some balloons on this birthday card.

4.3 Añadir etiquetas de texto extra requeridas para la interpretación de la imagen por el tacto. Estas etiquetas adicionales pueden hacer la imagen más fácilmente interpretable por el lector VIP.

Consulte también: Añadir etiqueta de texto >

Tutorial 2: Editando imágenes complicadas

En el primer tutorial, tratamos de cómo producir un gráfico táctil basado en un archivo de imagen mediante la aplicación de uno o más filtros de imagen. Sin embargo, no todas las imágenes son adecuadas para este método, y una imagen adecuada podría no estar siempre disponible. En este tutorial, mostraremos la forma más efectiva de producir un gráfico táctil basado en un archivo de imagen cuando los filtros no funcionan.

Razones por las que los filtros podrían no funcionar

En la sección del manual Importando imágenes de Internet, describimos cómo seleccionar una imagen que sea más adecuada para la conversión con filtros. Sin embargo, los archivos de imagen adecuados simplemente no están siempre disponibles. Por ejemplo, la calidad de los gráficos táctiles puede diferir en función del nivel de detalle: demasiados detalles, y los elementos ya no se distinguen por el tacto; muy poco detalle, y el tema podría no mostrarse claramente. En otros casos, elementos tales como textos, degradados de color o sombras pueden alterar o complicar el gráfico táctil. Cuando una imagen alternativa más adecuada no esté disponible, deberá realizar una edición adicional para producir un gráfico táctil de buena calidad.

Retrazando la imagen

Con la herramienta  Dibujar ruta – herramienta de forma de curvas que se introdujo en TactileView versión 2.500, es fácil retrazar los elementos necesarios en una imagen. Puede hacer coincidir con precisión las curvas y las formas en las imágenes que desea presentar en el gráfico táctil. Otro beneficio adicional de este método es que la ruta es un objeto (como lo indica su color azul), lo que significa que tiene control total sobre las propiedades como el estilo de línea y puede escalar los elementos a cualquier tamaño si es necesario.

Para ver cómo editamos una imagen utilizando  la herramienta ‘Dibujar ruta – Forma curva’, visualice el vídeo o desplácese hacia abajo para obtener instrucciones paso a paso.

 


Guía paso a paso

1. Importando la imagen

Import the image file in the design

Coloque la imagen que desea utilizar en su diseño TactileView seleccionando ‘Importar’ en  las herramientas de dibujo de la izquierda, luego seleccione ‘Importar imagen desde archivo’. Cambie el tamaño de la imagen para que se adapte al tamaño de papel seleccionado. En este tutorial, utilizaremos un mapa de un crucero de vacaciones como un ejemplo

2. Retrazando elementos en la imagen

Tracing the elements in the image

Elija qué elementos necesita retrazar  en la imagen para convertirla en un gráfico táctil. En nuestro ejemplo, vamos a seguir los contornos de la costa y la ruta del crucero. La costa de las islas se retrazará como un elemento separado.

Para comenzar a retrazar los elementos en la imagen, seleccione la herramienta de dibujo ‘Dibujar ruta – forma curva’ en la barra de herramientas de dibujo y elija ‘Hacer clic y dibujar (curva de Bezier)’. Coloque el cursor al comienzo de la línea, luego haga clic y arrastre para colocar el primer punto de anclaje. La dirección en la que arrastre determina la dirección de su línea curva. Vaya al primer punto de la línea donde cambia de dirección y coloque el siguiente punto de anclaje haciendo clic y arrastrando.

3. Finalizando la línea retrazada

All elements in the image have been traced

Una vez haya posicionado todos los puntos de anclaje a lo largo de las líneas de la imagen, haga clic en el semicírculo verde que está visible cerca del último punto posicionado de anclaje.

4. Eliminar la imagen del fichero

Removing the image

Una vez que haya finalizado el retrazado de la imagen, puede borrarla seleccionando y pulsando la tecla de Suprimir.

5. Redefiniendo las líneas

Refining the traced lines

Siempre puede refinar los contornos de la línea que creó ajustando los semicírculos verdes en los puntos de anclaje. Para obtener la mejor precisión, es mejor cambiar a ‘Modo de diseño: vista de puntos’ en la barra de herramientas horizontal inferior para verificar la posición exacta de los puntos en relieve.

6. Aplicar etiquetas de texto braille

Adding text labels to clarify the map

La mayoría de los gráficos táctiles ganan mucha claridad al utilizar las  etiquetas de texto para marcar los diferentes elementos en la imagen. En nuestro ejemplo, las ciudades a lo largo de la ruta están etiquetadas con números en el mapa, con los nombres de ciudades que se enumeran a continuación.

7. Aplicando estilos de línea y otras propiedades

Applying line style to the line of the cruise's route

Una vez rastreados los elementos de la imagen, tenemos el beneficio adicional de que podemos aplicar un rango de propiedades a las diferentes secciones de la imagen. En nuestro ejemplo, podemos darle a la ruta del crucero un estilo de línea diferente para distinguirlo de las líneas que marcan la costa. Para ello, seleccione el objeto de línea curva de la ruta de crucero, luego seleccione ‘Estilo de línea’ en la barra de herramientas de propiedades y seleccione un estilo de línea.

También puede optar por rellenar la tierra en el mapa con una textura para que sea más fácil diferenciar  entre la tierra y el agua.