While amazing graphics can be created with traditional programs such as Adobe Photoshop and online replica websites such as Pixlr, it can be challenging to create a graphic from scratch and then load it into Switcher Studio. This is especially tricky for users new to mobile video creation and graphic design. As a result, many users spend time searching the App Store for graphics creation tools to help them create their graphics right on their iOS devices.
Even with the help of a graphic design app, sizing graphics properly, making them look professional, and preserving their transparencies for use as Overlays within Switcher can still prove difficult. Luckily, we have found a great solution to this issue…
Create Graphics with Over
Introducing Over! Over is a free app, and a great way to create lower-thirds graphics quickly and easily for use with your recordings and broadcasts inside of Switcher Studio. Its user-friendly features help you to create graphics at the size you need, add properties without needing advanced design knowledge, and import the final product into your Switcher Studio app without breaking a sweat!
Get started with Over
Getting started with Over is quick and easy.
- First, go into the App Store and do a quick search for "Over". It's free to download onto your iOS device.
- Once Over is installed, open the app. You'll see a lot of default graphics here. For our purposes, tap on the "+" in the bottom center, which will take you to the graphics creator.
- You will be first be given the choice of background. You can select an image, color, video, or transparent background. For this example, we selected "transparent".
- Next, you can select your image size. For a lower-third, select the 3:1 option (2048x683). This will create an image that works with widescreen broadcasts and recordings, which is how most televisions and computers are configured these days. Once your graphic background and size are selected, click the checkmark at the top right of the window.
- You're now ready to begin creating your lower-thirds graphic. Tap on the "Text" option at the bottom of the screen
- Once you tap on "Text," you can type whatever text you'd like. Using the options at the bottom of the screen, you can change the color, size, and font of the text, as well as add text effects. Once you're satisfied, tap the checkmark at the top right corner of the screen.
- If you like, you can tap on "Text" again to create a second line of text. It's great to do this for interviews, for example, so that the interviewee's name, as well as their company or title, are visible to the audience.
- If you want to add to your design, you can choose to select an image, a graphic, a basic shape, or even a video. For this example, we decided to add a square shape behind our text. Note: the Shape Tool is now only available to Over Unlimited Access subscribers. You can choose from several free assets in the graphics library.
- Once you've selected the graphic you want to use, you can use the options at the bottom of the screen to crop, resize, and change the color of the shape, as well as adjust certain effects, like transparency. Depending on the size of your graphic, you might not be able to see the text you added before.
- If your graphic covers up your text, this is a quick fix. Simply rearrange the layers in your design! Each component is a separate layer. Tap on the layer stack icon at the top of the screen.
- Now you can see all of the layers in your design, and rearrange them however you like! Holding the three horizontal lines next to a layer will allow you to drag to rearrange. In this example, you can see that we dragged our shape layer below our text layers so that the text would always be visible.
- In this way, you can continue editing your lower-third graphic until it looks the way you want it. For this example, we went back into the "Graphics" tab and inserted a plain white line to break up the subject's name and company.
- When you're done with your design, tap the box-with-arrow icon at the top right corner. This will allow you to export the image to your Camera Roll, add it to an Over folder, or share directly via AirDrop or a message.
Note: clicking "Export Settings" below the save options will allow you to select the file type. A transparent background should be saved as a PNG file, but a solid image can be saved as a JPEG if you like.
Adding Your Over Graphic to Switcher Studio
Now that you've created your overlay, you can bring it into Switcher Studio for use during your broadcasts and recordings.
- In the lower-left corner of your Switcher Studio interface, you will see a blue "+" icon. Tap to open your Assets menu.
- Select the "Text & Graphics" menu.
- Select the "Image as Lower Third" option for importing your graphic.
Once you've selected your image, you can drag to place the overlay wherever you like as well as resize by pinching and zooming.
In this example, we enlarged our lower third and placed it in the lower left of the screen. Tap "Done" when you are finished adjusting your graphic.
After tapping "Done" you'll be taken back to your normal view and you can see your new overlay waiting to be used.
Just tap on the Overlay at any time (even while broadcasting and recording), and it will appear on your screen just the way you intended it to look! To make it go away, tap again, and it will disappear.
If you want to create bespoke graphics for your livestreams, you can try using the Over app. You can also explore the customizable graphics creation templates within the Switcher Studio app!