Cards allow you to combine video sources, images, and text into a single asset. Then, during your livestream or recording, you can easily switch between different Cards with just one tap. Switcher Studio has several Card templates with various layouts and combinations that you can easily customize with your branding.
Accessing Templates for Cards
Cards are available in the default horizontal app view as well as Vertical Video Mode.
Editing Example Cards in Vertical Video Mode
Vertical Video Mode automatically includes a few examples of Cards in the Sources panel. To customize any of the pre-populated Cards:
Tap and hold the card under Sources.
Tap Edit in the menu that appears.
That will take you to the Properties window where you can customize the card.
Accessing the Full Template Library in Horizontal or Vertical Video Mode
To access the full library of Card templates:
Tap the blue + button, located at the bottom of the Sources / Production panel.
Tap Live Selling Samples.
The next screen will show all the available templates.
Scroll down to see all the templates.
Tap a template to open the Properties window and begin customizing the card.
Overview of Template Elements
A grey checkered background indicates transparency.
A yellow background indicates a camera angle.
Customizing a Card
You edit/customize a card from its Properties window. You can access the Properties window from either the example Cards pre-loaded in the Sources panel or the template library, as outlined in the previous section.
To view all available options in the Properties window, scroll down from the top.
Understanding Card Customization Options
Dimming Level: Use the slider to adjust the brightness of the background.
Main Color & Secondary Color: Tap the color swatch on the right. Choose between using the Palette picker, RBG sliders, or color swatches. As you select a color, you'll see the CSS code change in the preview color box. Tap the preview color box at any time to type in a specific CSS color code.
You can save a color for future use by tapping one of the grey checkered boxes at the bottom of the color picker screen.
Font: The font options are based on what is available on the OS of your device. Tap the right arrow next to the default font to see the options.
Font size: Use the slider to adjust the text size. Slide to the right to make the text bigger and to the left to make it smaller.
Image: Tap the box to select an image file.
Background Image: Tap the box to select an image to use for the background.
If you do not have an image file that you would like to use, you can select from the Gradient options.
Text: Replace text by tapping on the text on the right next to Text 1, Text 2, etc.
The keyboard will appear.
Delete the existing text.
Type the replacement text.
Items Alignment: Tap between Left, Center, and Right alignment.
Production Groups: Assign it to an existing Production Group or create a new one to keep your Cards together in the Sources panel.
The Card preview will update in real time as you customize the properties. When you are happy with the settings, tap Done in the top right corner.
Note: Customization settings are only applied to individual Cards. Currently, it is not possible to apply global settings to multiple Cards at once.
Duplicating a card makes it easy to create several similar-looking cards. To duplicate a card:
Tap + hold the card you want to duplicate in the Sources panel.
A menu will appear.
The new card will appear in the Sources panel next to the original card.
Tap + hold the new card to customize it.
The Properties window will appear for the new card.
Customize the new card as needed and tap Done in the top right corner.
Deleting Individual Cards
If you no longer need a card, you can delete it as follows:
Tap + hold the card you want to delete in the Sources panel.
A menu will appear.
Bulk Deleting Cards
If you want to delete several cards at once, here is how:
Tap Select in the lower right corner of the Sources panel.
Tap the cards you want to delete.
A blue checkmark will appear on the selected cards.
Tap the trash icon in the lower left corner of the Sources panel.
To rearrange cards, or any other assets:
Tap + hold the card you want to move in the Sources panel.
A menu will appear.
The assets will begin to jiggle.
Drag the card to the desired location in the Sources panel.
Tap anywhere else on the screen when you are done reordering.
Note: Live sources, such as camera angles, will always appear at the top of the Sources panel and cannot be moved.