Holiday Logo Design Website Header Templates Register domain 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-29-2007, 06:51 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,385
Blog Entries: 2
admin has disabled reputation
110 BIZ layout !!!

Hello

Today i will create Tutorial number 110 from 500 Tutorials Marathon.
I will create another business layout



Some of layer styles are included in Talk-Mania Big-Pack
Open a new document in photoshop
Size : 760 x 770 pixels
Background color : White

Select Rounded Rectangle Tool, ( set the radius to 10 pixels ) and start creating a 2 shapes



Select the small shape layer and go to Edit > Transform > Skew
Use the following settings



this is my result



Select the big shape and follow the steps from above

this is my result



Duplicate the gray shape 2 times and place it like me. ( to duplicate a layer first you need to select that layer , and press CTRL+J )
I will use different colors so you can see better what i am doing



Then duplicate one more time one big shape, go to Edit > Transform > Flip Vertical , and with your move tool, ( orr arrow keys - from your keyboard ) place the shape like me



Press on CTRL+T ( transform Tool ) and modify the shape



Select the small shape layer ( the black shape 0 and duplicate this layer )
With move tool place the shape like me



Duplicate this last layer one more time, go to Edit > Transform > Flip Vertical and with Move tool place the shape like me



Duplicate one more time this 2 shapes and place them at the bottom of your layout



Select The gray shape , and add the following layer styles







This is my result



Now select add the same layer styles for the black shapes. Here is the style settings









This is my result



Please apply the same layer styles for the following shapes ( marked with numbers )
In the next image you can see the shapes you need to add the layer styles, and in the same time you can see also the result



And here you have the styles









Now let's add also a layer style for the big shape ( the body of your layout )







This is my result



Now with Type tool add alone some text on your layout, and also some images.

Now we will add some details. for this you need to download the following set of brushes from free-photoshop.com
Please download Brush #1 set. Load the brushes into photoshop.

Create a new layer and add some details with brush tool



This is my final result
This layout will be available only for VIP members.


3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 03-29-2007, 07:13 PM
Junior Member
 
Join Date: Mar 2007
Posts: 19
jillie is on a distinguished road
sorry admin, i don't really like this, looks too "cartoony" for a professional bussiness layout. also next time choose some better fonts imo, these are looking really stretched

PLEASE VISIT MY SITE! JT DESIGN
Reply With Quote
  #3 (permalink)  
Old 03-29-2007, 09:27 PM
Junior Member
 
Join Date: Mar 2007
Posts: 10
guitarmaster101 is on a distinguished road
Very nice.
Reply With Quote
  #4 (permalink)  
Old 03-30-2007, 05:46 AM
oterror's Avatar
Senior Member
 
Join Date: Dec 2006
Posts: 108
oterror is on a distinguished road
this wont work in the professional world.

allow images here
Reply With Quote
  #5 (permalink)  
Old 03-30-2007, 06:55 AM
Junior Member
 
Join Date: Mar 2007
Posts: 22
CaptainMorgan is on a distinguished road
This would work, if the shape wasn't a slanted rectangle theme..
Reply With Quote
  #6 (permalink)  
Old 03-30-2007, 12:35 PM
Junior Member
 
Join Date: Feb 2007
Posts: 10
bongoflava is on a distinguished road
these is good i like the zig zag...you havent made something which i dont like untill now what i have seen. damn you are good.
Reply With Quote
  #7 (permalink)  
Old 03-30-2007, 11:54 PM
Junior Member
 
Join Date: Mar 2007
Posts: 15
ArmageddoN is on a distinguished road
very very good...
Reply With Quote
  #8 (permalink)  
Old 03-31-2007, 06:49 AM
Junior Member
 
Join Date: Mar 2007
Posts: 10
.Aftermath is on a distinguished road
yes dude ur really great one of the best ive ever seen on web layouts
Reply With Quote
  #9 (permalink)  
Old 03-31-2007, 06:54 AM
Junior Member
 
Join Date: Mar 2007
Posts: 20
muenchner1989 is on a distinguished road
Layout

Hello Admin!!!

This layout
I dont like this!
Reply With Quote
  #10 (permalink)  
Old 04-04-2007, 09:17 AM
Junior Member
 
Join Date: Apr 2007
Posts: 10
arctic is on a distinguished road
the layout is pretty cool=) just dont like the fonts

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



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