#1 TikTok Ads Spy Tool

A Better Way to Make TikTok Ads Dropshipping & TikTok For Business

  • Find TikTok winning products & TikTok dropshipping ads.
  • Analyze TikTok advertisers
  • Get the Latest TikTok Shop Data.
Try It Free

Create Eye-Catching Google Ads with Canva's Animated GIFs

Published on: November 17 2023 by UBMD

Create Eye-Catching Google Ads with Canva's Animated GIFs

Table of Contents

  1. Introduction
  2. Designing an Attention-Grabbing Display Ad a. Creating a New Design b. Choosing a Custom Size c. Adding Background Color d. Adding Logo and Adjusting Size e. Adding Headline and Choosing Font f. Adjusting Spacing and Line Height g. Adding Subheadline h. Adding Icons and Elements i. Adding Call-to-Action Button
  3. Adding Animation to the Display Ad a. Duplicating the Canvas b. Animating the Background Elements c. Editing Timing and Downloading as Video d. Uploading the Video and Adding to the Display Ad e. Creating a Seamless Loop and Downloading as GIF
  4. Conclusion
  5. FAQ

Designing an Attention-Grabbing Display Ad

In this tutorial, I will guide you on how to design, animate, and export a GIF display ad using Canva. Whether you're a beginner or just looking for some tips to make your display ad stand out, you've come to the right place. Let's dive in and create an attention-grabbing display ad that will captivate your customers.

1. Creating a New Design

To start, open Canva and create a new design. Click on "Create a design" and then select "Custom size". Choose the size suitable for your display ad. For example, in this tutorial, we will be creating a skyscraper banner with dimensions of 160 pixels by 600 pixels.

2. Adding Background Color

Now, let's add a background color to make your display ad visually appealing. Click on the background of your design and select a color from the color picker or input your own HEX code. Choose a color that complements your branding or attracts attention.

3. Adding Logo and Adjusting Size

Next, add your logo to the display ad. Click on "Uploads" and select your logo to upload it to Canva. Drag the logo to the desired position and resize it as needed. Ensure that your logo is prominent and align it with the design's layout.

4. Adding Headline and Choosing Font

Now, let's add a compelling headline to your display ad. Click on "Text" and choose a headline style that suits your design. Enter your headline text and select a font from the options available. Make sure to choose a font that aligns with your brand identity and is easy to read.

5. Adjusting Spacing and Line Height

To fine-tune the spacing between your headline and other elements, click on your headline to select it and go to the spacing options. Adjust the line height to tighten or loosen the space between the lines. Optimize the spacing to ensure your headline looks visually balanced.

6. Adding Subheadline

To provide more information or a secondary message, add a subheadline to your display ad. Click on "Text" again and select a subheadline style. Enter your subheadline text and customize the font, size, and color to differentiate it from the headline. Ensure that the subheadline complements the overall design and enhances the message.

7. Adding Icons and Elements

To reinforce your message or showcase specific features, add icons or other graphical elements related to your product or service. Click on "Uploads" and select the icons or elements you want to add. Drag them onto your design and position them in a visually pleasing way. Adjust the size and rotation if needed.

8. Adding Call-to-Action Button

To encourage your audience to take action, add a call-to-action (CTA) button to your display ad. Canva doesn't have a preset UI button, so we'll create one using shapes. Click on "Elements" and choose the rounded box shape. Resize and position the box to create a button-like shape. Customize the color to make it stand out. Then, add text to the button, such as "Buy Now" or "Learn More", using a contrasting font and color.

Adding Animation to the Display Ad

Now that we have designed our attention-grabbing display ad, let's bring it to life with animation.

9. Duplicating the Canvas

To animate only the background elements and not the entire display ad, we'll need to create a duplicate canvas. Duplicate the canvas containing your design by selecting the page and clicking on the duplicate icon.

10. Animating the Background Elements

In the duplicated canvas, remove all elements except the background elements you want to animate, such as the banana and caramel pieces. Select the background elements and click on "Animate". Choose an animation, such as "Rise", to give the background a smooth and visually appealing effect. Adjust the timing for how long you want the animation to play before looping back to the beginning.

11. Editing Timing and Downloading as Video

After applying the animation, click on "Download" and select "Video". Choose to download only the second page containing the animated background elements. This will create a video file of your animation. Save the file to your desired location.

12. Uploading the Video and Adding to the Display Ad

Go back to the original canvas and delete all elements except the background. Click on "Uploads" and select the video file you just created. Drag the video onto the canvas. Arrange the video to be the background of your display ad by sending it to the back. Resize and position it to cover the entire design.

13. Creating a Seamless Loop and Downloading as GIF

To create a seamless loop of the animated background, duplicate the canvas again and move it up. If desired, you can delete the video file at this point. Click on "Download" and choose the GIF format. Select all two pages to ensure you download both the animated background and the static design. Canva will prepare the GIF file for you to download.


Congratulations! You have successfully designed, animated, and exported an attention-grabbing display ad using Canva. By following these steps, you can create visually appealing ads that engage your audience and drive conversions. Remember to experiment with different designs, animations, and elements to find the best combination for your brand. Happy designing!


Q: Can I use Canva to create other types of ads, such as social media ads?

Yes, Canva offers a wide range of templates and tools for creating various types of ads, including social media ads. You can easily customize the dimensions, colors, and content to match the requirements of different platforms.

Q: How can I make my display ad more visually appealing?

To make your display ad visually appealing, consider using eye-catching colors, high-quality images or graphics, and clear typography. Ensure that the design is balanced and has enough white space to make important elements stand out. Experiment with different layouts and visual hierarchy to create a visually pleasing composition.

Q: Can I export my display ad design in different file formats?

Yes, Canva allows you to export your design in various file formats, including PNG, JPG, PDF, and GIF. Depending on your specific needs, you can choose the file format that best suits your purpose, whether it's for online use, printing, or animation.

Q: Can I animate other elements besides the background in my display ad?

Yes, Canva provides animation options for various elements and text. You can experiment with different animations to bring different parts of your display ad to life. Remember to use animation sparingly and strategically to enhance the message and capture attention without overwhelming the viewer.

Q: Can I collaborate with others on designing a display ad using Canva?

Yes, Canva offers collaboration features that allow you to invite team members or clients to work on a design project together. You can share and edit the design simultaneously, leave comments, and track changes, making it easy to collaborate and gather feedback from stakeholders.

Start your free trial today!

Try Pipiads free for trial, no credit card required. By entering your email,
You will be taken to the signup page.