When it comes to advertisements, web banner ads are becoming increasingly popular. Not only can they be used to catch someone’s attention as they scroll through a webpage, but banner ads are also relatively easy to create – even if you don’t have any prior experience with graphic design. In this article, we’re going to show you how to create a web banner ad using Adobe Animate.
Adobe Animate is a powerful tool that can be used for creating all sorts of animations and graphics. While it may seem daunting at first, it’s actually fairly simple to use once you get the hang of it. And once you learn how to create a basic web banner ad in Adobe Animate, you can branch out and experiment with more complex designs.
So let’s get started! The first thing you’ll need to do is launch Adobe Animate and create a new file. For this example, we’ll be creating a banner ad that’s 728×90 pixels. Once you have your file open, go ahead and create a new layer by clicking on the “Create New Layer” icon in the “Timeline” panel (it looks like a piece of paper).
Now that you have your layer created, it’s time to start adding some graphics. For our example, we’ll be using a simple rectangle shape – but feel free to get creative and use whatever shapes or graphics you like. To create your rectangle, select the “Rectangle Tool” from the toolbar on the left side of the screen. Then click and drag on your canvas to draw out your rectangle.
Once you have your rectangle created, it’s time to add some color. To do this, simply double-click on the rectangle layer in the “Timeline�� panel and then select the “Fill Color” option from the menu that appears. From here, you can either enter in a Hex code for your desired color or use the color picker tool to select your color visually. For our example, we’ll be using #ff0000 – which is just plain old red.
Now that your rectangle has some color, it’s time to add some text. To do this, select the “Text Tool” from the toolbar and then click on your canvas where you want your text to appear. A text box will appear – simply enter in your desired text and then format it using the options at the top of the screen (such as font size, alignment, etc.). Once you have your text looking how you want it, go ahead and click off of the text box so that it becomes deselected.
The last thing we need to do is add a link to our banner ad so that people can click on it and be taken to our website (or wherever else we want them to go). To do this, simply select the “Rectangle Tool” again and draw out a small rectangle over top of your existing one – making sure that it covers up yourtext completely. Once you have your second rectangle drawn out, double-click on it in the “Timeline” panel and then select the “Hyperlink/ActionScript…�� option from the menu that appears. In the window that pops up, enter in the URL for where you want people to be taken when they click on your banner ad (make sure to include http:// or https:// at the beginning) and then click OK when you’re finished..