Web Hosting Deals Holiday Logo Design Webcam Chat Website Header Templates Register domain Search Engine Optimisation Web Hosting
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
Buy Sell Downloads

Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 03-23-2007, 02:14 AM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
106 Golf Club Layout

Hello

Today i will create Tutorial number 106 from 500 Tutorials Marathon.
I will learn you how to create a Golf Club Layout



So let's start with a new document
Size 760 x 770 pixels
Background color : #1c6eb4

Select Rounded rectangle tool and start drawing a shape



With the same tool, create another shape ( i will use another color ) please use the same color



Now select both layers and press CTRL+E ( this will merge the layers into a single one )



Now apply the following layer styles











This is my result



Now with the same tool ( Rounded rectangle tool ) create some buttons



For this buttons please add the following layer styles











This layer styles you can download for free from this LINK
After you add this layer styles you can drag this buttons under the main shape

This is my result



Now you can add another rectangles, and also some text
Use one more time Rounded Rectangle Tool



Now for the left shape add the following styles





This is my result



For the middle shape add the following layer styles





this is my result



And finally add the following layer styles for right shape





This is my result



Now it is time to add some stock images.
I will add a image with grass right above the Background layer



Then i will add a Golf Ball



Duplicate this ball, and rotate it a little like in my image



Then set the foreground color and background color to a dark gray
Now select Filter > Sketch > Stamp

This is my result



Now i have seen that my ball has lights coming from another direction , and i have changed the shadow like in the following image



Now With the shadow layer selected change the blending mode to overlay, and in the same time you can reduce also the opacity value



Now Download the following cloud brushes from www.free-photoshop.com
Load the brushes , then create another layer ( press CTRL+SHIFT+ALT+N )

Place this layer right above the background layer, set the foreground color to white and make some brushes

This is my result



Now you can add alone text and images,
This is my final result



If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack
I hope you will find this useful

Attached Files
File Type: zip layout106.zip (1.73 MB, 413 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 03-23-2007, 04:27 AM
Junior Member
 
Join Date: Mar 2007
Posts: 8
kanodmnt is on a distinguished road
wow very good
Reply With Quote
  #3 (permalink)  
Old 03-23-2007, 07:36 PM
Junior Member
 
Join Date: Mar 2007
Posts: 10
mr.angelo is on a distinguished road
Simple layouts are the best. Well done
Reply With Quote
  #4 (permalink)  
Old 03-25-2007, 03:47 AM
Junior Member
 
Join Date: Mar 2007
Posts: 11
readytolearn is on a distinguished road
Talking

very nice, impressive
Reply With Quote
  #5 (permalink)  
Old 03-27-2007, 04:49 AM
Junior Member
 
Join Date: Mar 2007
Posts: 10
furtadom is on a distinguished road
Very good, I like it very much...!!!
Reply With Quote
  #6 (permalink)  
Old 04-07-2007, 07:21 PM
Junior Member
 
Join Date: Apr 2007
Posts: 10
sam algwafe is on a distinguished road
thank’s

Reply With Quote
  #7 (permalink)  
Old 04-08-2007, 01:30 AM
Junior Member
 
Join Date: Apr 2007
Posts: 10
angieluccio is on a distinguished road
I Really like it!
Thank you, you're teaching me a lot of things
Reply With Quote
  #8 (permalink)  
Old 04-08-2007, 07:08 PM
Junior Member
 
Join Date: Apr 2007
Posts: 20
Joeyy is on a distinguished road
different template.. nice..
Reply With Quote
  #9 (permalink)  
Old 04-09-2007, 09:09 AM
Junior Member
 
Join Date: Apr 2007
Posts: 10
dildil is on a distinguished road
Very nice job.
Clear and beautiful.
Simple but attractive.
Reply With Quote
  #10 (permalink)  
Old 04-09-2007, 03:14 PM
Junior Member
 
Join Date: Apr 2007
Posts: 3
jostariza is on a distinguished road
nice one i am a golf fan :=D

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 11:01 AM.


Fake ID

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