Web Content $0.006/word Register Domain
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

Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #11 (permalink)  
Old 03-13-2009, 09:44 AM
Senior Member
 
Join Date: Jan 2007
Posts: 97
Rady is on a distinguished road
Nice.

More color maybe, but is nice.

Website Design
Web design resources
Rank your designs
Blog item
Reply With Quote
  #12 (permalink)  
Old 03-14-2009, 05:47 AM
Junior Member
 
Join Date: Mar 2009
Posts: 29
aleg_awd is on a distinguished road
noce share!!!
Reply With Quote
  #13 (permalink)  
Old 03-23-2009, 10:43 PM
tris's Avatar
Member
 
Join Date: Mar 2007
Posts: 26
tris is on a distinguished road
Nice, thanks for sharin'

http://www.triszene.de/sig/signatur.png
Reply With Quote
  #14 (permalink)  
Old 03-24-2009, 02:03 PM
Junior Member
 
Join Date: Mar 2009
Posts: 2
Starana is on a distinguished road
thanks.it's great!
Reply With Quote
  #15 (permalink)  
Old 03-24-2009, 02:09 PM
Junior Member
 
Join Date: Mar 2009
Posts: 1
reah is on a distinguished road
Excellent Tutorial!! Many thanks for sharing!

Flash Content Creators
DMX Video Branding
Arlotta Video Web Services
Reply With Quote
  #16 (permalink)  
Old 04-20-2009, 04:17 PM
VIP Member
 
Join Date: Apr 2009
Posts: 33
Motif is on a distinguished road
Thanks you....
Reply With Quote
  #17 (permalink)  
Old 04-20-2009, 04:58 PM
Junior Member
 
Join Date: Apr 2009
Posts: 18
epulido is on a distinguished road
Excellent tut - Silly Question - Where did you find the movie reel graphics for the top?
Reply With Quote
  #18 (permalink)  
Old 04-30-2009, 01:45 PM
Junior Member
 
Join Date: Apr 2009
Posts: 27
rave1111 is on a distinguished road
now that's cool tricks to learn here!
great one, thanks!
Reply With Quote
  #19 (permalink)  
Old 05-01-2009, 07:06 AM
Junior Member
 
Join Date: Mar 2009
Posts: 26
chicoass is on a distinguished road
good tutorial

Quote:
Originally Posted by victor View Post
Hello My friends. Today i will show you how to create a movie layout. I will start this tutorial by creating a new document with the following size: 760x770 pixels, and of course with a white background

I will download a great set of brushes from
Line and circle decoration brushes*|*brush-mania.com

I will select BRUSH TOOL



Then i will load the brushes, and i will select the following brush



I will create a new layer ( press CTRL+SHIFT+ALT+N ) and place the brush like in the following image. I will use the following color #f3f3f3



I will place on this layout a stock image



I will download another set of brushes from Free Photoshop Brushes » Grunge border brushes

After i will load this set of grunge brushes, i will choose the following brush



then i will place the brush under my image



With ERASER TOOL:



I will delete the vertical grunge line until i will have this result



I will duplicate this layer ( with grunge line )
To duplicate a layer, you have to select the layer first in your layer palette, then press on CTRL+J

With MOVE TOOL i will place the second copy layer like in the following image



With ROUNDED RECTANGLE TOOL



and with the following color #e3f7fe , i will create a simple shape like in the following image



After that i will change my foreground color to #91bcdc, and with the same tool : ROUNDED RECTANGLE TOOL i will create another shape



With RECTANGLE TOOL i will create a rectangle ( i have used the following color #90a6bd )



With PEN TOOL i will make a small triangle with a black color



Then i will duplicate these two layers ( the blue rectangle and the black triangle ) and i will place them like in the following image



With ELLIPSE TOOL i will create a circle with the following color #004995



On you layer palette right click on this layer and choose Rasterize Shape

Then with RECTANGULAR MARQUEE TOOL



i will make a selection



And i will go to LAYER >> NEW >> LAYER VIA CUT



Then i will go to Edit > Transform > Rotate 180



For this small layer i will add the following layer styles

DROP SHADOW



and after i will rotate the shape a little, i will have the following result



With HORIZONTAL TYPE TOOL i will add some text



And i will place the text like in the following image



Then i will use some dvd covers to fill the empty spaces on this website
I hope you like my end result, and i am waiting tomorrow for another tutorial



You can download the PSD file to understand better how this layout is created
good tutorial - nice work!!!
Reply With Quote
  #20 (permalink)  
Old 05-20-2009, 07:57 PM
Junior Member
 
Join Date: Jan 2009
Posts: 25
turnover is on a distinguished road
Very nice, and very useful
Very nice, and very useful
Very nice, and very useful

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 04:32 PM.



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