Free online photoshop training

Photoshop tutorials for webdesigners

Design a Health website banner background

January 16th, 2008 · No Comments

Here we will tell you how to make a Health-website-banner-background in photoshop.

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

Health-website-banner-background1

[2] Take the Shape Tool and select this one.

Health-website-banner-background2

[3] Create a shape and fill with Black color.

Health-website-banner-background3

[4] Now go to Blending Option use the following settings.

Health-website-banner-background4

Health-website-banner-background5

Health-website-banner-background6

Health-website-banner-background7

[5] Your image look like this.

Health-website-banner-background8

[6] Take the Shape Tool again this select this one.

Health-website-banner-background9

[7] Create a shape and make the selection see in the next image.

Health-website-banner-background10

[8] Take the Elliptical Marquee Tool, use these settings.

Health-website-banner-background12

[9] Now create a shape over the previous shape see in the next image.

Health-website-banner-background13

[10] Your image should be look like this.

Health-website-banner-background14

[11] Take the Elliptical Marquee Tool, use these settings.

Health-website-banner-background15

[12] Create a shape over the previous shape as shown image below.

Health-website-banner-background16

[13] Your image should be look like this.

Health-website-banner-background17

[14] Create a new layer and fill the selection with Black color.

Health-website-banner-background18

[15] Go to Blending Option and select the Gradient Overlay use these settings.

Health-website-banner-background19

Health-website-banner-background20

[16] Your image should be look like this.

Health-website-banner-background21

[17] Now take the Elliptical Marquee Tool and create a small circle as shown image below.

Health-website-banner-background22

[18] Go to Blending Option and select the Gradient Overlay use these settings.

Health-website-banner-background23

Health-website-banner-background24

[19] Your image should be look like this.

Health-website-banner-background25

[20] Now finally take Text Tool create some text your final image is ready.

Health-website-banner-background26

62      photoshop graphic tutorial
61      photoshop website tutorial

Tags: Web graphics

0 responses so far ↓

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

Leave a Comment