Hello

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

Today i will continue my marathon. I will try to make a clean layout:



Open a new document in photoshop. Select Rounded Rectangle Tool , set the radius to 10 pixels and create 3 shapes like in the following image.
please not that i will use a grey color for this shapes, so you can see what i am trying to do. Please use a white color.



Then apply the following layer styles on all this shapes ( do not forget to change the color of your shapes to white )





This is the result



Now duplicate all the layers. Select Move Tool and change the size of your shapes ( in the next image you will see some blue shapes. - One more time i have used another color because it is easier for you to see )



Then apply the following layer style for all blue shapes





This is my result



Select the layer from header and press on the layer thumbnail while you keep pressed the CTRL key



After you press on the layer thumbnails you will see a selection :



Go to Select > Modify > Contract ( chose contract to 5 pixels ) and press OK



Create a new layer ( press CTRL+SHIFT+ALT+N ) Then fill your selection with this color #586f99



Select Rounded Rectangle Tool and create another 3 rectangles



And add the same layer style as above





This is the result



Then add some text



Select Line Tool and make some lines under your text and also another text



Now open a new document 5 x 5 pixels with a white background
Select pencil Tool ( 1 pixel brush ),
Create a new Layer ( CTRL+SHIFT+ALT+N)
Zoom your document to 1600 % and start creating a arrow



Then drag this layer on your layout, and place it like me



I will add a few stock images, a logo and some text buttons



Then Choose your type Tool and write some minus signs " ------ " between your text buttons



Make a new document in photoshop ( 9x9 pixels ) with a black background
Create a new layer ( press CTRL+SHIFT+ALT+N )
Zoom your document to 1600 %
Select your Pencil Tool ( brush size 1 pixel ) and create the following drawing with white color



Then drag this layer on the layout , near your text buttons



Now we will create another 3 rectangles , and you can add the same layer styles:





This is my result



You can add alone some text and you are ready.


If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack
I hope you like it. Tomorrow we will make another one, if you don't like this one

Attached Files

layout56.zip (313.1 KB, 732 views)

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )

√√√√ out of √√√√√ great effort again by you admin !!!!!

great dude your the best

thx for the tutorial

nice 3D look on the logo

Another nice Tutorial from Admin Thanks ! I liked the outcome
Keep up the good work!

Thanks for this really good tutorials. It gave me some new ideas.

never seen such great designs on the internet.
I am completely new to photoshop designing.
I would like to create hover effects on the buttons (Home, About us etc.)
i just need a suggestion on how to go abt this
Thanks

Hello Admin,

I just Adore your Work.
I get surprised day by day, since I started watching your Work, your Upgrade is Phenomenal....outstanding... maybe I've no words to describe it....
Congrats a Lot....and keep it up...for our sake...

Amit

Im learning SO MUCH FROM THIS SITE, BLESS THE ADMIN!

Here is my try I did this in 15 mins I was on the go!