First i want to thank you for visiting this tutorial. In this tutorial i will create a business layout. If you come regularly to my blog you will see how easy is to create great looking designs or websites.
In this blog you will find mainly layout tutorials.
Are you curious why ?
I am working with photoshop from a long time, and since then i have earned a lot of money creating websites for my clients. I want to teach you how to create websites because you will earn more money creating websites then creating a simple photoshop effect
If you want to start earning money on internet, then it is time to create websites for your future clients
I will give you an example. How much do you think you can charge for a logo, or for a simple photo effect ? Maybe 50 - 100 $ ?
In my entire life i have created a few thousand logos, and a few hundreds big websites, and my earnings are bigger for my layouts, that’s why i think you should start creating websites
I will try to be as simple as possible, and i am sure you can create great looking layouts with my methods
So let’s start creating or first layout. In this tutorial i will create a business layout
You can download the layout from the following link : ...
Login/Register to download/read further.
Please create a new document
Please use the following settings:
Set the foreground color to : #2b2724
Select The Paint Bucket Tool, and press on time on your canvas.
Select The background layer
Press on CTRL+J ( this shortcut will duplicate the selected layer )
Select ” layer 1 ” and go to Filter > Noise > Add Noise
Then use the following settings:
Select Rounded Rectangle Tool, and on the top of your screen, set the following settings
On your layout create two shapes for our navigation. I will change my foreground color to #e84502 , then i will use Rounded Rectangle Tool
Duplicate these 2 orange shapes. To duplicate the layer, first you need to select it, then press on CTRL+J
After you will duplicate the orange shapes, change the colors to white. To change the color you need to double click on the layer thumbnail, then you can chose the white color
this is what i have so far
Now i will select the Move Tool ( V ) , and i will move the white shapes to the top of the layout
I will place some stock images on my layout
With Type tool, i will add some text
With the same tool, add another text on the navigation bar
Select Line tool, and be sure you set the line Weight to 1 px
Create a vertical line between the navigation buttons
Now it is very important to rasterize the layer. to do this you need to right click the layer in your layer palette
Select Eraser tool, and change your brush to 60 Soft Mechanical 60 pixels
And try to delete the top and the bottom part of the line
Duplicate this layer ( to duplicate you need to have the layer selected, then press on CTRL+J )
Select Move tool, and place the duplicated line on the right side between the other text buttons
On the top of our layout, i will create a simple text logo. in my future tutorials i will show you how to create great looking logos
Create a new layer right above the layer 1
Select Brush tool ( change the brush to Soft Mechanical 60 pixels ), and with white color make a simple dot, under the text logo
To create a nice effect, please reduce the opacity for this layer to 25 %
This is my result
I hope you like my end result. This Layered PSD file is available only for VIP members
...
July 31st, 2008 at 6:37 am
simple and nice
July 31st, 2008 at 9:33 pm
very cool! hahauha
August 1st, 2008 at 6:01 am
ausome
August 1st, 2008 at 7:14 am
thanks mate, really clean tutorial lov’n the simple colours
August 2nd, 2008 at 3:11 am
that’s very nice site i have to learn more with this site.
such a great tutorials and fundamentals.
August 2nd, 2008 at 8:31 am
Good job and fast
August 2nd, 2008 at 9:48 am
great Design, I like it…
August 2nd, 2008 at 2:07 pm
cool tut, thanks for sharing m8!
August 2nd, 2008 at 4:46 pm
Yeah, that is a really neat layout. Thanks!
August 3rd, 2008 at 3:57 am
So that is how they do it…
August 4th, 2008 at 10:39 pm
simple and nice, my style
thanks for the tutorial
August 8th, 2008 at 9:39 am
nice and clean layout…..
August 8th, 2008 at 12:19 pm
simply put this is the best practical advice/tutorial ever, im all over this!
August 13th, 2008 at 6:44 am
Hey,
This is reallyt amazing tutorial….simply awesome.great work..
August 19th, 2008 at 9:55 am
very nice
August 28th, 2008 at 12:38 am
I am amazed at how fast you put this together. Very nice layout, simple yet effective! Good job!
September 2nd, 2008 at 3:03 am
That is a really cool web layout i might have to use this for one of my sites.
September 9th, 2008 at 10:35 pm
Great tutorial, i’m doing many business sites so its good to get some ideas.
http://www.creative-web-designer.com/
September 10th, 2008 at 5:21 am
Dear Sir,
Very good tutorial and good explanation.
very useful for beginner designers.
September 23rd, 2008 at 11:06 pm
nice tutorial! thanks for sharing!
September 25th, 2008 at 8:52 am
Wow, I’m just learning Photoshop to aid my designs and it’s quite an overwhelming program. But you’ve made this design look so simple to do, it’s driving me on to learning the in’s and out’s of Photoshop.
Really enjoying your site and tutorials, keep them coming.
September 28th, 2008 at 8:07 am
really good layout, simple and cool
October 6th, 2008 at 8:37 am
Great tutorial, nice design
October 25th, 2008 at 7:41 am
A simply wonderful tutorial! Thank you for sharing. Hoping to learn more from this site.
October 27th, 2008 at 5:25 pm
I esteemed yours blog,
thanks the author a lot of useful to myself have found..
November 29th, 2008 at 1:06 pm
thank you very much
December 4th, 2008 at 2:48 pm
Tracked back to from here:
http://www.presidiacreative.com/amazing-web-design-tutorials/
December 8th, 2008 at 4:29 pm
Very good tutorial and good explanation. Thanks.
January 6th, 2009 at 2:44 am
I like your work,to learn from you.