Hi my name is Kent
I'm a creative specialist at Google
and I'd like to show how to create image ads in Google Web Designer
Image ads are a specific ad format
and you'll need an account set up to run them on your publishing platform
They're very simple consists only of an image and a landing page url
There's no custom interactivity
and they're often run with a set of different sizes
Here's how you make one
From the GWD start screen I'll create a new file
under Ads choose Image and give it a name
then pick a size create a new size or start a multi-size layout
I'll just do a simple one
The UI is a little different for Image ads
there's no timeline since the ad isn't animated
so you'd navigate a complex file using the Outliner panel
Ad validator, Events and Components panels are empty
since they're not supported in these ads
And now I go about designing my creative with all the standard tools
like text images and shapes
Here's a quick one to demonstrate
and I'll speed through this part a little
since i'm not showing anything new
In general with this format I'll only be creating static images matching the ad size as needed
The final output is an image
Later on I'll show how the Responsive panel is used to design a bunch of different sizes
and the Dynamic panel is used to design a bunch of variants
for example selling different products
and when you're done here's how you publish
you can push directly to either of these two environments if you have those accounts set up
and that's a real time saver when publishing multiple sizes at once
or choose locally which saves to your computer
Now this panel includes some options for the image format
PNG here is the lossless version that gives you the full uncompressed quality
and JPEG makes a smaller file
you can check the results here and zoom in to see the effects
and change in file size based on the quality
or you can go back to the dialog
I'll export
then open your project folder and find the final image
It's that simple
Now if I wanted some other sizes back in my file
open the Responsive panel
and select multi-size layout
that's the same option we saw when creating a new blank file
and now I can select more sizes or create new ones
for example I might do a leaderboard size
again I'll fast forward a bit through this routine part
And the thing I want to highlight here is responsive attributes
like using a different logo for this size
so select the element, and in the Properties panel > Image > Source...
browse to a new image
I'll then stretch it and make it taller
and when I preview both at once I see different versions of my logo
The advantage here is when working with a lot of sizes
like 40 it's convenient to keep all your work in a single file
Next I want to show variants in the Dynamic panel
An example of this is creating a set of similar ads for different products
We're not really making a live dynamic ad
we're just using this interface to manage multiple designs
So to do that I'll select the starting size
and Edit base document
right click the image and add a variant binding to the source
then in your Dynamic panel
switch to the Variants tab
create a new variant with the first icon
let's call it thermostat
click the edit icon and browse for another photo
and since I made this change on the base document
all sizes update at once!
Then I'd change the headline and price in the same way
I now have four ads: two products, two sizes
and I can export them all with publish locally
and now I see a Variants menu where I can select all and EXPORT
Then open up the folder again
and there's my four ads
To create more variants in bulk
you can use these controls to export and import csv files
which are spreadsheets of all your variant settings
And one last thing to mention is that this works for most html5 creatives you already have
you don't need to start with an Image ad...
and if you need a backup image for your campaign
this is a great way to make it
Here's an animated responsive ad in 40 sizes
It's not an image ad but if I wanted to create one from it
I just go to File > Export images
and here's that same dialog...
but I get extra controls for the page
and capture time which by default is the end frame although I could set any time
and just like that - all 40 sizes
Let's take a quick look
and there you have it...
Image ads in Google Web Designer
Thanks for watching!