Thumbnail generation
Example of thumbnail for Ultimate Marvel VS Capcom 3
TournamentStreamHelper 4.3 and later versions come with an option to generate thumbnails for your various VODs using the information currently loaded into the software.
Using the thumbnail generator is very straightforward. To do so, open TournamentStreamHelper, load a game and input data for the two players' names and characters, as well as phase and round names, as shown below:
Note: Teams are also supported by the generator
Once this is done, you just need to click the 
button which is displayed at the top right of the scoreboard tab. After a short wait, your thumbnail should be available in the out/thumbnails folder in both JPG and PNG formats.
As of v5.75, the program will also generate additional text files with the suffixes _title.txt and _desc.txt, which can be used as the title and description respectively of any individual VOD upload for said match.
Example of contents from the `_title.txt` and `_desc.txt` files respectively
[My Tourney] Winners Bracket - AM | Dr. Doom contre MARVEL | Deadpool
MY TOURNEY
Ultimate Marvel VS Capcom 3 - 1v1 - 06/01/2024
Jeu : Ultimate Marvel VS Capcom 3
Top 32 - Winners Bracket
AM | Dr. Doom (Doctor Doom, Strider Hiryu, Albert Wesker) contre MARVEL | Deadpool (Deadpool, Taskmaster, MODOK)
Commentateurs : DMC | Dante / DMC | Vergil
Stream produit avec Tournament Stream Helper : https://github.com/joaorb64/TournamentStreamHelper/releases
Please note that the thumbnail generation feature is capable of using eyesight data in order to position the assets in the thumbnail
The thumbnail generator can be customized in various ways using the options in the Thumbnail Settings tab. This tab will also allow you to preview your changes
| Setting name | Description |
|---|---|
| Foreground | Select a foreground template (Should be a PNG or SVG file) |
| Background | Select a background image (Should be a PNG, SVG or JPG file) |
NB: Foreground and Background templates are available as SVG files in assets/thumbnail_base, feel free to use those to get started
| Setting name | Description |
|---|---|
| Main | Select an icon to display at the top middle of the thumbnail (Should be a PNG file) |
| Left | Select an icon to display at the left of the thumbnail (Should be a PNG file) |
| Right | Select an icon to display at the right of the thumbnail (Should be a PNG file) |
| Setting name | Description |
|---|---|
| Width | Sets the width of the separators used for team/multi-character scenarios |
| Color | Sets the color of the separators used for team/multi-character scenarios |
| Setting name | Description |
|---|---|
| Phase name? | If enabled, the phase name will be displayed in the bottom middle section of the thumbnail |
| Team names? | If enabled, the thumbnails will display team names instead of character names |
| Sponsors? | If enabled, the player names will be accompanied by their respective sponsors (Ignored if "Team names?" is on) |
| Flip P1 assets? | If enabled, the character assets for the Player 1 side will be flipped horizontally |
| Flip P2 assets? | If enabled, the character assets for the Player 2 side will be flipped horizontally |
| Zoom | Sets the level of zoom to be used for the assets (This setting is game-dependent) |
| Setting name | Description |
|---|---|
| Tag font | Sets the font for player tags |
| Phase font | Sets the font for phase/match display in the bottom middle section of the thumbnail |
| Font name | Sets the font |
| Font type | Sets which variant of the font should be used |
| Font color | Sets the text color |
| Font outline | Enables/Disables the outline and sets its color |
| Setting name | Description |
|---|---|
| Asset Pack | Sets the asset pack to be used for the thumbnails (This setting is game-dependent) |
| Setting name | Description |
|---|---|
| Open File Explorer after generation? | If enabled, the software will open the out/thumbnails folder in your File Explorer after generating a thumbnail. If disabled, a simple message window notifying the user is opened instead. |
| Setting name | Description |
|---|---|
| Reset to defaults | Resets all of the thumbnail generator settings back to default |
| Update preview | Updates the thumbnail preview manually using the data provided in the scoreboard tab |
Included with the TournamentStreamHelper are templates for the foreground and background elements of the thumbnail. While the PNG files are used by the software itself, feel free to use the PSD files as a base to get an idea of the position and size of the various elements of the thumbnail and create your own design.
Here are a few tips we can give you to help you with creating your own templates:
- We recommend using a 16/9 aspect ratio for both your foreground and background designs in order to match standard UI elements from various websites
- We recommend keeping the same aspect ratio for the foreground and the background
- The foreground needs to be a transparent PNG file.
Example of thumbnail for Doubles in Rivals of Aether
Example of thumbnail for a Crew Battle scenario in Street Fighter The Movie (arcade game). Notice how the generator uses team names instead.
Example of thumbnail for Tekken Tag Tournament 2, a team-based game with ratio systems
Example of thumbnail for Guilty Gear -STRIVE-, where we are using a different font and disabling phase display