Web site Template 2.0 Web Button Graphics


Posted November 29th, 2009 by admin No Comments »

Hi Guys! Today I am telling you about How to Create Web site Template 2.0 Web Button Graphics

[1]-First of all Open New Document of Custom Size,Height & Width 500×500 pxl,Resolution 72 & Mode RGB Color

Website-Template-2.0 Web-Button-Graphics-Stock-Photo1

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

Website-Template-2.0 Web-Button-Graphics-Stock-Photo2

[3]-Now fill the Background with the help of Gradient Tool with Left to Right direction & your image shoud look like as shown below

Website-Template-2.0 Web-Button-Graphics-Stock-Photo3

[4]-Now Open New Layer & then create the following selection with the help of ‘Rounded Rectangle Tool’

Website-Template-2.0 Web-Button-Graphics-Stock-Photo4

[5]-Now fill the selection with any color & then go to Blending Options select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss features

Website-Template-2.0 Web-Button-Graphics-Stock-Photo5

[6]-Now select Contour Elements & use the following settings
Photoshop Technique-How to use the Contour Elements features

Website-Template-2.0 Web-Button-Graphics-Stock-Photo6

[7]-Now select Satin Structure & use the following settings
Photoshop Technique-How to use the Satin Structure features

Website-Template-2.0 Web-Button-Graphics-Stock-Photo7

[8]-Now select Color Overlay & use the following settings
Photoshop Technique-How to use the Color Overlay features

Website-Template-2.0 Web-Button-Graphics-Stock-Photo8

[9]-Now your image should look like as shown below

Website-Template-2.0 Web-Button-Graphics-Stock-Photo9

[10]-Now like this create the others & your image should look like as shown below

Website-Template-2.0 Web-Button-Graphics-Stock-Photo10

[11]-Now Open New Layer & then create the following selection with the help of Rounded Rectangle Tool

Website-Template-2.0 Web-Button-Graphics-Stock-Photo11

[12]-Now fill the selection with ‘e93030′ color & then select ‘Erase Tool’ & use the following settings

Website-Template-2.0 Web-Button-Graphics-Stock-Photo12

[13]-Now erase the some parts with the help of ‘Erase Tool’ & your image should look like as shown below

Website-Template-2.0 Web-Button-Graphics-Stock-Photo13

[14]-Now like this create the others & your image should look like as shown below

Website-Template-2.0 Web-Button-Graphics-Stock-Photo14

[15]-Now select Text Tool Website-Template-2.0 Web-Button-Graphics-Stock-Photo15 & create the any text

Website-Template-2.0 Web-Button-Graphics-Stock-Photo16

[16]-Now select Text Layer & then go to Blending Options select Stroke Structure & use the following settings
Photoshop Technique-How to use the Stroke Structure features

Website-Template-2.0 Web-Button-Graphics-Stock-Photo17

[18]-Now Open New Layer & then create the following selection with the help of ‘Pen Tool’

Website-Template-2.0 Web-Button-Graphics-Stock-Photo18

[19]-Now fill the selection with ‘fffffa’ color
See below for the Final Photoshop Output.I hope this is a good tutorial & you can use these Photoshop Techniques in your Graphics Design Project

Website-Template-2.0 Web-Button-Graphics-Stock-Photo19

http://www.adobenerds.com/Learn-to-make-satin-nickel–brushed-metal-surface_75.html

http://www.adobenerds.com/Tutorial-for-creating-a-home-logo-for-construction-industry_57.html

Hitech website template header stock photo in photoshop.


Posted November 28th, 2009 by admin No Comments »

Hello my friends. Today I am telling you about How to Create Hitech website template header stock photo in photoshop.

[1] Take a new file of 700 pixels, 200 pixels, of resolution 72 dpi in the RGB mode.

[2] Using the “Rectangle Shape Tool” draw a shape as shown below color #363437.

Hitech-website-template-header-stock-photo1

[3] Now take the “Brush Tool” Hitech-website-template-header-stock-photo2 and now download these brush a Google
for some of your favorite brushes. Or you can go to Deviantart.com to search.

Hitech-website-template-header-stock-photo3

[4] Now create a new layer make sure your foreground is set to Black after that play with your brush tool.

Hitech-website-template-header-stock-photo4

[5] After that change your brush also download this brush with same site.

Hitech-website-template-header-stock-photo5

[6] Now create a new layer make sure your foreground is set to #f4b00f after that play with your brush tool.

Hitech-website-template-header-stock-photo6

[7] Now create some text with text tool.

Hitech-website-template-header-stock-photo7

