Adobe free photoshop cs tutorials website

Website for Adobe Photoshop cs3 tutorials for free

Create a Website search box graphics

December 17th, 2007 · No Comments

Here we will tell you how to make a Website search box graphics in photoshop.

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

Website-search-box-graphics1

[2] Now set the Foreground as shown image below.

Website-search-box-graphics2

[3] Fill the Background with the help of Alt+Backspace.

Website-search-box-graphics3

[4] Now take the Rounded Rectangle Tool.

Website-search-box-graphics4

[5] Create a new shape and fill with Light Black color.

Website-search-box-graphics5

[6] Then go to Blending Option use the following settings.

Website-search-box-graphics6

Website-search-box-graphics7

Website-search-box-graphics8

Website-search-box-graphics9

[7] Your image should be look like this.

Website-search-box-graphics10

[8] Now take the Shape Tool and select this one.

Website-search-box-graphics11

[9] Create a new shape and fill with any color.

Website-search-box-graphics12

[10] Then go to Blending Option use the following settings.

Website-search-box-graphics13

Website-search-box-graphics14

Website-search-box-graphics15

[11] Your image should be look like this.

Website-search-box-graphics16

[12] Now take the Pen Tool create a new shape.

Website-search-box-graphics17

[13] Create a new layer and make the selection, fill the selection with White color.

Website-search-box-graphics18

[14] Change the Blending Mode and set the Opacity.

Website-search-box-graphics19

[15] Your image should be look like this.

Website-search-box-graphics20

[16] Now create a new shape with the help of Rounded Rectangle Tool, fill the new shape with White color.

Website-search-box-graphics21

[17] Create some text your final image is ready.

Website-search-box-graphics22

Create a Website search box graphics

How to design a website layout in Photoshop

Free Photoshop Website Templates, Free Photoshop Web Layouts

Tags: Photoshop - Learn to draw effects

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment