Free Photoshop cs3 suite tutorials

Beginners Photoshop cs3 tutorials

Make a Photoshop Website Background Image

December 30th, 2007 · No Comments

Here I will teach you about Photoshop-Website-Background-Image

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

Pun316-Photoshop-Website-Background-Image1

[2]-Now Create the following selection with the help of Rectangular Marquee Tool

Pun316-Photoshop-Website-Background-Image2

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

Pun316-Photoshop-Website-Background-Image3
Pun316-Photoshop-Website-Background-Image4

[4]-Now fill the Gradient with Bottom to Top Direction

Pun316-Photoshop-Website-Background-Image5

[5]-Now go to Filter>Distort>Ocean Ripples & use the following settings

Pun316-Photoshop-Website-Background-Image6

[6]-Now your image should look as shown below

Pun316-Photoshop-Website-Background-Image7

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

Pun316-Photoshop-Website-Background-Image8

[8]-Now Open New Layer & then fill the selection with any color & after that go to Blending Option with click on ‘f’ which
is indicating by Hand sign

Pun316-Photoshop-Website-Background-Image9

[9]-Now select Gradient Overlay & use the following settings

Pun316-Photoshop-Website-Background-Image10
Pun316-Photoshop-Website-Background-Image11

[10]-Now your image should look as shown below

Pun316-Photoshop-Website-Background-Image12

[11]-Now select Brush Tool & use the following Brush & Settings

Pun316-Photoshop-Website-Background-Image13

[12]-Now Open New Layer & then create the following Grass with the help of Brush Tool [39b44a color in Forground
& 8dc63f color should be in Background]

Pun316-Photoshop-Website-Background-Image14

[13]-Now Open New Layer & then create the following selection with the help of Polygonal Lasso Tool

Pun316-Photoshop-Website-Background-Image15

[14]-Now fill the selection with any color & Blende Mode should be Overlay of this Layer

Pun316-Photoshop-Website-Background-Image16

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

Pun316-Photoshop-Website-Background-Image17

[16]-Now press Ctrl+J & after that Open New Layer & create the following selection with the help of Elliptical Marquee Tool

Pun316-Photoshop-Website-Background-Image18

[17]-Now fill the selection with any color & then go to Filter>Blur>Motion Blur & use the following settings

Pun316-Photoshop-Website-Background-Image19

[18]-Now your image should look as shown below

Pun316-Photoshop-Website-Background-Image20

[19]-Now Open New Layer & then create the following selection with the help of Polygonal Lasso Tool

Pun316-Photoshop-Website-Background-Image21

[20]-Now fill the selection with#9d0a0e color & then select Burn Tool & use the following settings

Pun316-Photoshop-Website-Background-Image22

[21]-Now create the following shade with the help of Burn Tool

Pun316-Photoshop-Website-Background-Image23

[22]-Now Open New Layer & then fill the selection with # FFFFFA color & then go to Filter>Render>Lighting Effect
& use the following settings

Pun316-Photoshop-Website-Background-Image24

[23]-Now your image should be look like Below this

Pun316-Photoshop-Website-Background-Image25

[24]-Now Blende Mode of this Layer should be Overlay & Opacity 56%

Pun316-Photoshop-Website-Background-Image26

[25]-Now go to Blending Options & select Inner Shadow & use the folowing settings

Pun316-Photoshop-Website-Background-Image27

[26]-Thanks for read this Photoshop Tutorial.I hope U have enjoyed & the final Output of this Tutorial is shown below

Pun316-Photoshop-Website-Background-Image28

62 photoshop graphic tutorial
61 photoshop website tutorial

Tags: website graphics photoshop tutorial

0 responses so far ↓

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

Leave a Comment