[8] Use Custom Shape Tool and Draw.

Hitech-website-template-header-stock-photo8

Hitech-website-template-header-stock-photo9

[9] Hope you will make modifications and make a more better.

Hitech-website-template-header-stock-photo10

http://www.adobenerds.com/Make-ghost-images-and-blend-snapshots_49.html

http://www.adobenerds.com/Create-custom-brush-and-website-background_58.html

Florist website template header stock photo in photoshop.


Posted November 28th, 2009 by admin No Comments »

Hello my friends. Today I am telling you about How to Florist website template header stock photo in photoshop.

[1] Take a new file of 700 pixels, 200 pixels, of resolution 72 dpi in the RGB mode.

[2] Using the “Rectangle Shape Tool” draw a shape as shown below color is not important.

Florist-website-template-header-stock-photo1

[3] For this shape add the following layer styles.

Florist-website-template-header-stock-photo2

Florist-website-template-header-stock-photo3

Florist-website-template-header-stock-photo4

[4] Now take the “Brush Tool”Florist-website-template-header-stock-photo5 and now download these brush a Google
for some of your favorite brushes. Or you can go to Deviantart.com to search.

Florist-website-template-header-stock-photo6

[5] Now create a new layer make sure your foreground is set to white after that play with your brush tool.

Florist-website-template-header-stock-photo7

[6] For this layer change the ‘Blending Mode’ to “Overlay”.

Florist-website-template-header-stock-photo8

Florist-website-template-header-stock-photo9

[7] Now create some text with text tool.

Florist-website-template-header-stock-photo10

[8] Use Custom Shape Tool and Draw.

Florist-website-template-header-stock-photo11

Florist-website-template-header-stock-photo12

[9] Hope you will make modifications and make a more better.

Florist-website-template-header-stock-photo13

http://www.adobenerds.com/Create-a-Blackberry-mobile-pho_29.html

http://www.adobenerds.com/Create-cool-wavy-text-effect_123.html

Finance website template header stock photo in photoshop.


Posted November 28th, 2009 by admin No Comments »

Hello my friends. Today I am telling you about How to Create Finance website template header stock photo in photoshop.

[1] Take a new file of 700 pixels, 200 pixels, of resolution 72 dpi in the RGB mode.

[2] Using the “Rectangle Shape Tool” draw a shape as shown below color is not important.

Finance-website-template-header-stock-photo1

[3] For this shape add the following layer styles.

Finance-website-template-header-stock-photo2

Finance-website-template-header-stock-photo3

Finance-website-template-header-stock-photo4

[4] Now take the “Brush Tool” Finance-website-template-header-stock-photo5 and now download these brush a Google
for some of your favorite brushes. Or you can go to Deviantart.com to search.

Finance-website-template-header-stock-photo6

[5] Now create a new layer make sure your foreground is set to white after that play with your brush tool.

Finance-website-template-header-stock-photo7

[6] Make the duplicate layer with the help of Cntl+J and place it like me.

Finance-website-template-header-stock-photo8

[7] And now select this brush also download this with same site.

Finance-website-template-header-stock-photo9

[8] Now create a new layer make sure your foreground is set to white then play with your brush tool.

Finance-website-template-header-stock-photo10

[9] For this layer change the ‘Blending Mode’ to “Overlay” & set the ‘Opacity’ by 25%.

Finance-website-template-header-stock-photo11

[10] Now create some text with text tool.

Finance-website-template-header-stock-photo12

[11] Use Custom Shape Tool and Draw.

Finance-website-template-header-stock-photo13

Finance-website-template-header-stock-photo14

[11] Hope you will make modifications and make a more better.

Finance-website-template-header-stock-photo15

http://www.adobenerds.com/create-christmas-hanging-tree-ornaments_51.html

http://www.adobenerds.com/tutorial-brokenfont.php

Game website template header stock photo in photoshop.


Posted November 28th, 2009 by admin No Comments »

Hello my friends. Today I am telling you about How to Game website template header stock photo in photoshop.

[1] Take a new file of 700 pixels, 200 pixels, of resolution 72 dpi in the RGB mode.

[2] Using the “Rectangle Shape Tool” draw a shape as shown below color is not important.

Game-website-template-header-stock-photo1

[3] For this shape add the following layer styles.

Game-website-template-header-stock-photo2

Game-website-template-header-stock-photo3

Game-website-template-header-stock-photo4

[4] Now take the “Brush Tool”Game-website-template-header-stock-photo5 and now download these brush a Google
for some of your favorite brushes. Or you can go to Deviantart.com to search.

