User Tools

Site Tools


tupi_ui

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
tupi_ui [2017/01/07 22:49] maeflorestatupi_ui [2017/03/11 23:22] (current) – external edit 127.0.0.1
Line 5: Line 5:
 ====Main Components==== ====Main Components====
 Tupi user interface (UI) was designed as a toolbox full of compartments. Every compartment is focused on an specific task, providing an intuitive and simple set of controls and tools. Now, let's take a ride for the different components of the interface, so you can get acquainted with Tupi's resources.  Tupi user interface (UI) was designed as a toolbox full of compartments. Every compartment is focused on an specific task, providing an intuitive and simple set of controls and tools. Now, let's take a ride for the different components of the interface, so you can get acquainted with Tupi's resources. 
 +
 +**Tip:** In case you don't know some of the technical concepts related to animation, please consult [[animation_glossary|our glossary]].
  
 **Note:** As Tupi is a project in continuous development. it's likely that some options and components of the interface change often. Therefore, much of the information in this manual is subject to correction in the future. **Note:** As Tupi is a project in continuous development. it's likely that some options and components of the interface change often. Therefore, much of the information in this manual is subject to correction in the future.
Line 47: Line 49:
     * **News Module:** This is a complementary module that serves all the latest news about the project. Additionally, it informs you when a new version of Tupi has been released.      * **News Module:** This is a complementary module that serves all the latest news about the project. Additionally, it informs you when a new version of Tupi has been released. 
  
-**4. Left Toolbar:** This component contains three expandable panels related to Animation module's features, specifically those related to the illustration process:+**Tip:** You can switch between workspace tabs using the shortcuts: **Ctrl+1**, **Ctrl+2** and **Ctrl+3**. 
 + 
 +**4. Left Sidebar:** This component contains three expandable panels related to Animation module's features, specifically those related to the illustration process:
  
 {{ wiki:tupi_left_toolbar.png }} {{ wiki:tupi_left_toolbar.png }}
 ;#; ;#;
-**Fig 9**. Left Toolbar+**Fig 9**. Left Sidebar
 ;#; ;#;
  
Line 58: Line 62:
     * **Objects Library:** This panel contains the library manager for all the visual/audio objects of your animation projects. From here, you can import external items like images (JPG, PNG, GIF and SVG files) directly to the workspace.      * **Objects Library:** This panel contains the library manager for all the visual/audio objects of your animation projects. From here, you can import external items like images (JPG, PNG, GIF and SVG files) directly to the workspace. 
  
-**5. Right Toolbar:** This component contains two expandable panels related to the animation process, but focused on frames and scenes management:+**5. Right Sidebar:** This component contains two expandable panels related to the animation process, but focused on frames and scenes management:
  
-{{ RightSideBar_en.png }}+{{ wiki:tupi_right_toolbar.png }}
 ;#; ;#;
-**Fig 10**. Right Toolbar+**Fig 10**. Right Sidebar
 ;#; ;#;
  
-    * **Scenes Manager:** this button displays a panel that allows the administration of the scenes that make up an animationStill do not know what a scene? Do not worrywe'll discuss it later+    * **Scenes Manager:** This panel as its name suggest, allows you to handle your project scenes. It supports basic operations like createremove and rename them
-    * **Exposure Sheet:** this button enable a panel that displays the "Exposure Sheet" of each scene. Although it sounds complex, this "sheet" is in fact, a list of frames which you will illustrate for your animation. Through this component, you can manage layers and frames in your project. Do you know what a layer is? Here is a simple definition: imagine you take a bit of red paint and cover a sheet of paper with the color and let dry, then apply green on the same page, wait a while and then apply blue. Although in the end, your paper will look like the last color you used, you really know that there are other colors below. Think of each of these colorssuch as layers, ie, levels of paint define yourself on frameLayers are very useful to achieve some kind of effects and techniques you will discover with practice. +    * **Exposure Sheet:** This panel contains the set of frames for each scene of your project. It is not the timeline as you possibly know it from other animation softwarebut it has similar goalFrom this interface you can handle the frames and layers that compose your scenes.
-    * **Help Manual:** This button displays the manual you're viewing right now.+
  
-**6. Bottom Bar:** on this region you will find a button, the option activated in this panel is ''Timeline''. This tool, is used by many programs and stands as a standard method for keyframing and layering, it allows you to manage layers and frames, as well as a way to develop the pieces of your animation in real time.+**6. Bottom Sidebar:** This component only contains one resource: the Timeline panel. This is a very popular interface piece used by many programs. In fact, it already became a standard tool to manage layers and frames. From this utility you can build the timeline of your animation project adding, editing and removing the frames and layers from all your scenes.
  
-{{ TimelineLauncher_en.png }}+{{ wiki:tupi_bottom_toolbar.png }}
 ;#; ;#;
 **Fig 11**. Bottom Sidebar **Fig 11**. Bottom Sidebar
 ;#; ;#;
  
-**7. Properties Panel:** This zone is created according to each of the different tools found on the sidebars or at the bottom of the workspace. Although the initial image (Fig. <b># 5</b>), the panel appears on the right side of the interface, depending on where you find the button you choose, you may receive it in the left side or even at the bottom. If you go back to click on the button initially selected, then the properties panel is closed.+**7. Expanded Panel:** By default, when a new project is created in Tupi, the Exposure Sheet panel is expanded by default, but it can be collapsed any time. All the options from the left, bottom and right toolbar works in the same way, showing up on the side every panel belongs toi.e. the Timeline panel appears in the bottom side of the interface.  
  
-**8. Status Bar:** located at the bottom of the programthis bar is currently only serving to deploy the coordinates (x, y) where is the mouse cursor as it moves over the "Workspace"in the [[Animation Module|Animation Module]]. +Nowlet's study in detail the [[tupi_animation_module|Animation Module]].
- +
-{{ BottomStatusBar_en.png }} +
-;#; +
-**Fig 12**. Status Bar +
-;#;+
  
 ;#; ;#;
 [[basic_manual#Tupi User Interface|Back to Basic Manual]] [[basic_manual#Tupi User Interface|Back to Basic Manual]]
 ;#; ;#;
tupi_ui.1483829389.txt.gz · Last modified: 2017/03/11 23:22 (external edit)