Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Software Layout

Software Layout


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:

image 1

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

image 2

and select " Arch " and hit " enter" on your keyboard

This is my result:

image 3

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

image 4

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

image 5

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

image 6

image 7

image 8

image 9

This is my result

image 10

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

image 11

For this black rectangle add the following layer styles

image 12

image 13

image 14

This is my result

image 15

Now duplicate the red shapes.

image 16

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

image 17

Go to Edit > Transform > Flip Vertical

With Move toll place the shape like mine:

image 18

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

image 19

Grab Gradient Tool - Please use the following settings

image 20

Then draw a vertical line like mine

image 21
Click to enlarge

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

image 22

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

image 23

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

image 12

image 13

image 14

Now let's add some details. If you are going to sell a software, you need a software box.

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

image 27

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

image 28
Click to enlarge

Select Rounded Rectangle tool, ( set the radius to 5 pixels ) and create 2 shapes

image 29

For this 2 shapes please add the following layer style

image 30

image 31

This is my result

image 32

On Left side you can add a navigation menu.

image 33

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

image 34

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

image 35

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

image 36

image 37

image 38

image 39

This is my result

image 40

Now create a rectangle with Rectangle tool

image 41

Grab Ellipse tool and create 2 circles

image 42

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

image 43

Grab the brush toll and create a random drawing

image 44

Then add a price you want for your software

image 45

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

image 46

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

image 47

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

image 48

This is my final layout.

Software Layout
Click to enlarge

Thank you.



Author's URL: amitk
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Software Layout"

Captcha