Componentes Principales

Hace muchos años atrás, cuando dimos inicio a este proyecto y nos encontrábamos diseñando la primera interfaz gráfica para Tupí, escogimos como su primera definición: "Paquete de Herramientas para Animación 2D". A pesar del paso del tiempo y de que apenas estábamos empezando, creemos que dimos en el blanco!
Cuando pienses en Tupí, piensa en una cajita de herramientas llena de diferentes componentes, cada uno diseñado para una labor específica. Ahora bien, vamos a darle un vistazo a cada una de las partes que componen nuestro ambiente de trabajo; este es el primer paso que debes dar para empezar a utilizar Tupí.

Nota: Debido a que aún nos encontramos en una fase beta de este desarrollo, es muy probable que algunas opciones o funcionalidades dentro de la interfaz sean modificadas o cambien de lugar; como consecuencia, mucha de la información que se encuentra en este manual será objeto de correcciones en versiones futuras.

La siguiente, es una típica pantalla de la aplicación en funcionamiento:

Fig #4. Interfaz Gráfica de Tupí

Ahora veamos las partes que la componen, un poco más en detalle:

Fig #5. Diagrama de Componentes de Tupí

  1. Barra de Menú Superior: es la barra convencional de opciones que se encuentra en la parte superior de la mayoría de programas de computador. En ella, se encuentran, separadas por categorías (Archivo, Editar, Insertar, Ventana, Módulos y Ayuda), todas las opciones generales del programa.

    Fig #6. Barra de Menú Superior

  2. Panel de Funciones Básicas: se encuentra compuesto por botones asociados a las tareas básicas en la administración de archivos del programa tales como: Crear nuevo proyecto, abrir proyecto existente, guardar, guardar como y cerrar proyecto actual.

    Fig #7. Panel de Funciones Básicas

  3. Área de Trabajo: es el área principal de la aplicación, es decir, el espacio donde diseñas, construyes y visualizas tus animaciones. El área de trabajo se encuentra conformada por cuatro pestañas, cada una de las cuales contiene uno de los siguientes módulos:

    Fig #8. Pestañas de las áreas de trabajo

  4. Barra Lateral Izquierda: en este componente se encuentran tres botones asociados a algunas funcionalidades del módulo de ilustración:

    Fig #9. Barra Lateral Izquierda

  5. Barra Lateral Derecha: similar a la izquierda, sólo que contiene botones asociados al proceso de animación:

    Fig #10. Barra Lateral Derecha

  6. Barra Inferior: sobre esta región encontrarás un sólo botón, se trata de la opción que activa el panel de la Línea de Tiempo. Este herramienta, bastante utilizada por animadores de otros programas, te permite administrar capas y marcos, además de visualizar la forma en que se desenvuelven los fragmentos de tu animación en tiempo real.

    Fig #11. Barra Inferior

  7. Panel de Propiedades: esta zona se crea temporalmente cada vez que haces clic sobre uno de los botones que se encuentran en las barras laterales o en la inferior. Aunque en la imagen inicial (Fig. #5), el panel aparece en la parte derecha de la interfaz, dependiendo de donde se encuentre el botón que escojas, puede aparecer del lado izquierdo o inclusive, en la parte inferior. Si vuelves a dar clic sobre el botón que inicialmente escogiste, entonces el panel de propiedades se cierra.
  8. Barra de Estado: ubicada en la parte inferior del programa, esta barra por ahora sólo cumple una misión: desplegar las coordenadas (x,y) en las que se encuentra el cursor del ratón a medida que se mueve sobre el Área de Trabajo en el Módulo de Ilustración.

    Fig #12. Barra de Estado