Web Hosting Deals Holiday Logo Design Webcam Chat Website Header Templates Register domain Search Engine Optimisation 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
  #1 (permalink)  
Old 03-31-2007, 11:08 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
111 Portfolio layout #5

Hello

Today i will create Tutorial number 111 from 500 Tutorials Marathon.
I will create another portfolio layout
Before you start this tutorial you should download the following set of styles ( Style #1 ) from www.free-photoshop.com
Please download also the Brush #1 pack



Open a new document
Size: 760 x 770 pixels
Background color : #222222

Select Rounded Rectangle tool. Set the radius size to 70 Pixels and create 2 shapes



Duplicate the big shape ( to duplicate a shape first you need to select the layer in your layer palette then you must press CTRL+J )
Place your layer like me



For this big shapes add the following layer styles









This is my result



Select Ellipse tool and create 4 circles



Then add the following layer styles







This is my result



With the same tool ( Ellipse tool ) create another circles and place them on top of the other circles like in the following image. I will create the following shapes with another color so you can see better what i am doing



For this blue shapes please add the following layer styles

















This set of styles you can download it from this www.free-photoshop.com

This is my result



Now please download also this set of brushes from Free-photoshop.com

Create a new layer ( press CTRL+SHIFT+ALT+N )
And chose the 4th brush from this set
Press One time on the layout with brush tool



Duplicate this layer with dots and place the duplicated layer like me
Quote:
I will release very soon a big pack with brushes, gradients, styles, custom shapes ( it will be the biggest pack available on internet )
This pack will save you thousand of hours and will have all the tools you need to achive great results with photoshop. You will see the power of this pack very soon.

Edit : The pack is available at this link


Select all the layers with this dots and drag them under the blue circle layers



Duplicate this layers with dots and place them under each blue circle



Now for the small shape from the top of our layout add the following layer styles







This is my result



Create another shape on top of this one



And add the following layer styles as above:

















This is my result



Now add alone some text



Select Ellipse tool and start creating some small circles



For this shapes add the following layer styles









This is my result



Select pen Tool
Use the following settings



And start to create a path



Select a 3 Pixel brush ( Hard mechanical 3 pixels )Create a new layer ( press CTRL+Shift+Alt+ N )
Be sure you have the Brush Tool selected
then go to Path Tab and press on " Stroke path with Brush " button



This is my result



Repeat this steps from above, and make as many lines you need



Now for all this lines add the following layer styles











This is my result



I hope you like it. If you want to download this PSD file please register, create 10 post ( threads ) and you can download the PSD file. do not spam or make 10 duplicate post. you will be banned very fast if you don't follow the rules.
Thank you

Attached Files
File Type: zip layout111.zip (495.5 KB, 836 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 03-31-2007, 11:41 PM
Turbocharged_06's Avatar
VIP Member
 
Join Date: Mar 2007
Posts: 151
Turbocharged_06 is on a distinguished road
nice tutorial admin
__________________
OUTLAW-WEB.NET
Reply With Quote
  #3 (permalink)  
Old 04-01-2007, 12:48 AM
Lukeintosh's Avatar
VIP Member
 
Join Date: Oct 2006
Location: I live in New Zealand
Posts: 249
Blog Entries: 13
Lukeintosh is on a distinguished road
Send a message via MSN to Lukeintosh Send a message via Yahoo to Lukeintosh
7/10

Nice. Good effort i like the wires. But im sure the nav bar is too big
Reply With Quote
  #4 (permalink)  
Old 04-01-2007, 01:27 AM
Junior Member
 
Join Date: Mar 2007
Posts: 22
CaptainMorgan is on a distinguished road
Nice techniques, thank you.
Reply With Quote
  #5 (permalink)  
Old 04-01-2007, 08:48 PM
Junior Member
 
Join Date: Mar 2007
Posts: 15
doctor_xy is on a distinguished road
nice work

nice and amazing work
__________________
Be Or Not To be
Reply With Quote
  #6 (permalink)  
Old 04-02-2007, 08:19 AM
Junior Member
 
Join Date: Apr 2007
Posts: 10
Daedality is on a distinguished road
Awesome! I can't wait to try this on my own!
Reply With Quote
  #7 (permalink)  
Old 04-02-2007, 08:19 PM
MemePop's Avatar
Junior Member
 
Join Date: Mar 2007
Posts: 7
MemePop is on a distinguished road
Nice

I will use this layout for my site map

Thankssss
Reply With Quote
  #8 (permalink)  
Old 04-04-2007, 08:19 PM
Junior Member
 
Join Date: Apr 2007
Posts: 11
nohart is on a distinguished road
i like these wires too
Reply With Quote
  #9 (permalink)  
Old 04-04-2007, 10:53 PM
Junior Member
 
Join Date: Apr 2007
Posts: 10
Sivik1 is on a distinguished road
this is a unique layout, i like it
Reply With Quote
  #10 (permalink)  
Old 04-05-2007, 12:07 AM
Junior Member
 
Join Date: Apr 2007
Posts: 10
.kaba is on a distinguished road
thnx for sharing, i will use this on my portfolio :P

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 01:57 AM.


Fake ID

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