Grafpedia

Premium graphics for smart webmasters

Home News Tutorials VIP Downloads

RSS Feed

About Us Advertise
Search

Grafpedia Tutorials Create an awesome software layout

Advertise Here

Create an awesome software layout

in Tutorials, Web layouts by admin on April 21st, 20097 Comments

11
tweets

retweet

Sowtware layout Welcome to another tutorial here on grafpedia.com. Today I will show you how to create your own software PSD layout. If you have a digital product it I will show you how to create a simple website to sell your product faster. It is very important to allow users to see better your product. The software you want to sell must be visible. In the same time you have to allow your users to test your product and to be able to purchase it in a few steps. Preview layout For start we will open a new document with the following size: 960 x 900 pixels Select Gradient Tool, and add a vertical gradient on the background layer.

If you dont like this gradient we have over 27.000 gradients for you in this set.

Huge collection of Photoshop Gradients I will select Rounded Rectangle Tool, and I will set my corner radius size to 6 pixels

On my layout I will create 2 shapes

For each shape I will add the following layer styles

One more time I will create a new shape with the same tool: Rounded Rectangle Tool

For this shape I will use the same layer styles as above

This is my result

On the top of the layout I will create a single button

Then I will go to Edit > Transform > Warp

I will place the button under the big shape

For some buttons I will add the following layer styles

This is my result

I will select Ellipse Tool and I will create some small circles.

Then I will download the following image with a spiral bound http://www.sxc.hu/photo/490223 I will open the image and I will extract only the following part of the image

To take only the metal bound you have to make a selection around it with Magnetic Lasso Tool and then press on CTRL+J. It will create a new layer only with the metal bound. I will duplicate this several times, and I will place it as many times as I want

Now it is time to add some text and images. On the top of the layout I will add a 3d software box from my last brush package: Splats Brushes Please remember that we release each day a new premium download. If you dont want to miss something please come back each day to download the Give away of the day

I will create a new layer above all layers ( press CTRL+SHIFT+ALT+N ) ,then I will select Pencil Tool. I will create a small arrow. I will set my pencil brush to 1 pixel

Then I will select Horizontal Type Tool, and will write some minus signs

I will duplicate the small pixel arrow a few times, and I will duplicate also the dotted layer. I will place the layers like in the following image

Now I will fill also the bottom part of the layout with another text and an image

Now I will show you how I will create a nice mirror for my text. I will select the layer with the click here to buy text.

I will duplicate the layer (be sure you have the original layer selected, and then press on CTRL+J). With Move Tool place the copy of the layer under the original one

Go to Edit > Transform > Flip vertical

Duplicate this layer one more time. The reason I will create a copy is because I want to erase the bottom part with Eraser Tool, and since the layer has some layer styles applied to it, it will look very bad, and we will not have the desired effect. So please duplicate the layer one more time ( press on CTRL+J). You can see also that my text has some layer styles applied to it. This aspect is very important

With the duplicated layers selected, press on CTRL+E ( merge ). You will see that in your layer palette you will have only a single layer

I will select Eraser Tool, and with a smooth big round brush I will delete the bottom part of my text

You can see a nice and smooth fading mirror effect. I will make the same effect also for the other text on the left side. I will create a new layer above the background layer, and with a smooth round brush I will make a simple white point

Then I will change the blending mode for this layer to Soft light

I will select Pent Tool, and I will create a diagonal shape in the following spot

I will add the same layer style as my orange buttons, but I will remove the drop shadow settings

Then I will add some text over this layer

This is my final result.

I hope you like my tutorial, and you will find it useful.Register and download this PSD layout Login/Register to Download

Digg Del.icio.us StumbleUpon Technorati Reddit

Advertise Here

Responses to Create an awesome software layout

1. John 21.04.2009 um 2:27 pm I have paid right now for a subscription and i am really happy with the biggest pack of 27.000 photoshop gradients. i really dont know how much time took you to create all this treasures, but i am really happy to be a part of your membership. Please surprise me with another cool downloads. This are the best mony i have spent so far from a long time

2. moih60 22.04.2009 um 11:37 am amazing one added to my blog

3. lawrence77 24.04.2009 um 1:59 pm Nice post!

And how to convert this to html?

4. photo retouching 2.05.2009 um 4:12 am A beautiful result!

5. Hiren Modi 4.05.2009 um 4:23 am very good what wonderful layout you have created.

6. Shibi Kannan 9.05.2009 um 8:16 am Fantastic design, very nice explanation. How do you get the tool tip to show images of Photoshop tools. Very nice.

Trackbacks
1. psaddict.com

Leave a reply
Name (required) Mail (will not be displayed) (required) Website

submit comment

Learn More | Sign up

Advertise Here

Login
Username Password
Login
b c d e f g

Remember me

Register Recover password

Grafplus lates downloads

Vector missile launcher Vector bug - Vector grasshopper vector bombs - vector torpede Vector bilboard Old style retro car in vector file format Vector army tank ACrobatic vector plane Vector military tank Vector acrobatic plane Vector speed boat

Subscribe to Grafpedia
Subscribe to our RSS feed and you can download unique premium downloads

Enter your email address:

Subscribe

Categories

Actions Brushes Contests Designing Drawing Gradients Icons Illustrator Layer Styles News Patterns Photo Effects Stock Images Swatches Textures Tutorials Vectors VIP Downloads Web layouts

Advertise here
Advertise Here

Recent Comments

steve on Draw Fairy Tale Characters in Photoshop oppeneer on Create an awesome black portfolio layout Wholesale Printing on Create an awesome portfolio layout Wholesale Printing on Draw Fairy Tale Characters in Photoshop Jza on Design a two color website layout in Photoshop

Pages

About Advertise Contact us Vip Membership

Most downloaded resources

27.000 Photoshop Gradients

Last Posts

48 Decorative Vector Flowers 10 Hi-Res Blank 3D software boxes Draw Fairy Tale Characters in Photoshop Hi-Res Square pattern brushes Design a two color website layout in Photoshop

2008 | Grafpedia is proudly powered by Wordpress