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 11-24-2008, 10:43 AM
Junior Member
 
Join Date: Oct 2008
Posts: 24
victor is on a distinguished road
175 Hosting web template

Hello

Today i will write tutorial number 174 from our Marathon

This tutorial will be made for a hosting company
I will start as usual with a new document with the following size 760x770

I have choose a nice stock image with some domino pieces



With ROUNDED RECTANGLE TOOL



I will create a simple shape with the following layer styles
INNER GLOW



STROKE



This is my result



With the same tool ROUNDED RECTANGLE TOOL, i have created another shape, and i have used the same layer styles as above



I will create some buttons with Rounded Rectangle tool



i will add the following layer styles









This is my result



Then i will create another buttons. the easy way is to duplicate each button, and place it with the MOVE

For all buttons i will use the following layer styles







After i have applied the layer styles from above , this is my result



i will create another small button With the same layer styles as my first button. This is the button



I will select Ellipse tool,



then i will create a small circle



You can see that i have used a layer style for this small circle



I will create some text (HOSTING TO THE LIMIT ) with HORIZONTAL TYPE TOOL



I will use the following layer styles
DROP SHADOW



INNER SHADOW



COLOR OVERLAY



This is my result



Please duplicate this layer.
To duplicate the layer please select the layer first in your layer palette, then press on CTRL+J
Duplicate this layer 2 times, and move the text like in the following image



After that select the duplicate layers, and i will press on ctrl+e or you can go to
LAYER >> MERGE LAYERS



I will change the opacity to 20% and with ERASER TOOL



cu BRUSH TOOL and with the following brush



I will delete the bottom part of the text



this is my result



On the top part of the payout i will create 3 text links: Home | Client Logon | Site Map

I will use a brush



These small brushes you can find them in Talk-Mania Big Pack. there are over 4000 brushes in this package.



Under these small pixel icons i will place some text " Home | Client Logon | Site " with Type Tool

The same i will use HORIZONTAL TYPE TOOL to add some text on my layout, and in the same time i will place also some images
This is my final result



Thank you very much for reading this tutorial

Attached Files
File Type: zip layout174.zip (514.8 KB, 77 views)
Reply With Quote
  #2 (permalink)  
Old 11-24-2008, 08:25 PM
Junior Member
 
Join Date: Apr 2008
Location: England
Posts: 1
ronnieajw is on a distinguished road
Another great design thanks.
Reply With Quote
  #3 (permalink)  
Old 11-24-2008, 08:41 PM
Junior Member
 
Join Date: Nov 2008
Posts: 19
ColorFul is on a distinguished road
Thanks,
great tutorial
Reply With Quote
  #4 (permalink)  
Old 11-25-2008, 09:21 AM
Junior Member
 
Join Date: Jan 2007
Posts: 27
pelly is on a distinguished road
i like it
thanks
Reply With Quote
  #5 (permalink)  
Old 11-25-2008, 12:18 PM
Junior Member
 
Join Date: Nov 2008
Posts: 26
agaanis is on a distinguished road
wow, very, very nice! Great
Reply With Quote
  #6 (permalink)  
Old 11-26-2008, 12:12 AM
Junior Member
 
Join Date: Jul 2008
Posts: 26
LoAdInG is on a distinguished road
Thanks,
great tutorial
Reply With Quote
  #7 (permalink)  
Old 11-26-2008, 07:29 AM
Junior Member
 
Join Date: Mar 2007
Posts: 25
imp3rial1 is on a distinguished road
Thanks! I love this!
Reply With Quote
  #8 (permalink)  
Old 11-27-2008, 05:56 AM
Junior Member
 
Join Date: Jun 2008
Posts: 26
|Jack is on a distinguished road
omg this is teh best ever! thanks
Reply With Quote
  #9 (permalink)  
Old 11-27-2008, 11:43 AM
Junior Member
 
Join Date: Nov 2008
Posts: 28
expert_winxp is on a distinguished road
it's really cool
Reply With Quote
  #10 (permalink)  
Old 11-27-2008, 04:26 PM
Junior Member
 
Join Date: Nov 2008
Posts: 2
oneandtwo is on a distinguished road
Nice

In this information world one have not enough time to post massages, so please thank again of all the rules that govern the "talk-mania"

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:30 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