[Under Translation]

Main Components

Tupi is a suite of tools for 2D animation created for children 8-100 years old. When you think of Tupi, think of it as a toolbox full of different components, each one designed for a specific task. Now, let's take a look at every part of our work environment, this is the first step you must take to start using Tupi.

Note: Because we are still in a beta phase of this development, it is likely that some options and/or features are modified within the interface or change of place with home and release, much of the information found in this manual is subject to correction in future versions.

The following is a typical display of the running application:

Fig. #4 Tupi's GUI

Now, let's take a closer look to it's components:

Fig. #5 Diagram of the Tupi's Components

  1. Top Side Menu: it is the menu conventionally located at the top side in most of the software. It is separated by categories (File, Edit, Insert, Window, and Help Modules), all options of the program.

    Fig. #6 Top Menu Bar

  2. Panel Basic Functions: is composed of buttons associated with the basic tasks in the file management program such as: Create new project, open existing project, save, save as and close the current project.

    Fig. #7 Basic Function Panel

  3. Work Area: is the main area of application, ie, the space where you design, build and visualize your animations. The work area is comprised of four tabs, each of which contains one of the following modules:

    Fig. #8 Tabs work areas

  4. Left Sidebar: In this component there are three buttons associated with some features of the module shown:

    Fig. #9 Left Sidebar

  5. Sidebar Right: similar to the left, only contains buttons associated with the animation process:

    Fig. #10 Right Sidebar

  6. Bottom Bar: on this region will find a button, this is the option to activate the panel on the Timeline. This tool, well used by animators from other programs, allows you to manage layers and frames, as well as visualize how they unfold the pieces of your animation in real time.

    Fig #11. Bottom Bar

  7. Properties Panel: This zone is created temporarily each time you click on one of the buttons are in the sidebars or at the bottom. Although the initial image (Fig. # 5), the panel appears on the right side of the interface, depending on where is the button you choose, may appear on the left side or even in the bottom. If you go back to click on the button initially selected, then the properties panel is closed.
  8. Status Bar: located at the bottom of the program, this bar now only has a mission: to display the coordinates (x, y) where is the mouse cursor as it moves over the work area in the Animation Module .

    Fig #12. Status Bar