Photoshop - Design Hosting Layout

[admin]

Hello

This is the Tutorial number 33 from the 100 Marathon Tutorial
As i have told you i will try to add a tutorial each day.

Create a new document with a white background.the size should
be 760 x 770 px.
Create a new Layer ( press SHIFT+CTR+ALT+N )

Select Rounded Rectangle Tool and create some rectangles like in the following image:
After you select the rectangle Tool change the Radius to 3 pixels.



Now we will add a Layer style for all this rectangles. We will use the same layer style for each rectangle. Use this settings:









This is the result:



Now we will add some details
We will create some details for the rectangle from above where we will add the hosting packages

With hold down the CTRL key and press on the Layer Thumbnail:



You will notice that you will have a selection around the Rectangle:



Now Create a new layer ( Press CTRL+SHIFT+ALT+N )

Select the Eliptical Marquee Tool.
Now press on Intersect with Selection:



And draw a circle like on the following image:



When you release the mouse click you will have the following:



Now select Paint Bucket Tool and fill the selection with white.

And add this layer style:



For the stroke settings i will use the size 5 ( i will tell you why later )





Location settings for the gradient is : 0 -- 27 -- 48 -- 51 -- 69 -- 85 -- 99
the colors you can take alone with the Eyedropper Tool ( I )

You should have something like this:



You can notice that i have the selection there. We will use right now.
Go to Select > Modify > Contract ,and use the " Contract by 5 ( the same size as i mentionated a few steps ago )
If you want to be a pro you have to usee this small details because the result will be allways better then your competitor.

Now Create a new layer ( press CTRL+SHIFT+ALT+N ) and Fill this new layer with white. Be sure not to deselect because you will fill inside your selection.

After you have filled with white you can use this layer style:











And this is my result:



You can duplicate this layers and place it like me:



If you want to change the color like me, you have to use another color for : COLOR OVERLAY and STROKE

Now i will add some buttons. I will use the Elipse Tool and i will create some small circles.
In the same time i will add also some text for buttons.



Now i will add some computers.



After that i will add more text. and near this computer case i will add one more rectangle

And i will add the layer style i have added at the begining of the tutorial. Basicaly i will repeat the steps one more time. I will make this alone , because i hope you have learned this steps.
This is my final image:


transferred

[rollyjam]

thanks you so much for the wonderful tutorials, i learn much things about the some photoshop tricks






_________________
affordable SEO companies | thatcom