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 08-22-2007, 10:30 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
127 Software layout

Hello

Today i am going to make Tutorial Number 127 from 500 Tutorial Marathon
I will show you how to create a layout for your software.

This is my final result:



I am going to create this layout because i want to promote the following brush pack:


Quote:
All the layers styles i will be using in this tutorial are included in the biggest Photoshop pack you have ever seen on internet



Download Talk-Mania Big-Pack
So let's start creating a new document.
size 760 x 770 pixels
Background color: white

Select Rounded rectangle tool ( set radius to 15 pixels ) and create a shape like mine:



Now go to Edit > Transform > Warp ( only available in CS2 )



and select " Arch " and hit " enter" on your keyboard
this is my result:



Now rotate this shape , until you get the same result as mine.



Duplicate this shape ( CTRL+J ), then go to Edit > Transform path> Flip Horizontal
Then with move tool, or with your arrow key place the shape on the other part of the layout



Now for this red shapes please add the following layer styles:









This is my result



Grab Rectangle tool and create a rectangle on the bottom of your layout



For this black rectangle add the following layer styles







This is my result



Now duplicate the red shapes.



Then with both duplicated shapes selected press on CTRL+E ( this action will merge the layers into a single one )



Go to Edit > Transform > Flip Vertical
With Move toll place the shape like mine:



With this layer selected press on " add layer mask " button



Grab Gradient Tool - Please use the following settings



Then draw a vertical line like mine



Then you can delete some parts of the mirror with eraser tool.



Now duplicate one more time the 2 red shapes, and place them like me



You can place the shapes with Move tool. Then you can add the following layer styles:







Now let's add some details. If you are going to sell a software, you need a software box. On Talk-mania there are already 2 tutorials for this kind of 3D boxes:

Tutorial 1
Tutorial 2

Here you can see how i have placed the software box.



Now place some text on your layout, and another small details



Select Rounded Rectangle tool, ( set the radius to 5 pixels ) anc reate 2 shapes



For this 2 shapes please add the following layer style





This is my result



On Left side you can add a navigation menu.



Then you need to load a set of cloud brushes from www.free-photoshop.com

Here is the link : Link
Download the set : Brush #5 -Clouds

Then on a new layer create some clouds behind the software box



Then on the right side you need to create a price tag. Grab Pen tool and create something like me.



For this tag you need to add the following layer styles:









This is my result



Now create a rectangle with Rectangle tool



Grab Ellipse tool and create 2 circles



You can see that i have placed 2 circles one above the other one.

The next step is to create also a small circle on the red shape



Grab the brush toll and create a random drawing



Then add a price you want for your software



I will create a buy it now button. i am using Rounded rectangle tool



Please go one more time on free-photoshop.com and download the Brush #13 - Tech Brushes

Load the brushes in your photoshop , then on a new layer ( press CTRL+SHIFT+ALT+N ) create some drawings on the left side of your layout



The last thing is to add a Text Logo. Do you know this website: talk-mania.com ?



This is my final layout.



I hope you like it. This psd layout is available only fr VIP members
Thank you

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 08-22-2007, 11:13 PM
taleslay's Avatar
Junior Member
 
Join Date: Aug 2007
Posts: 4
taleslay is on a distinguished road
nice

Good design.

Why clouds ?
Reply With Quote
  #3 (permalink)  
Old 08-23-2007, 12:23 PM
Mozii's Avatar
Member
 
Join Date: Jun 2007
Location: Albanian
Posts: 36
Mozii is on a distinguished road
cool cool desing
__________________
http://i16.tinypic.com/507apeu.jpg

Albanian Portal Desing
Reply With Quote
  #4 (permalink)  
Old 08-23-2007, 05:54 PM
Junior Member
 
Join Date: Aug 2007
Posts: 3
Since is on a distinguished road
Thanks

Thanks alot! This is realy good design
Reply With Quote
  #5 (permalink)  
Old 08-26-2007, 09:09 AM
Junior Member
 
Join Date: Aug 2007
Posts: 3
ishaqjude is on a distinguished road
Smile

Thank you so much.

Ishaq.
Reply With Quote
  #6 (permalink)  
Old 08-26-2007, 01:52 PM
Junior Member
 
Join Date: Mar 2007
Posts: 3
Maxell is on a distinguished road
Wish i had that Package ^^ Nice Tut
Reply With Quote
  #7 (permalink)  
Old 08-26-2007, 05:44 PM
Junior Member
 
Join Date: Feb 2007
Posts: 3
accord2004 is on a distinguished road
nice job and well-done
Reply With Quote
  #8 (permalink)  
Old 08-26-2007, 06:10 PM
Junior Member
 
Join Date: Aug 2007
Posts: 7
MichaelSammels is on a distinguished road
Woah - this is wicked.
Reply With Quote
  #9 (permalink)  
Old 08-26-2007, 07:06 PM
2jz_gte's Avatar
Junior Member
 
Join Date: Jun 2007
Location: Warsaw, Poland
Posts: 23
2jz_gte is on a distinguished road
awesome. really good job!
Reply With Quote
  #10 (permalink)  
Old 08-27-2007, 06:22 AM
wfdgraeme's Avatar
Member
 
Join Date: Apr 2007
Location: east coast of Australia
Posts: 79
wfdgraeme is on a distinguished road
as always soooo cool and what a software pack...

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