Design your own advertising banners in Photoshop - 10 modern top designs to recreate (tutorial) Language: German

Design your own advertising banners in Photoshop - 10 modern top designs to recreate (tutorial)

Striking. Stunning. Attractive. After this Photoshop tutorial, you'll be able to place your banner ads with exactly these characteristics on your social media channels, websites and newsletters. In over 4 hours, Stefan Riedl will introduce you to 10 top modern designs - and show you step by step how to create them yourself. A training course made for more clicks on your banners!

  • Simply design it yourself: How to build effective advertising banners in Photoshop
  • Your learning success: You will be able to create beautiful banners yourself
  • From job offers to company anniversaries: explained using 10 modern top design examples
  • For social media, websites, newsletters and more: advertising banners in various sizes
  • Instructive at every step: how and why you create the banner layouts in exactly the same way
  • Ideas for your design: get inspiration for contemporary advertising banner designs
  • Over four hours of practical Photoshop tutorial by design professional Stefan Riedl

Could your banner ads use more attention? Then press play and let this informative and entertaining tutorial inspire you to create new designs and approaches!

content

10 Videos, 261 minutes

Photoshop – modern design

10 Videos · 260 minutes
01 Open

Advertising banner in Photoshop: 01 | Lead magnet for Instagram stories

In this video, we create a banner (1080 px × 1920 px) that acts as a so-called "lead magnet" and fits perfectly into the format of the popular Instagram stories. The aim here is to inspire the viewer with a goodie (the download of a free e-book) by redirecting them to a landing page.

Ideal for joining in: In the project file for this tutorial you will find assets from TutKit.com as well as a readme with links to the fonts, images and icons used in all the tutorials in this training.

02 Open

Advertising banner in Photoshop: 02 | Place job offer on social media

Here we create a job banner that is perfect for social media appearances on Instagram. The 4:5 aspect ratio makes perfect use of the available space in the social feeds. In the video, we go into the cropping of people and the use of identity-creating "corporate patterns".

03 Open

Advertising banner in Photoshop: 03 | Advertise offer, service

A convincing offer is waiting in the wings? Here comes the banner! In a wide 16:9 format, we use a creative play on words and effective, large typography to advertise a service and incorporate a rating system.

04 Open free of charge

Advertising banners in Photoshop: 04 | Present customer reviews

Project successfully completed? Then share it with your future clients! In this video, we take up the idea of presenting positive customer reviews particularly prominently: in 4:5 format with a trendy cover overlay.

05 Open

Advertising banners in Photoshop: 05 | Melting Skyscraper on the margins of websites

The integration of a skyscraper at the edges of websites is a popular way of attracting a lot of attention. Equipped with a modern long color effect and slab serif fonts, there are many tricks to discover in this tutorial.

06 Open

Advertising banners in Photoshop: 06 | Typography style

Typography works! We use a quick clipping technique and blur the font with our motif using blending modes and layer masks. A pattern in the background and calligraphic hand lettering are also used in 1:1 format.

07 Open

Advertising banner in Photoshop: 07 | Announce company anniversary

An anniversary coming up? You don't always have to reinvent the wheel. In this video, we use the finished figures as an asset and enrich them with confetti, balloons and bokeh overlays.

08 Open

Advertising banner in Photoshop: 08 | Christmas, Advent season, Christmas sale

In this video, we create a design that is equally suitable for the Advent and pre-Christmas season as well as for the end of the year. Elegant gold gradients and carefully selected font combinations create a festive character in 4:3 format.

09 Open

Advertising banners in Photoshop: 09 | Typography in focus

Special attention is achieved when you leave out everything superfluous in a design. This 1:1 banner is a good example of how impressive typography can be as a stylistic device. The sources for icons, fonts and materials are also discussed.

10 Open

Advertising banners in Photoshop: 10 | Announce festival events in Facebook posts

The ideal size for announcing events on Facebook: The format can be used perfectly as a header for event pages as well as a classic post. Impressive lighting effects and the matching polygon style create this composition.

01

Advertising banner in Photoshop: 01 | Lead magnet for Instagram stories

33 min Open
02

Advertising banner in Photoshop: 02 | Place job offer on social media

25 min Open
03

Advertising banner in Photoshop: 03 | Advertise offer, service

25 min Open
04

Advertising banners in Photoshop: 04 | Present customer reviews

23 min Open
05

Advertising banners in Photoshop: 05 | Melting Skyscraper on the margins of websites

37 min Open
06

Advertising banners in Photoshop: 06 | Typography style

26 min Open
07

Advertising banner in Photoshop: 07 | Announce company anniversary

18 min Open
08

Advertising banner in Photoshop: 08 | Christmas, Advent season, Christmas sale

21 min Open
09

Advertising banners in Photoshop: 09 | Typography in focus

22 min Open
10

Advertising banners in Photoshop: 10 | Announce festival events in Facebook posts

30 min Open

Examples of use

  • Create a reel banner that redirects to a landing page for a free goodie.
    Open gallery
    Create a reel banner that redirects to a landing page for a free goodie.
  • Grab the talent - with appealing advertising banners for your job ads.
    Open gallery
    Grab the talent - with appealing advertising banners for your job ads.
  • Offer? Discount? Promotion? Learn how to create banner ads worth seeing in the tutorial!
    Open gallery
    Offer? Discount? Promotion? Learn how to create banner ads worth seeing in the tutorial!
  • Lots of text in the banner? Take a look at how you can perfectly showcase customer testimonials, for example!
    Open gallery
    Lots of text in the banner? Take a look at how you can perfectly showcase customer testimonials, for example!
  • This allows you to utilize the space in the Hightower format so that your advertising banner stretches out illustratively.
    Open gallery
    This allows you to utilize the space in the Hightower format so that your advertising banner stretches out illustratively.
  • Whether for social media, websites or newsletters - different banner formats are discussed in the tutorial!
    Open gallery
    Whether for social media, websites or newsletters - different banner formats are discussed in the tutorial!
  • Follow each editing step in Photoshop so that you can easily create the banners yourself.
    Open gallery
    Follow each editing step in Photoshop so that you can easily create the banners yourself.
  • Discount promotions for Christmas? There are plenty of them. So use the training to design a banner that stands out from the crowd.
    Open gallery
    Discount promotions for Christmas? There are plenty of them. So use the training to design a banner that stands out from the crowd.
  • Be inspired by different banner styles - for example the big typo look!
    Open gallery
    Be inspired by different banner styles - for example the big typo look!
  • Luminous power! See how you can achieve great effects for your banners in Photoshop.
    Open gallery
    Luminous power! See how you can achieve great effects for your banners in Photoshop.
Comments (3)

Comment now „Design your own advertising banners in Photoshop - 10 modern top designs to recreate (tutorial)“