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

Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 07-21-2008, 10:45 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,330
Blog Entries: 2
admin has disabled reputation
165 Old paper layout - Great portfolio layout

Hello my friends.

Another day means another tutorial here on Talk-Mania.com

Today i will create Tutorial number 165 from our 500 Tutorials Marathon
In this tutorial i will show you how easy is to create a great layout with a simple old paper texture image

this is my final layout



To create this layout you need a papyrus image, or an old paper image ( Thank you Tutmaster for giving me this image to work with )
When you have such an image, place that image on the middle of your layout



For this layer please add a simple shadow. to add a shadow please be sure you have the layout selected, then go to Layer > Layer styles > Drop Shadow



and add the following settings



This is my result : nothing to fancy, but remember, each simple detail will result in a great looking layout



With Polygonal Lasso Tool, create a selection like in the following image.



With this selection we will create some buttons. Be sure you have the first layer selected



then press on CTRL+J

you will see another layer above the first one. I will rename this layer button



Select this layer button , and go to Edit > Transform > Rotate 180
With move tool place the small button on the top of the layout



Then drag this layer right above the background layer



Repeat the steps from above until you place as many buttons as you need

this is my result



Add some text



I want to change the colors for this buttons. the easy way is to use the HUE / Saturation option
To bring up the Hue saturation window , be sure you have the first button selected, then press on CTRL+U
Use the following settings if you want to use the same colors



this is my new button



Now change alone the colors for each button. this are my buttons



Now it is time to add some text and images on your layout. this is a very simple task and i don't think you will have problems



The layout is already looking quite good , but i think it will be nicer if we will add a good background. Please go to
rovere wood texture

download this image and place it right above the background layer



I don't like the actual image because it doesn't have the contrast i want. but i will desaturate this background image and i will have a nicer look. to

desaturate a layer, please go to Image > Adjustments > Desaturate



This is my final result



I recommend you to download this layout if you want to understand better how it's made

Attached Files
File Type: zip layout165.zip (3.84 MB, 62 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 07-21-2008, 11:21 PM
Junior Member
 
Join Date: Jul 2008
Posts: 6
Ocean is on a distinguished road
Beautiful design, I love your ideas, thank you
Reply With Quote
  #3 (permalink)  
Old 07-22-2008, 08:35 AM
Member
 
Join Date: Jul 2008
Posts: 35
ramy-ahmed is on a distinguished road
Thank you
That is very Beautiful
Reply With Quote
  #4 (permalink)  
Old 07-23-2008, 11:37 AM
Junior Member
 
Join Date: Aug 2007
Posts: 4
jrbzh is on a distinguished road
thank you for the tutorial
Reply With Quote
  #5 (permalink)  
Old 07-23-2008, 04:26 PM
Junior Member
 
Join Date: Aug 2007
Posts: 26
Axel Wolf is on a distinguished road
Vow... this one looks simply fantastic...
Reply With Quote
  #6 (permalink)  
Old 07-24-2008, 08:09 PM
Junior Member
 
Join Date: Jul 2008
Posts: 1
MsTwist is on a distinguished road
Very nice...jolly good fun!
Reply With Quote
  #7 (permalink)  
Old 07-27-2008, 10:03 AM
Stammi94's Avatar
Junior Member
 
Join Date: Dec 2007
Location: localhost xD
Posts: 25
Stammi94 is on a distinguished road
Send a message via ICQ to Stammi94 Send a message via MSN to Stammi94
Woooooooooooooooooooooooooow
Reply With Quote
  #8 (permalink)  
Old 07-29-2008, 12:39 PM
Junior Member
 
Join Date: Jul 2008
Posts: 26
jinst4 is on a distinguished road
very very nice.
Reply With Quote
  #9 (permalink)  
Old 07-29-2008, 01:46 PM
Junior Member
 
Join Date: Jul 2008
Posts: 11
THE BLUE DRAGON is on a distinguished road
good job admin
i think i have filter to make the paper
but i dont remember the name of filter
but thanks
Reply With Quote
  #10 (permalink)  
Old 07-31-2008, 07:08 PM
Junior Member
 
Join Date: Jul 2008
Posts: 26
USTjjs16 is on a distinguished road
Smile

absolutely awesome template, thanks!

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:54 PM.


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