Documente Academic
Documente Profesional
Documente Cultură
RSS Feed
About Us Advertise
Search
Advertise Here
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
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
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
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
I hope you like my tutorial, and you will find it useful.Register and download this PSD layout Login/Register to Download
Advertise Here
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
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
Advertise Here
Login
Username Password
Login
b c d e f g
Remember me
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
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
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