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-21-2007, 01:06 AM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
105 Very Clean Business Layout

Hello

Today i will create Tutorial number 105 from 500 Tutorials Marathon.
I will show you how to create a clean business layout
This is my final result



So let's start with a new document
Size 760 X 770 pixels
Background color : #e6e4d8

Select Rounded Rectangle Tool ( set the radius size to 10 pixels )
then create a simple shape on your canvas



Then add the following layer style



Now Select Pen Tool and create the following path:



Then apply the following layer styles







This is my result



Duplicate this layer ( CTRL+J ) then resize this shape like in the following image



For this last shape add the following layer styles

















This layer styles you can download them for free on www.free-photoshop.com

This is my result



Now duplicate this 2 layers a few times, resize the layers, and place them like me.
We will create a nice navigation menu



Now you can add some text under the buttons, and in the same time you can add also a text logo ( for this text logo i have used a font with a white color, and i have change the blending mode to Overlay )



Now Create a new layer ( press CTRL+SHIFT+ALT+N ). Be sure this layer is placed under the Big Logo shape
Find some Clouds brushes on internet. Soon you can download also from www.free-photoshop.com

And with Brush Tool, create some clouds drawing. This is my result



Select line Tool, And Start creating some lines ( set the weight to 1 pixels )



You can notice that my lines are fading out at the end. If you want to create something like this first you need to rasterize each line layer, then use the Eraser Tool ( set the Opacity of the brush to 50 % and then start deleting at the end of the lines )


The next step is to Download the following brushes LINK
Load the brushes and on a new layer please add more details on your layout.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 like this tutorial. Thank you

Attached Files
File Type: zip layout105.zip (1.06 MB, 654 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-21-2007, 01:08 AM
Base's Avatar
Senior Member
 
Join Date: Mar 2007
Location: North Yorkshire, UK
Posts: 121
Base is on a distinguished road
Send a message via MSN to Base Send a message via Skype™ to Base
Another SEXY layout from our admin.

Keep it up man, you just get better and better!

Base
__________________
http://www.pointserv.co.uk/gfx/deal_..._pointserv.png
PointServ.co.uk - One of the UK's cheapest webhosting companies.
Reply With Quote
  #3 (permalink)  
Old 03-21-2007, 03:34 AM
Junior Member
 
Join Date: Mar 2007
Posts: 17
ender is on a distinguished road
very clear and really cool!
Reply With Quote
  #4 (permalink)  
Old 03-21-2007, 06:38 AM
Junior Member
 
Join Date: Mar 2007
Posts: 11
Santa is on a distinguished road
yeah the superman sign ...lol
Reply With Quote
  #5 (permalink)  
Old 03-21-2007, 08:10 AM
Lukeintosh's Avatar
VIP Member
 
Join Date: Oct 2006
Location: I live in New Zealand
Posts: 249
Blog Entries: 13
Lukeintosh is on a distinguished road
Send a message via MSN to Lukeintosh Send a message via Yahoo to Lukeintosh
=-|

Not Bad but not great it is a little to bacis. I have been waiting awhile for the next tutorial
Reply With Quote
  #6 (permalink)  
Old 03-21-2007, 08:20 AM
Junior Member
 
Join Date: Mar 2007
Posts: 22
CaptainMorgan is on a distinguished road
Thumbs down

I rarely find something I don't like from this forum. 99.99% of everything here is amazing... but this design doesn't sit well with me. I like the superman shape, but the layout as a whole is.. eh. Surely something to learn from it nevertheless.

Cheers,
-Capt
Reply With Quote
  #7 (permalink)  
Old 03-21-2007, 08:31 AM
Junior Member
 
Join Date: Feb 2007
Posts: 19
msi_1985 is on a distinguished road
Well.... Nice to see it ...


Irsath
Reply With Quote
  #8 (permalink)  
Old 03-21-2007, 02:08 PM
Junior Member
 
Join Date: Mar 2007
Posts: 19
jillie is on a distinguished road
Thank you, i like how you made the std stupid photoshop shapes into a cool looking ruby
Reply With Quote
  #9 (permalink)  
Old 03-24-2007, 01:48 AM
Junior Member
 
Join Date: Mar 2007
Posts: 11
Kamikazze is on a distinguished road
Gosh , this is awesome !
__________________
Quote:
A funky Pinky Llama ! Hax !
Reply With Quote
  #10 (permalink)  
Old 03-24-2007, 08:06 AM
Junior Member
 
Join Date: Feb 2007
Posts: 12
fadell is on a distinguished road
thanks .. but it's not my style

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 08:33 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