and this is how it should look…

Design a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web Design

On the red part of the banner, place your logo, or write your website’s name in plan text and then go to Layer>> Layer Styles >> Options, and apply a slight stroke, ONLY if it suits your logo, otherwise just add your icon / logo and skip to the next step. So far, you should have something like this:

Design a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web Design

You can add a line saying “Special” or Xmas Special, using one of our previous tutorials.

Design a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web Design

Now select the Shape tool and using the rounded rectangular tool, draw a rectangular, half of which will slide down the canvas. This is the fastest way to draw a tab.

Design a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web Design

To give the tab a typical web 2.0 look, go to Layer >> Layer Styles >> Blending Options, and apply the following settings:

Design a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web DesignDesign a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web DesignDesign a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web Design

These 3 very easy layer styles will give you this very sleek and nice looking tab.

Design a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web Design

Using the custom shape tool, select the “Arrow 19” (included in the defaults set in PS CS2.) and draw a little arrow holding the Ctrl tab to avoid it losing proportion. Click Ctrl + T to transform the arrow so that it will point FROM the tab to the tab’s content (where you would normally place the price offer).

For the arrow layer, go to Layer >> Layer Styles and apply these settings:

Design a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web DesignDesign a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web DesignDesign a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web Design

And this is how it should look…

Design a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web Design

Add more about your offer, but remember to keep it short as you don’t have that much space! Enjoy.

Design a Sweet Christmas Banner with Special Offers - Photoshop Tutorials Lorelei Web Design

Tags:

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.