[0] 

Vectorian Giotto: Animaciones en formato flash.

Categoría: Software el día 2016-01-12 23:32:41

Introducción.

Vectorian Giotto es un software de diseño gráfico y animaciones. A continuación vamos a exponer un caso práctico de utilización para generar recursos educativos. Se presenta el recurso desarrollado: animación interactiva que describe la interfaz del software Packet Tracer y “making of” a través de videotutoriales realizados con la herramienta Wink.

Descripción.

Crear una animación en formato flash sobre “Interfaz del software Packet Tracer”. Packet Tracer ¹ se utiliza como recurso para realizar actividades prácticas en los módulos Redes locales de Sistemas Microinformáticos y redes (CFGM) y Planificación y administración de redes de Administración de sistemas informáticos en red (CFGS).

Por otro lado, Makinf of nos permitirá aprender cómo se hizo dicha animación y nos mostrará el uso de algunas de las herramientas: Vectorian Giotto, PicPick, Wink … que se pueden utilizar como recurso en el módulo Aplicaciones ofimáticas de Sistemas Microinformáticos y redes (CFGM).

Objetivos.

• Crear animación “Interfaz del software Packet Tracer”. Esta animación servirá para familiarizarnos con la interfaz de dicho software.

• Making of “Interfaz del software Packet Tracer”.

Recursos.

• Packet Tracer.

• Vectorian Giotto

• Wink

• Inkscape

• PicPick

• Greenshot

Actividades.

• Animación “Interfaz del software Packet Tracer”. La animación es un recurso que describe la interfaz del software Packet Tracer.
• Making of:
  • Captura de la imagen de fondo con Greenshot.
  • Crear marco transparente con Inkscape. Se utilizara para delimitar las zonas interactivas de la animación. En la tarea definitiva al marco transparente se le ha añadido un borde para destacar los limites de la zona.
  • Animación: Parte 1. Crear el archivo de animación y definir el fondo.
  • Animación: Parte 2. Crear zona interactiva de muestra para la barra de menú.

• Propuesta de mejora para la animación:
  • Animación: Parte 3. Crear zona interactiva avanzada. Mejora la visualización de la animación, resaltando las zonas a describir, cuando se pasa el ratón por encima.
  • Muestra de la animación avanzada. Animación realizada para la barra de herramientas común. Se podría completar la animación para el resto de elementos de la interfaz del software con el mismo comportamiento, para ello habría que seguir el tutorial Animación: Parte 3. Crear zona interactiva avanzada.

Para una mejor visualización de los tutoriales realizados con Wink en el navegador, se puede ajustar el tamaño (zoom): para disminuir <Ctrl>+<-> y/o para aumentar <Ctrl>+<+>.

¹  Software para crear y configurar redes virtuales.

Publicado por: Cabotaje Blog | Comentarios (0) | |

Etiquetas: flash , animaciones ,

Agregar a marcadores: