Affiliate Banner for WDL (Exclusive Tutorial)

As you know, participating in affiliate programs is a good strategy to earn money in Internet. You could learn more about affiliate programs and Web Promotion in general in this category.

In this tutorial I'll show you how to draw a banner for the affiliate program in Web Design Library style.

Create a new document with 156x74px size and #007899 background. The background is the same as on Web Design Library.

Let's start with the drawing of the logo for the affiliate program, which you can find on Mytemplatestorage.com. As we need the logo in Web Design Library style (like the header), we have to draw it from scratch. Type letter J in the middle of the canvas with the help of Type tool (see the settings below). Add Stroke in Blending Options with the following parameters, and set Fill 0.

Duplicate the layer for 3 times. Choose the first layer with J letter, apply Free Transform and set the angle of 45 degree. Then select the second layer with J letter, apply the angle of 135 degree. The rest two layers turn the same way - for 45 and 135 degree.

Move the layers, so that they look like in my picture (the top left should be moved to the left and downward, the top right - to the left and upward, the bottom right should be moved to the right and upward, and the bottom left - to the right and downward)

Merge all text layers and reduce the size of the logo up to 40x40px using Free Transform tool. Place the logo in the top left side of the banner.

To intensify the image, just duplicate and merge the layer.

Write "Affiliate Program" under the logo using the following settings of the font:

Write "Earn 20% Commission" in the top right side of the banner. Use the following settings for the font and the same Blending Options settings as in this tutorial.

And the final stage - the button for the entering.

Create the new layer and name it Button Background. Make the selection with 85x20px size in the bottom right side of the banner; fill the selection with #085d7e color.

Do not deselect and create one more layer. Then right click and select Stroke in the drop-down menu. Apply the following parameters: (#d3f2ff æÒÕâ)

Fill with #012a3b color the whole right and lower one-pixel light stripes, leaving one light pixel on the right. Deselect.

And all you have to add now is the text. Type "Join now!".

The banner for affiliate program is ready. Yet one thing can be added here - the changing of the button color while navigating. White color would be perfect. To create the new image just Ctrl+Click on the Button Background layer and fill the selection with white. Color "Join now!" text in #085d7e blue.

Here's how the site should look like: