How to create HTML 5 web banner ads from scratch in Photoshop and Google Web Designer | Speed Art

[@webberne]

Hei, thanks for the video... One important part of this was saving the individual layers / elements but since its all going so fast i couldnt see what you were doing. So i had to find another video... Just wanted to let you know. Saving, exporting and opening in Google Web desigenre might be valuable to keep slow ;)

[@hamidesigner]

Thank you for feedback. I will take care of this next time. :)

[@TheGeekLegend]

Thanks for the tuto dude! Thanks to you I managed to make my first Banner, but in Visual Studio Code.

[@hamidesigner]

Wao congratulations! Happy to hear this. All the best!

[@seeithappen1]

WoW this is really good. I learned more from this video than from many photoshop courses.

[@hamidesigner]

Glad it was helpful!

[@viki5844]

Thank you so much for the video. Really helps 👍

[@hamidesigner]

Glad it helped!

[@sagihaviv5675]

wow great video, do you have video that creating a responsive html banners?

[@hamidesigner]

Not yet, i will upload soon! Stay tuned

[@kaypkargo852]

@@hamidesigner Did you upload a video like this ?

[@luisfrr1983]

Brutal (y)

[@BLRtactics]

Hi Hamidesigner, thank you for the insightful video. How do you export these banners to be under 150 kb for Google ad use? Mine always seem to come out larger than expected no matter how many compressions i make to the pictures I put in my banner. I'm looking forward to your Answer. Thanks in advance.

[@hamidesigner]

very easy, after you publish banner, upload all images to your hosting. Link all images in html file from your websbite. upload html file to google ads. Normally i compress published images on compressor.io/ but this makes images blurry sometimes. Hope this helps!

[@BLRtactics]

@@hamidesigner Thanks for your fast response!

[@joseregalado1399]

Hi.thanks for the video. will this pass all html 5 validation? Also how can we use SVGs?

[@hamidesigner]

yes html 5 valid, i am not sure if we can use svgs in GWD

[@joseregalado1399]

@@hamidesigner ok. Thank you for the reply!😊

[@joseregalado1399]

@@hamidesigner Hi Hami. What is the best practice of adding videos to web banners to be activated on Google campaign manager?

[@hamidesigner]

@@joseregalado1399 in-banner videos? i do not have much experience with video ads.

[@farukahmed4665]

awesome

[@hamidesigner]

Thank you Faruk!

[@betrouska]

thank you

[@katefanimations]

What do you create them in "72 ppi" or "300 ppi"?

[@hamidesigner]

Hi, 72ppi, 300 is for print.

[@scshaw6744]

Where did you get the paper background image?

[@hamidesigner]

Hi, i do not remember exactly but you can down psd from this link: we.tl/t-HLYhKTufO2 Thanks

[@MenGemX]

Thanks sir

[@hamidesigner]

Welcome🙏

[@mohdnajamuddin8216]

How to make clickable image jpg on Google Web designer

[@hamidesigner]

Drag and drop "Tap Area" from "component pannel" where you want your ad to be clickable. Add Event to "Tap Area" and insert desired URL. Thank you

[@mohdnajamuddin8216]

@@hamidesigner How can I get contact with you?

[@hamidesigner]

@@mohdnajamuddin8216 hamidesigner.com

[@mohdnajamuddin8216]

@@hamidesigner in tap area I cannot see url can you explain me briefly?

[@hamidesigner]

​@@mohdnajamuddin8216 watch video from this time: kzbin.info/www/bejne/hZiVXoeBnrOon7c Let me know if this is still not clear!