Holiday Logo Design Website Header Templates Register domain Web Hosting
Go Back   Talk Mania Forum > Tutorials > Photoshop Tutorials > Web Layouts

Web Layouts Create professional webpage layouts with this very detailed, step by step tutorials.

 Image
Buy Sell Downloads

Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #31 (permalink)  
Old 06-01-2007, 09:50 PM
Junior Member
 
Join Date: Jun 2007
Posts: 22
Edson Silva is on a distinguished road
Post legal

D+++++
Reply With Quote
  #32 (permalink)  
Old 06-01-2007, 09:54 PM
Junior Member
 
Join Date: Jun 2007
Posts: 22
Edson Silva is on a distinguished road
Thumbs up Very Good

LEGAL....


Quote:
Originally Posted by admin View Post
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
Reply With Quote
  #33 (permalink)  
Old 06-02-2007, 03:24 AM
Junior Member
 
Join Date: Jun 2007
Posts: 21
Ts5wolf is on a distinguished road
very very nice...
Reply With Quote
  #34 (permalink)  
Old 06-11-2007, 10:29 AM
Junior Member
 
Join Date: Jun 2007
Posts: 20
darkthug is on a distinguished road
great tutorial thnkx
Reply With Quote
  #35 (permalink)  
Old 06-11-2007, 07:58 PM
Junior Member
 
Join Date: Jun 2007
Posts: 20
Hoodle is on a distinguished road
Quote:
Originally Posted by hazarvolga View Post
its nicely done but not my cup of tea. Great layout,
My sentiments exactly - not sure why but reminded me of 'The Da Vinci Code'
Reply With Quote
  #36 (permalink)  
Old 06-12-2007, 01:47 PM
Junior Member
 
Join Date: Mar 2007
Posts: 25
brian.sykes is on a distinguished road
amazing tut thanks dude

Hi!
Reply With Quote
  #37 (permalink)  
Old 06-12-2007, 05:12 PM
Junior Member
 
Join Date: Jun 2007
Location: Uk
Posts: 26
Samza is on a distinguished road
Send a message via Skype™ to Samza
thank you soo much for this I must made it, I'm gonna use it as a layout.
thanks.
Reply With Quote
  #38 (permalink)  
Old 06-12-2007, 06:39 PM
Junior Member
 
Join Date: Jun 2007
Posts: 4
sjarmstrong is on a distinguished road
High Tech Layout

Like the explanation of using the pen tool. Thanks
Reply With Quote
  #39 (permalink)  
Old 06-12-2007, 07:28 PM
Junior Member
 
Join Date: Jan 2007
Posts: 27
pelly is on a distinguished road
i like this one
Thanks Alot
Reply With Quote
  #40 (permalink)  
Old 06-19-2007, 05:12 AM
Junior Member
 
Join Date: Jun 2007
Posts: 20
Cav'lier is on a distinguished road
good stuff, sorry to hear about the health thing though, hope you get better soon

Reply With Quote
Reply

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump


All times are GMT +2. The time now is 12:58 AM.



Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.0 RC8
Forums Copyright © Talk-Mania.com