Game-website-template-header-stock-photo6

[5] Now create a new layer make sure your forground is set to white after that play with your brush tool.

Game-website-template-header-stock-photo7

[6] For this layer set ‘Opacity’ by 70%.

Game-website-template-header-stock-photo8

Game-website-template-header-stock-photo9

[7] Now create some text with text tool.

Game-website-template-header-stock-photo10

[8] Use Custom Shape Tool and Draw.

Game-website-template-header-stock-photo11

Game-website-template-header-stock-photo12

[11] Hope you will make modifications and make a more better.

Game-website-template-header-stock-photo13

http://www.adobenerds.com/Create-handdrawn-stitch-using-photoshop_46.html

http://www.adobenerds.com/Create-Marble-Orb-using-photoshop_126.html

Health website template header stock photo in photoshop.


Posted November 28th, 2009 by admin No Comments »

Hello my friends. Today I am telling you about How to Health website template header stock photo in photoshop.

[1] Take a new file of 700 pixels, 200 pixels, of resolution 72 dpi in the RGB mode.

[2] Using the “Rectangle Shape Tool” draw a shape as shown below color is not important.

Health-website-template-header-stock-photo1

[3] For this shape add the following layer styles.

Health-website-template-header-stock-photo2

Health-website-template-header-stock-photo3

Health-website-template-header-stock-photo4

[4] Now take the “Brush Tool”Health-website-template-header-stock-photo5 and now download these brush a Google
for some of your favorite brushes. Or you can go to Deviantart.com to search.

Health-website-template-header-stock-photo6

[5] Now create a new layer make sure your forground is set to white after that play with your brush tool.

Health-website-template-header-stock-photo7

[6] And now change the brush see in the next image.

Health-website-template-header-stock-photo8

[7] Now create a new layer make sure your forground is set to white after that play with your brush tool.

Health-website-template-header-stock-photo9

[8] For this layer change the ‘Blending Mode’ to [Overlay] & set ‘Opacity’ by 57%.

Health-website-template-header-stock-photo10

Health-website-template-header-stock-photo11

[9] Now create some text with text tool.

Health-website-template-header-stock-photo12

[10] Use Custom Shape Tool and Draw.

Health-website-template-header-stock-photo13

Health-website-template-header-stock-photo14

[11] Hope you will make modifications and make a more better.

Health-website-template-header-stock-photo15

http://www.adobenerds.com/Make-rain:-photoshop-technique_38.html

http://www.adobenerds.com/Dripping-effect-in-paint-water_34.html

Automobile website template header stock photo in photoshop.


Posted November 28th, 2009 by admin No Comments »

Hello my friends. Today I am telling you about How to Create Automobile website template header stock photo in photoshop.

[1] Take a new file of 700 pixels, 200 pixels, of resolution 72 dpi in the RGB mode.

[2] Using the “Rectangle Shape Tool” draw a shape as shown below color is black.

Automobile-website-template-header-stock-photo1

[3] For this shape add the following layer styles.

Automobile-website-template-header-stock-photo2

Automobile-website-template-header-stock-photo3

Automobile-website-template-header-stock-photo4

[4] Now take the “Brush Tool”Automobile-website-template-header-stock-photo5 and now download these brush a Google
for some of your favorite brushes. Or you can go to Deviantart.com to search.

Automobile-website-template-header-stock-photo6

[5] Now create a new layer make sure your foreground is set to white, and now using your brush tool.

Automobile-website-template-header-stock-photo7

[6] Now create some text with text tool.

Automobile-website-template-header-stock-photo8

[7] Use Custom Shape Tool and Draw.

Automobile-website-template-header-stock-photo9

Automobile-website-template-header-stock-photo10

[8] Hope you will make modifications and make a more better.

Automobile-website-template-header-stock-photo11

http://www.adobenerds.com/view.php?tut=8

http://www.adobenerds.com/view.php?tut=10

Bank website template header stock photo in photoshop.


Posted November 28th, 2009 by admin No Comments »

Hello my friends. Today I am telling you about How to Create Bank website template header stock photo in photoshop.

[1] Take a new file of 700 pixels, 200 pixels, of resolution 72 dpi in the RGB mode.

[2] Using the “Rectangle Shape Tool” draw a shape as shown below color is #f9c814.

Bank-website-template-header-stock-photo1

[3] Now take the “Brush Tool”Bank-website-template-header-stock-photo2 and now download these brush a Google
for some of your favorite brushes. Or you can go to Deviantart.com to search.

Bank-website-template-header-stock-photo3

