Hello

Today i am going to create Tutorial 119 from 500 Tutorials marathon
One more time i am sorry because i haven't posted a tutorial each day. this is because i have some health problems.

Today i will show you how to create a high tech layout.



please open a new document in photoshop
Size : 760 x 770 pixels
background color: #eae8d1

Select Pen Tool and be sure you have the following settings:



The create a simple path like in the next image ( hold down the Shift Key )



Then change the foreground color to a brown color : #4b493c
And with Pen tool create another path like in the following image ( be sure you place this path under the white shape )



Now we will create a new patter. Please create another document
size should be 7x7 pixels.
Zoom this document to 1600 %



Select Pencil Tool, ( brush size 1 pixel ) and make the following drawing



Then go to Edit > define pattern
Select a name for your pattern and click Ok

Now we will come back on our layout. select the brown shape layer , and add the following layer styles





This is the result



Now we will create another pattern. ( all this patterns you can download from VIP area )

For this second pattern you need to create a another document
Size 20x20 pixels
Zoom the document to 1600 % and with pencil tool create the following drawing



Then select the white shape and add the following layer styles





This is my result



Now Select pen tool one more time , and create another paths



Then with the same tool create also a vertical shape like in the following image



Now we will create some buttons. for this we need to download the following set of brushes from www.free-photoshop.com
Here is the link: LINK
Please note that you need to register in order to see this set of tech brushes

Then load this brushes in photoshop,
Create a new layer ( press CTRL+SHIFT+ALT+N )
On this layer add as many details with this set of brushes
This is my result



Then in the same pack of brushes you can find also some vector circles. please add a few circles on top of your layout. we will use this vector circles like buttons



Then add some text on your layout



Next step is to add a background . open the following image



and drag this layer right above the background layer.



Then change the blending mode to Luminosity.
this is my result



Next you can find on internet a grunge brush, and with a yellow color and opacity = 40 % try to add some minor details over the buttons



This is my final result.



I hope you like it. Thank you

Attached Files

layout119.zip (2.16 MB, 708 views)

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

sorry to hear about your health, but you have made my day. A really good tut as always this one takes a bit of time, but worth it, and hey who need the .psd, it takes the fun and originality out of it...

really good tut. thank u.

__________________

cool tut man!

its nicely done but not my cup of tea.

its nicely done but not my cup of tea. Great layout,

Thanks again for your tutorial!

hi, nice tutorial,
i lioe dirty and techny styles.
and colours are ok tioo

better it is impossible

thank, soo Cooooooool man.