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

Dedicated Servers Banner Design


Begin by creating a new file (File>New) with 410x198 px and 72 dpi.

Next choose the Rounded Rectangle Tool (U) (radius 10 px) to represent the background of the banner to be on the final stage.

image 1

Select the next demonstrated parameters by making a mouse click on the layer we work with on the layers' panel: Blending Options>Gradient Overlay

image 2

Gradient's parameters:

image 3

Blending Options>Stroke

image 4

image 5

Find out in Internet a picture containing a server, cut it out and insert it on the made banner.

image 6

Create a new layer and apply on it the standard Brush Tool (B) (Opacity 10 %) to draw the shadows under the server. The Eraser Tool (E) is helpful when erasing the unnecessary elements of the shadows. Place the shadows' layer under the layer containing the server's one (on the layer's panel).

image 7

image 8

Write now the banner's title:

image 9

DEDICATED

image 10

SERVERS

image 11

Next we shall insert the server options' list:

image 12

image 13

Choose the Pen Tool (P) to represent a pointer near the server's options, selecting the color #449ACB

image 14

Make two copies of the pointer's layer and select Free Transform option to place the copies as below:

image 15

On the banner's left top corner we shall insert a layer containing the price. In this case we have to select the Pen Tool (P) and the Convert Point Tool for the appropriate corrections.

image 16

The layer's parameters: Blending Options>Gradient Overlay

image 17

Gradient's parameters:

image 18

Blending Options>Stroke

image 19

image 20

Write now the text for the price list, keeping the next indicated demands and then select the Free Transform option to turn over the text's layer:

image 21

$10

image 22

.99

image 23

Select the next shown parameters for the layer containing the prices: Blending Options>Outer Glow

image 24

image 25

Using the Rounded Rectangle Tool (U) (radius of 5 px), it's possible to draw a button under the options' list:

image 26

The layer's parameters: Blending Options>Drop Shadow

image 27

Blending Options>Gradient Overlay

image 28

Gradient's parameters:

image 29

Blending Options>Stroke

image 30

Gradient's parameters:

image 31

image 32

Make a copy of the new button's layer and apply the Free Transform solution to place the copy the same way shown below, changing the parameters for the copy's layers: Blending Options>Gradient Overlay

image 33

Gradient's parameters:

image 34

Blending Options>Stroke

image 35

Gradient's parameters:

image 36

image 37

Insert on this stage the buttons' inscriptions, keeping the same demands shown below:

image 38

INFO

image 39

START

image 40

Choose out the indicated here parameters for the START word: Blending Options>Outer Glow

image 41

Dedicated Servers Banner Design Tutorial: Final Result

Finished!



Author's URL: Adobetutorialz.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 "Dedicated Servers Banner Design"

Only registered users can write comment

No comments yet...