[4] Now create a new layer make sure your foreground is set to #ae860c. After that play with your brush tool.

Bank-website-template-header-stock-photo4

[5] Use Custom Shape Tool and Draw color is #3d3532

Bank-website-template-header-stock-photo5

Bank-website-template-header-stock-photo6

[6] Make the duplicate layer a few times with the help of Cntl+J and place it like me.

Bank-website-template-header-stock-photo7

[7] Using the “Rectangle Shape Tool” draw a shape as shown below color is #ae860c.

Bank-website-template-header-stock-photo8

[8] For this shape add the following layer styles.

Bank-website-template-header-stock-photo9

Bank-website-template-header-stock-photo10

Bank-website-template-header-stock-photo11

Bank-website-template-header-stock-photo12

Bank-website-template-header-stock-photo13

[9] Now create some text with text tool.

Bank-website-template-header-stock-photo14

[10] Use Custom Shape Tool and Draw.

Bank-website-template-header-stock-photo15

Bank-website-template-header-stock-photo16

[11] Hope you will make modifications and make a more better.

Bank-website-template-header-stock-photo17

http://www.adobenerds.com/view.php?tut=13

http://www.adobenerds.com/view.php?tut=3

Accountant website template header stock photo in photoshop.


Posted November 28th, 2009 by admin No Comments »

Hello my friends. Today I am telling you about How to Create Accountant website template header stock photo in photoshop.

[1] Take a new file of 700 pixels, 200 pixels, of resolution 72 dpi in the RGB mode.

[2] Using the “Rectangle Shape Tool” draw a shape as shown below color is not important.

Accountant-website-template-header-stock-photo1

[3] For this shape add the following layer styles.

Accountant-website-template-header-stock-photo2

Accountant-website-template-header-stock-photo3

Accountant-website-template-header-stock-photo4

[4] Now take the “Brush Tool” Accountant-website-template-header-stock-photo5 and now download these brush a Google
for some of your favorite brushes. Or you can go to Deviantart.com to search.

Accountant-website-template-header-stock-photo6

[5] Now create a new layer make sure your foreground is set to white, and now using your brush tool.

Accountant-website-template-header-stock-photo7

[6] For this layer change the “Blending Mode” to [Overlay].

Accountant-website-template-header-stock-photo8

[7] Make the duplicate layer with the help of Cntl+J and place it like me.

Accountant-website-template-header-stock-photo9

[8] Now create some text with text tool.

Accountant-website-template-header-stock-photo10

[9] Use Custom Shape Tool and Draw.

Accountant-website-template-header-stock-photo11

Accountant-website-template-header-stock-photo12

[10] Hope you will make modifications and make a more better.

Accountant-website-template-header-stock-photo13

http://www.adobenerds.com/

http://www.adobenerds.com/Signature-Creation_16.html

Computer website template header stock photo in photoshop.


Posted November 28th, 2009 by admin No Comments »

Hello my friends. Today I am telling you about How to Create Computer website template header stock photo in photoshop.

[1] Take a new file of 700 pixels, 200 pixels, of resolution 72 dpi in the RGB mode.

[2] Using the “Rectangle Shape Tool” draw a shape as shown below color is #cdb457.

Computer-website-template-header-stock-photo1

[3] Take the ‘Shape Tool’ select this one now create a shape as shown image below.

Computer-website-template-header-stock-photo2

Computer-website-template-header-stock-photo3

[4] For this shape add the following layer styles.

Computer-website-template-header-stock-photo4

Computer-website-template-header-stock-photo5

Computer-website-template-header-stock-photo6

[5] Now take the “Brush Tool” select soft brush see in the next.

Computer-website-template-header-stock-photo7

[6] Open a new layer then play with your brush tool.

Computer-website-template-header-stock-photo8

[7] Now download these brush a Google for some of your favorite brushes. Or you can go to Deviantart.com to search.

Computer-website-template-header-stock-photo9

[8] Open a new layer then play with your brush tool.

Computer-website-template-header-stock-photo10

[9] Download these brush also with same site then open a new layer now using your brush tool.

Computer-website-template-header-stock-photo11

Computer-website-template-header-stock-photo12

[10] Now create some text with text tool.

Computer-website-template-header-stock-photo13

[11] Use Custom Shape Tool and Draw.

Computer-website-template-header-stock-photo14

Computer-website-template-header-stock-photo15

[12] Hope you will make modifications and make a more better.

Computer-website-template-header-stock-photo16

http://www.adobenerds.com/view.php?tut=13

http://www.adobenerds.com/view.php?tut=3