Web Content $0.006/word Register Domain
Go Back   Talk Mania Forum > Tutorials > Photoshop Tutorials > Web Layouts

Web Layouts Create professional webpage layouts with this very detailed, step by step tutorials.

 Image

Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 01-06-2009, 02:03 PM
Junior Member
 
Join Date: Oct 2008
Posts: 24
victor is on a distinguished road
181 Sport PSD Layout

Hello guys. I will create sport layout for some extreme sports. i will start this
layout with a blank document with the following sizes: 760x770 pixels
I will place a image from my personal stock photo collection



Then i will download the following set of brushes
Stars flower brushes*|*brush-mania.com
and i will load this set of brushes in photoshop

I will create a new layer ( to create a new layer you can press in the same time on (CTRL+SHIFT+ALT+N )

With BRUSH TOOL



and with the following brush



i will add some details with this great brush



I will grab ERASER TOOL and with a soft round brush selected



I will delete the edges of the sun rays



After that i will use another brush from the same package



and on a new layer i will add another details



With RECTANGLE TOOL i will create a navigation bar



I will create the following layer style with the following proprieties

DROP SHADOW



INNER SHADOW



INNER GLOW



GRADIENT OVERLAY



And this is my final navigation bar



With LINE TOOL i will create a 1 pixel vertical line
I will place this line right above the navigation bar



Now you have to right click on the line layer in your layer palette, then choose Rasterize

With ERASER TOOL selected, and with a smooth round brush, please delete the top part and the bottom part of the line



I will duplicate this layer several times, and i will place it like in the following
image
NOTE : To duplicate a layer you have to select the layer first in your layer palette, then you can press on CTRL+J



With RECTANGLE TOOL i will create another shape with the following color #f1f1f1



I will rasterize this shape too by right clicking on the layer, and choose rasterize shape

With ERASER TOOL i will delete one more time some parts of the shape. I will use one more time a smooth round brush



and this is my result



I will download one more time a set of great brushes from Blue abstract brushes*|*brush-mania.com and from this set i will choose the following brush
Note : set your foreground color to #cdcccc



This is my brush ( on a new layer of course )



I will create another rectangle with RECTANGLE TOOL



Rasterize this shape, then with a smooth round brush and with eraser tool selected, you can delete some parts of the rectangle



I will create some dotted lines with HORIZONTAL TYPE TOOL



I will write some dots (.........)



As you see i have a few lines on my layout. There are done the same with HORIZONTAL TYPE TOOL



After that i will create a new layer ( press CTRL+SHIFT+ALT+N ) and with the BRUSH TOOL, and the following brush selected



I will add some details to my layout. You can use different layers for each detail you add on this layout



With RECTANGLE TOOL and the following color #dcdcdc i will create a rectangle and i will place this rectangle like in the following image



With BRUSH TOOL and the following brush selected



i will add a splat on this rectangle ( do not forget to create another layer )



I will download a great set of people custom shapes from: People shapes - Silhouette shapes*|*shape-mania.com
I will load this set of custom shapes in photoshop, and i will select the following custom shape



With a black color #000000 i will place the shape like in the following image



I will select a different shape



and i will place it on the left side



Then with Type tool i will add alone some text. Please use different fonts, and at the end you will have something like mine



Please register and download this psd layout to understand better how this layout is done

Attached Files
File Type: zip layout181.zip (1.06 MB, 47 views)
Reply With Quote
  #2 (permalink)  
Old 01-07-2009, 01:15 PM
Junior Member
 
Join Date: Sep 2007
Posts: 23
Security-rahef is on a distinguished road
thanks admin
Reply With Quote
  #3 (permalink)  
Old 01-08-2009, 01:53 PM
Junior Member
 
Join Date: Oct 2008
Posts: 21
Jose_CBR_VLC is on a distinguished road
cool work

thk
Reply With Quote
  #4 (permalink)  
Old 01-08-2009, 03:43 PM
Junior Member
 
Join Date: Jan 2009
Posts: 10
erick_designer is on a distinguished road
nice vibrations! and great inspiratios! thanks admin!
Reply With Quote
  #5 (permalink)  
Old 01-17-2009, 10:37 PM
Junior Member
 
Join Date: Jan 2009
Posts: 26
xway is on a distinguished road
very good
Reply With Quote
  #6 (permalink)  
Old 01-21-2009, 01:34 PM
Junior Member
 
Join Date: Jan 2009
Posts: 27
boooooo is on a distinguished road
very good very good
Reply With Quote
  #7 (permalink)  
Old 01-21-2009, 06:12 PM
Junior Member
 
Join Date: Oct 2007
Posts: 4
msvdm is on a distinguished road
grate tutorial admin,thank you!
Reply With Quote
  #8 (permalink)  
Old 01-29-2009, 10:10 PM
Member
 
Join Date: Jan 2009
Posts: 30
troy is on a distinguished road
Very good, thank you!
Reply With Quote
  #9 (permalink)  
Old 02-01-2009, 10:05 PM
Junior Member
 
Join Date: Mar 2007
Posts: 14
chrishamilton is on a distinguished road
thanks excellent layout
Reply With Quote
  #10 (permalink)  
Old 02-02-2009, 01:21 PM
Junior Member
 
Join Date: Dec 2008
Posts: 15
BlackDragon88 is on a distinguished road
Great layout

Reply With Quote
Reply

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump


All times are GMT +2. The time now is 07:50 PM.



Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.0 RC8
Forums Copyright © Talk-Mania.com