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 09-22-2007, 09:25 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
131 Music Layout - Old look

Hello

Today i am going to make Tutorial Number 131 from 500 Tutorial Marathon
I will show you how to create a Music Layout



Please start with a new document.
Size: 760x770 pixels
background color: black

Select background layer and press CTRL+J ( duplicate layer )
Then for this new layer add the following layer style





Select Rounded rectangle tool ( set the radius to 20 pixels and create a shape like in the following image )
please not that i have zoomed out the document.



After that please go to Edit > transform path> perspective, and change the shape like me



For this shape please add the following layer styles





this is my result



Now duplicate this shape, and with move tool place the shape on the left side. i will use another color. I am going to create with different colors like a rainbow.
What you need to do is to duplicate the shape with red stroke, and place it on the left side. then you need to change the color in the stroke settings



Duplicate this shape a few times. Here you can see my result



Select all this layers with different stroke colors,



then press CTRL+E ( this will merge all the layers into a single layer )



Now duplicate this layer(CTRL+J ) with rainbow colors and go to Edit > transform > Flip Horizontal

then with move tool place the second layer like me



Now create a new shape with Rounded rectangle tool ( set the radius to 6 pixels )



After that open the following image in photoshop



after you open this leather texture please go to Edit > define pattern
Choose a name for your pattern and click ok.
You can also close the leather texture document

Now let's come back to the layout.
For this black shape add the following layer styles









this is my result



With the same tool ( rounded rectangle tool ) create a new white shape



then download the following PNG file,



Open this image in photoshop, then drag it to your layout and place it like me



Then add another images from your stock collection



After that i will use a brush from this package Talk-Mania big-Pack



i will try to create a bookmark.

Change the color to Green # 00781f. You can use Paint bucket tool



Then with Burn , and Dodge toll try to add some lights and shadows



then for this bookmark layer you can add the following layer styles



for the pattern overlay you can use the same leather texture



this is my result



now please add alone some text, and some images.



My last step is to add another details with some brushes from Talk-Mania Big-pack

here is my final design. I hope you like it


Attached Files
File Type: zip layout131.zip (3.24 MB, 1595 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 09-22-2007, 09:43 PM
RGStrat's Avatar
Junior Member
 
Join Date: Apr 2007
Posts: 22
RGStrat is on a distinguished road
Thumbs up

Bravo Admin! Beautifull!
__________________
-RGStrat
NEW WAVE APPAREL
Reply With Quote
  #3 (permalink)  
Old 09-22-2007, 10:35 PM
Marius-IT's Avatar
Junior Member
 
Join Date: Sep 2007
Posts: 10
Marius-IT is on a distinguished road
Simple and beautiful, i love your talent admin !
Reply With Quote
  #4 (permalink)  
Old 09-22-2007, 11:29 PM
Suicide Sam's Avatar
Junior Member
 
Join Date: Aug 2007
Posts: 26
Blog Entries: 7
Suicide Sam is on a distinguished road
dont really like the navigation but the rest rocks !
nice tech. admin and i love that book result !
Reply With Quote
  #5 (permalink)  
Old 09-24-2007, 03:06 PM
Turbocharged_06's Avatar
VIP Member
 
Join Date: Mar 2007
Posts: 151
Turbocharged_06 is on a distinguished road
i really think you exceeded standards on this one, gotta love it admin
good job!
__________________
OUTLAW-WEB.NET
Reply With Quote
  #6 (permalink)  
Old 09-25-2007, 03:07 AM
Junior Member
 
Join Date: Mar 2007
Posts: 26
djbenz is on a distinguished road
nice layout, i am feeling it
Reply With Quote
  #7 (permalink)  
Old 09-26-2007, 08:41 AM
Member
 
Join Date: Sep 2007
Posts: 50
small-designer is on a distinguished road
you are Great man ver good
Reply With Quote
  #8 (permalink)  
Old 10-01-2007, 04:46 PM
Junior Member
 
Join Date: Sep 2007
Posts: 2
nastro78s is on a distinguished road
give me good inspiration
Reply With Quote
  #9 (permalink)  
Old 10-01-2007, 09:15 PM
Junior Member
 
Join Date: Oct 2007
Location: Florida
Posts: 4
|DB| is on a distinguished road
Very nice, I love the creativity.
-
Reply With Quote
  #10 (permalink)  
Old 10-08-2007, 12:08 AM
mazafaka's Avatar
Member
 
Join Date: Jan 2007
Location: KOSOVO
Posts: 32
mazafaka is on a distinguished road
Send a message via AIM to mazafaka Send a message via MSN to mazafaka Send a message via Yahoo to mazafaka
you have good ideas

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 08:20 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