The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Website Banner

Website Banner


Step 1 - Create the Shape

Select the rounded rectangle tool and make a shape for you website banner:

image 1

Step 2 - Blending

Right click on this layer, and click Rasterize. Now right click again and select blending options. Now use the setting shown here for gradient overlay:

image 2

Step 3 - Copy and Move

Press Ctrl + J to duplicate the layer, then use the move tool to move it 1px down, and 1px to the right.

image 3

Step 4 - Delete the Extra

Select the rectangular marquee tool, select half of the duplicated layer and press delete.

image 4

Step 5 - Gradient Overlay

Right click on your duplicate layer, and go into blending options. Now add these settings under gradient overlay.

image 5

Step 6 - Write your Name

Now select a nice font, such as Chopin Script, and write the title of your website onto your banner.

image 6

Step 7 - Your Finished!

Your are now done with your banner. Here I added some light brushing at the bottom of the banner with a custom brush from Deviant Art, and then I used a reflection technique on the text. Enjoy!

Website Banner Tutorial: Final Result



Author's URL: Imgry.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Website Banner"

Only registered users can write comment

No comments yet...