Articles in this section
Category / Section

Tesselate Vtuber Pack

Published:
7 mins read
Updated:

This pack contains

  • 2 Animated Backgrounds
  • 2 Animated Vtuber Friendly Overlays ( Bottom bar and Game Overlay )
  • Schedule ( PSD and Canva template included)
  • Icons
  • Animated Labels
  • Animated Chat Frames

The font used in the setup was Google font Poppins, but you can use any font you like and prefer.


Color Codes:
Mint Tesselate#62A5AB#FCF8FA
Cake Tesselate#F0DED1#494342#C9969D
Green Tea Tesselate#365141#DCD8CF
Coral Tesselate#E14B56#F4EDE8
Black and White Tesselate#0A090F#FAF8FF
Lavender Tesselate#8478D4#FBF8FA

How to install animated overlays

There are various ways you can utilize these designs, we have provided multiple options for you to choose from that will fit your specific needs as a creator/streamer. Feel free to select the one that best suits you.

  • Use premade designs with all labels and screens done ( upload as WebM-video files to OBS/Streamlabs → can be found in the folder - Premade Scenes  )
  • Create your own scenes 
  • One-click install - StreamElements or Streamlabs ( import files can be found in folder→ Import overlays )
  • To reduce CPU or encoding resources, make sure that for animated files “Close File When Inactive” is checked
  • Add in image sources for icons (found in the icon folder) and add Text for Socials or Labels
    Our product is user-friendly and offers a wide range of designs and editing options, allowing you to personalize your overlays by rearranging, resizing, and creating your own. The modular elements provide the flexibility to change the style and appearance of your stream with just a few clicks, giving you the ability to create unique scenes.

╰┈➤ How to upload files in OBS/Streamlabs

  • You can add an image or video directly by clicking on + in the bottom menu, choosing Media Source for video files or Image for JPEG/PNG files
  • Or you can drag and drop image/video files directly into OBS/Streamlabs Desktop
  • Resize and reposition as you see fit
  • Add more elements or duplicate the ones you already added
  • FOR ANIMATED FILES DON’T FORGET TO CHECK THE LOOP IN THE SETTINGS

╰┈➤ Import .overlay premade scenes into Streamlabs Desktop

To install the overlays with one click using Streamlabs, open the Streamlabs desktop, navigate to settings, select the “Scenes Collection” option, and then click on “Import overlays
The files can be located in the folder you downloaded ( You will find import overlay in the "Import Overlays" --> "Streamlabs Import" folders, then the overlays/scenes will be installed automatically with one click. Add labels and any additional text you might need.

Streamlabs_OBS_Dck0S8K4Xw.png


╰┈➤ Import premade scenes into StreamElements

  • To install the overlays with one click using StreamElements, login to StreamElements
    Files can be located in the folder you downloaded, and then the overlays/scenes will be installed automatically with one click. Add labels and any additional text you might need.
  • Open the folder you downloaded/unzipped, then open the folder named “Import overlays” open the folder named “StreamElements Overlays” and open text files, read instructions, and copy/paste links from the text file into the browser source, scenes will be created.
  • To access them, navigate to the “Overlays” tab in StreamElements Dashboard and start using your new alerts without any additional setup. If you want to make changes, it is recommended that you create a duplicate of the overlay and edit the new copy overlay to always have a backup of your original scenes.
chrome_EaVfPU8Bbp.png


For editing Events in Streamlabs and StreamElements please check the Video instruction in the downloaded folder.

Here are also some videos to check from the official Streamlabs Channel

Here are also some videos to check from the official StreamElements Channel






Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments