One of my go-to tools for just about everything in Premiere Pro is SuperMOGRT. Now you can go in and add keyframes and animate this gradient if you really want to, but I have a better solution. The downside of this is that it’s just a still gradient. If you want just a regular four-color gradient, you can add one under Video Effects > Generate > 4-Color Gradient.
You can use any footage, like RocketStock’s background pack, but to create the gradient look you still have a few options. This needs to be underneath your footage, so likely on V1. Now you can add any background you want to the bottom layer. Lower your Mask Feather down to 1 or 2 to get a cleaner edge. To round the corners, change the Mask Expansion to somewhere between 20-35. Click Invert and now your footage should be visible through the mask. Adjust the Mask Path to the exact size or shape you need. You can either make a desktop style horizontal mask, or a vertical mask to imitate a phone or mobile device. We’re just going to use this to make our mask. In the Effects Controls under Ellipse, create a 4-point polygon mask. Now adjust it to be the size you need. In the Effects panel, open Video Effects > Generate > Ellipse. Add the Ellipse to your adjustment layer.ĭon’t worry about the shape colors or anything, we don’t need that. Now the trick here is to create a mask on the adjustment layer and I found the best results by adding a shape layer to the Adjustment Layer. Make an adjustment layer and add it to your timeline above all the other clips. Now to make this non-destructive and easy, the best solution is to create a mask on and Adjustment Layer. To create the screen captures I either use OBS and record my screen as I walk through all the necessary steps, or if it’s just a mention of a specific page or feature I’ll take a screen capture of the site and then just animate the image scrolling or zooming in Premiere Pro. It also allows for any type of background, so you can add images, footage, 3d renders, loopable backgrounds, or the very popular gradients.Ĭheck out this tutorial from Film Bodega for an in-depth guide, and you can find a list of steps to reference down below.įirst edit your video with all the necessary shots and steps. What’s nice about this setup is that if you need to replace footage, scale it, or adjust the position, you can do so very easily without effects the mask or background.
Through a little trial and error, I built a non-destructive workflow that allows me to churn these videos out pretty quickly, and doing it all in Premiere Pro. “Can you add gradient backgrounds and round the corners of the footage to match the look of the website?” The answer is always YES, but what’s the best way to do it?
Nearly all of them had the same request for their videos. Over the past few months I’ve made several commercials and product training videos for a variety of tech and web-based clients. Creating the look you can’t escape, colorful animated gradients, and rounded user interfaces and browsers.