Adobe free photoshop cs tutorials website

For e-commerce website design work, if you need to get some ideas on how to make a website banner which offer some kind of free samples or if it’s a incentive based website, then take a look at this easy tutorial with simple photoshop techniques.

How to photoshop tutorials ::Ecommerce-Sample-Offer-Content-Box

Please follow the following steps:

[1]-First of all open New Document of custom size, Height & width 300×750 pixels, Resolution 72
and Mode RGB color as shown below

[2]-Now fill the Background with any color & then create the following selection with the help
of Rectangular Marquee Tool

[3]-Now select Gradient Tool and use the following Gradient & settings

[4]-Now fill the Gradient with following Direction

[5]-Now create the following selection with the help of Rectangular Marquee Tool

[6]-Now fill the selection with any color & then click on ‘f’ which is indicating by Hand sign
as shown below

[7]-Now select Stroke Structure and apply the following settings

[8]-Now your image will be look as shown below

[9]-Now create the following selection with the help of Elliptical Marquee Tool

[10]-Now fill the selection with any color & then create the following selection with the help
of Press Ctrl+CLick on Layer 2

[11]-Now press Ctrl+Shift+I and then press “Delete” & your image will be look as shown below

[12]-Now create the following selection with the help of Rectangular Marquee Tool

[13]-Now select Layer3 & then Press “Delete” & then select Gradient Tool and apply the following
settings

[14]-Now fill the Gradient with following Direction on New Layer

[15]-Now your image will be look as shown below

[16]-Now press the Ctrl+O for Open New Image and adjust in your document with the help of Ctrl+MOve Tool

[17]-Now Press the Ctrl+J for making Duplicate Layer & then fall the image with the help of Ctrl+T

[18]-Now Reduce the Opacity of the Duplicate Layer as shown below

[19]-Now your image will be look as shown below

[20]-Now select Text Tool & then create any Text

[21]-Now click on ‘f’ which is indicating by Hand sign as shown below

[22]-Now select Bevel & Emboss and apply the following settings

[23]-Now your image will be look as shown below

[24]-Now Create another Text with the help of Text Tool. Finally, all settings have been completed
& your final image will be look as shown below

Design a incentive or free sample website banner

Easy photoshop tutorials for beginners

Design a Website banner In Photoshop