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
  #1 (permalink)  
Old 05-01-2007, 06:02 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,385
Blog Entries: 2
admin has disabled reputation
117 Stylish Layout

Hello friends
I am back. Sorry for this delay.I was sick last week and i haven't created any tutorials
This is what i am going to create today ( tutorial 117 )




let's start with a new document
Size 760x770 Pixels
Background color : 012c3e

Now go to Filter > Render > Lightning Effects
and use the following settings



Then Select Rounded rectangle Tool and create a simple shape ( the next image is resized )



For this shape add the following layer styles











This is the result



Now please go to www.free-photoshop.com and download the Custom Shape #1 - Banners set.
Load the custom shapes in photoshop and add a shape like in the following image



Then add the following layer styles for this custom shape













This is my result



Select Rectangle Tool and create a shape



Go to Edit > Transform > Warp ( if you don't have warp tool you can use Pen tool to create something similar )



This is my result



Then add the following layer styles













This is my result after i have applied the layer styles. You can notice that i have placed this layer under the custom shape layer



Then add some text



Be sure you have the type tool selected. now press On "Create Warped Text" button



And use the following settings



This is my result



Create a new shape with the Rectangle Tool ( i have used the following collor : #012c3e )



Now it is time to load another set of brushes in Photoshop
For this you need to download the Brush #6 -Flowers set from www.free-photoshop.com

Then create a new layer on top of all layers ( press CTRL+SHIFT+ALT+N )
And with brush tool press one time on the logo



Then add the following layer style





This is the result



Duplicate this layer ( press CTRL+J )

Then select Both Layers and press CTRL+E ( this will merge both layers )



Load the selection now ( Go to Select > Load selection )



Now select Brush tool and with different colors try to add as many details on this selection

This is my result



Now please add some text on your layout



Then select Line Tool. ( set the weigh to 3 pixels ) and make a horizontal line on the bottom of your layout
Then with the same tool set the line weight to 1 pixels and add the second line above the first one



Now load Brush #1 set from www.free-photoshop.com and add on your layout some details
This is my final result



I hope you like it. The PSD file is available only for VIP members
If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack


3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 05-01-2007, 06:16 PM
Member
 
Join Date: Apr 2007
Posts: 35
acex is on a distinguished road
Not my style but well done on an other great tut.
Reply With Quote
  #3 (permalink)  
Old 05-01-2007, 06:57 PM
Junior Member
 
Join Date: Feb 2007
Posts: 13
cruthik is on a distinguished road
good work. not my favourite but thx!
Reply With Quote
  #4 (permalink)  
Old 05-02-2007, 04:07 PM
Junior Member
 
Join Date: Feb 2007
Posts: 21
tophi is on a distinguished road
Different...

Different design. Not sure it's design is suitable for users. Interesting though.
Reply With Quote
  #5 (permalink)  
Old 05-02-2007, 11:44 PM
Turbocharged_06's Avatar
VIP Member
 
Join Date: Mar 2007
Posts: 151
Turbocharged_06 is on a distinguished road
ooh that gives me an idea for a tutorial
*fires up photoshop*

OUTLAW-WEB.NET
Reply With Quote
  #6 (permalink)  
Old 05-03-2007, 12:47 AM
Junior Member
 
Join Date: May 2007
Posts: 19
_mAttitude_ is on a distinguished road
Dont like the leaves at the top but its nice

www.myspace.com/coke_addict
Reply With Quote
  #7 (permalink)  
Old 05-03-2007, 01:18 AM
Junior Member
 
Join Date: May 2007
Posts: 22
shaz™ is on a distinguished road
nice.....good work!!
Reply With Quote
  #8 (permalink)  
Old 05-03-2007, 11:14 AM
Lukeintosh's Avatar
VIP Member
 
Join Date: Oct 2006
Location: I live in New Zealand
Posts: 257
Blog Entries: 13
Lukeintosh is on a distinguished road
Send a message via MSN to Lukeintosh Send a message via Yahoo to Lukeintosh
:)

Glad you are better now!
Nice Server Upgrade. I think its a little bit slower than befor but it will get better
Good Tut! Well done 6/10 From me
Reply With Quote
  #9 (permalink)  
Old 05-03-2007, 11:34 AM
Junior Member
 
Join Date: Jan 2007
Posts: 20
spiider is on a distinguished road
nice tutorial
Reply With Quote
  #10 (permalink)  
Old 05-03-2007, 07:11 PM
Junior Member
 
Join Date: Feb 2007
Posts: 25
coblyox is on a distinguished road
i dont like that logo...

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 05:15 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