web-design-layout-9_.pdf

 Home

 Contact Us

 PSD Files

 Article Submission

 Suggestions

 Advertise

 Email

 Twitter

 RSS

 Dont forget to subscribe via:

Search...

 Photoshop Tutorials

 Coding Tutorials

 jQuery Tutorials

 Wordpress Tutorials

 PSD Sitebuilds

 Screencasts

 Articles

 Freebies

Ads by Google PSD to CSS Converter

Layout Tutorials

CSS Template Web

Web Design Buttons

Free Flash Graphics

Posted On March 24th, 2009 By Richard Carpenter | Posted in Photoshop Tutorials

10 Votes, Rating: 4.5

Loading ...

Web Design Layout #9

Good afternoon, welcome to another tutorial by the hv-designs team in this tutorial il show you how to create a web design layout, currently the 9th

one in our tutorial database.

Before we start grab this “ wood ” texture, just save it your hard drive somewhere as we’ll be using it later in the tutorial. Right lets get started, create

a new document 850×1060 pixels, fill your background layer with the color #e9e9e9. Open up your wood image then drag it over onto your canvas.

Press “CTRL + T” to free-transform the image. Just resize the image a little bit so the wood texture is nearly the same width as your canvas, if you

hold down the “shift” key on the keyboard whilst dragging the anchor points the aspect ratio will stay the same. Move the wood texture to the top of

your canvas.

Add this color overlay to your wood texture.

Add your website title and slogan on the left hand side of the wood texture.

Select the pen tool or the polygonal marquee tool and create a selection like the image below, make the selection wider at the top than at the bottom,

sort of like a funnel shape. The wide part at the top should be as wide if not a little wider than your website title.

Fill the selection with the color white, deselect the selection with “CTRL + D” then goto “filter > blur > guassian blur” blur by about 13 pixels then

set layer blending mode to overlay. You should end up with this.

Select the elliptical marquee tool and create a selection like the image below.

Fill the selection with the color white, deselect the selection then guassian blur by 5 pixels. Set layer blending mode to overlay and opacity to 75%.

You should have something like this.

Select the rectangular marquee tool and the color #828282, create a rectangle underneath wood texture.

On-top of the grey rectangle add another rectangle only this time move it down about 4 or 5 pixels.

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: