Web page design education

 
In this tutorial we are going to build a site template in adobe Photoshop. I really like this corporative style for the sites so our site will consist of fewer details that it could have been.

Start by creating such dimensions document.

Web page design education

Make a selection for our working are and copy it to a separate layer.

Web page design education

I will apply the layers style - so the area could be better sent and maybe we'll just leave this shadow effect in the future, we'll see.

Web page design education

Now you area is still selected? If not select the area and apply a gradient to it.

Here a re my gradient settings with the result itself.

Web page design education



Web page design education

Oh, and I will also flip my image vertically because I would like this blue to be on the top part of the image.

Web page design education

Now let's see what we have in brush menu. I will pick this very brush, create a new document and tap just once (full flow/opacity)

Now this brush can easily be made, and maybe I have it in my big brush set:
http://www.eyesontutorials.com/Jeka/MyAntiscaleBrushSet.abr
  


Web page design education

I'm immediately applying an inner shadow to create some kind of effect.

Now comes text. I'm planning to use this brush tap as a logo of a company. Now let's give a name tour company.

Web page design education

The Filtering compartment - this is the name of a company. I really don't spend much time to give all this names, because it can be any name there if you like.

Web page design education

A few effects to my text, to the top one, the Compartment is too thin and little to have some effects.

Web page design education



Web page design education

Now we will grab this kind of brush - N 116 in my application, make a big diameter in the settings menu and just tap once to make the header of the site more detailed.

Just tap once. (On a new layer)

Web page design education

Make a mask to this layer and slide wit h gradient from bottom upwards.

Web page design education



Web page design education

   


Pages: « Back  1 2  Next » 

Popular Tutorials

making the ATI LOGO photoshop tutorialWindows XP wallpaperThe Making of an IconMaking of DolphinsAutumn Wallpaper ??? Photo EffectsSony Ericsson LogoSunny Day Effectswallpaper with logo in Adobe Photoshop CSDesigning a Diving Wallpaper

Latest Tutorials

Chaos ToolsChaos ToolsCreate very shiny summer wallpaperHow to  create wallpaper based on making of the logomake a wallpapermake a wallpaperDigital art wallpapersSpace designnine and venue





Partner Links

advertise here ...
CSS Gallery