User Tools

Site Tools


basic_example

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
basic_example [2017/02/01 03:46] – [5. Time to preview our project!] maeflorestabasic_example [2017/03/11 23:22] (current) – external edit 127.0.0.1
Line 29: Line 29:
 {{ wiki:basic_example_tupi_ui.png }} {{ wiki:basic_example_tupi_ui.png }}
 ;#; ;#;
-**Fig 2**. Tupi Main Window+**Fig 2**. Tupi main window
 ;#; ;#;
  
Line 45: Line 45:
 {{ wiki:basic_example_new_dialog.png }} {{ wiki:basic_example_new_dialog.png }}
 ;#; ;#;
-**Fig 4**. New Project Dialog+**Fig 4**. New project dialog
 ;#; ;#;
  
Line 99: Line 99:
 {{ wiki:basic_example_frames_mode.png }} {{ wiki:basic_example_frames_mode.png }}
 ;#; ;#;
-**Fig 11**. Final reference path+**Fig 11**. Enabling frames mode
 ;#; ;#;
  
Line 120: Line 120:
 {{ wiki:basic_example_color_palette.png }} {{ wiki:basic_example_color_palette.png }}
 ;#; ;#;
-**Fig 14**. Color Palette+**Fig 14**. Color palette
 ;#; ;#;
  
Line 255: Line 255:
  
 Are you done with all the missing frames? Well, It's time to remove the reference path we created at the beginning of this exercise. So, go back to the **Static Background Mode**, activate the **Object Selection** tool and pick the curve, then remove it clicking on the **Trash** icon and get back to the **Frames Mode**. Are you done with all the missing frames? Well, It's time to remove the reference path we created at the beginning of this exercise. So, go back to the **Static Background Mode**, activate the **Object Selection** tool and pick the curve, then remove it clicking on the **Trash** icon and get back to the **Frames Mode**.
 +
 +**Note:** As optional task, you could illustrate a background for the butterfly flight from the **Static Background Mode**. In fact, we did it for this example, but it's up to you. 
  
 {{ wiki:basic_example_object_selection.png }} {{ wiki:basic_example_object_selection.png }}
Line 266: Line 268:
 ;#; ;#;
  
-Now, are you agree with the result you watched from the **Player** Module? Ok, then it's time to create our first video file!+Now, are you agree with the result you watched from the **Player** module? Ok, then it's time to create our first video file!
 ----- -----
 ====6. Exporting to video file!==== ====6. Exporting to video file!====
-Once your animation project is done, it's time to export it as a video file so you can publish it and share it. To do this, we have to open the Player tab and click on the Export button.+Once your animation project is done, it's time to export it as a video file so you can publish it and share it. To do this, we have to open the **Player tab** and click on the **Export** button. 
 {{ wiki:basic_example_export_feature.png }} {{ wiki:basic_example_export_feature.png }}
 ;#; ;#;
 **Fig 33**. Export feature **Fig 33**. Export feature
 ;#; ;#;
 +
 A wizard dialog will show up. The first thing you have to choose is the format/extension you want for the video file: A wizard dialog will show up. The first thing you have to choose is the format/extension you want for the video file:
 +
 {{ wiki:basic_example_export_wizard01.png }} {{ wiki:basic_example_export_wizard01.png }}
 ;#; ;#;
-**Fig 34**. Format Selection Dialog+**Fig 34**. Format selection dialog
 ;#; ;#;
 +
 In the second dialog, you have to select the scenes of your project that you want to export. In this case, it's only one: In the second dialog, you have to select the scenes of your project that you want to export. In this case, it's only one:
 +
 {{ wiki:basic_example_export_wizard02.png }} {{ wiki:basic_example_export_wizard02.png }}
 ;#; ;#;
-**Fig 35**. Scene Selection Dialog+**Fig 35**. Scene selection dialog
 ;#; ;#;
 +
 Finally, in the third dialog you have to set the name for your video file and the path where you want to export it: Finally, in the third dialog you have to set the name for your video file and the path where you want to export it:
 +
 {{ wiki:basic_example_export_wizard03.png }} {{ wiki:basic_example_export_wizard03.png }}
 ;#; ;#;
-**Fig 36**. File Export Dialog+**Fig 36**. File export dialog
 ;#; ;#;
-Once you clicked on the Export button, your video file will be created. Depending on the number of scenes and the frames total, this process could take either seconds or minutes. When it finally finishes, you will be able to reproduce your video file from any media player. We are done!+ 
 +Once you clicked on the **Export** button, your video file will be created. Depending on the number of scenes and the frames total, this process could take either seconds or minutes. When it finally finishes, you will be able to reproduce your video file from any media player. We are done!
  
 {{ wiki:basic_example_video.png }} {{ wiki:basic_example_video.png }}
Line 295: Line 305:
 **Fig 37**. Final result **Fig 37**. Final result
 ;#; ;#;
 +
 **Note:** Either the {{wiki:example.tup|source file (.tup)}} and the [[https://www.youtube.com/watch?v=QjiIVEgH6HI|video]] of this basic example are available in case you want to take a closer look at them. We hope this exercise inspires you to create your own animation projects, so keep practicing!  **Note:** Either the {{wiki:example.tup|source file (.tup)}} and the [[https://www.youtube.com/watch?v=QjiIVEgH6HI|video]] of this basic example are available in case you want to take a closer look at them. We hope this exercise inspires you to create your own animation projects, so keep practicing! 
 ----- -----
basic_example.1485920806.txt.gz · Last modified: 2017/03/11 23:22 (external edit)