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 04-05-2007, 04:37 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,385
Blog Entries: 2
admin has disabled reputation
113 Design Studio Layout

Hello

Today i will create Tutorial number 113 from 500 Tutorials Marathon.
We will create a layout for a design studio



Start with a new photoshop document
Size 760x770 pixels
Background color : #e4ded2

Select Pencil Tool and create the following drawing:



Duplicate this shape ( press CTRL+J ) to duplicate , then go to Edit > Transform > Flip vertical
For the same shape go one more time to Edit > Transform > Flip Horizontal
and place it the second shape like me with the Move Tool



Duplicate the first layer one more time, , rotate it a little and place it like me.



Now do the same for the other part of the layout



It doesn't need to be perfect

You can duplicate this shape one more time if you want and place it like me



Now You can go to www.free-photoshop.com and download the brush #6
Load the brushes in Photoshop ( this set contains 32 brushes in different sizes )

Create a new layer and start creating some drawings on your canvas
use different colors for each brush



Then With ellipse tool create a New shape and place it Over the brushes layer



Here we will place all our logo later.

For this circle add the following layer styles







This is my result



Now create another Circle on top,



And add the following layer styles





This is the result



With the same technique add more circles



Now you need to download the attachment from this thread, there you can find a grunge brush, ( 4 different grunge sizes are inside the archive )
load the brush in photoshop,
Then select background layer , Press CTRL+SHIFT+ALT+N , select Brush Tool, and select the biggest brush available in the attachment area. This brush will save you a lot of time in your future projects.

Set the foreground color to #c6c1b8

Change the opacity to 43 %



Then on a new layer ( press CTRL+SHIFT+ALT+N ) make another brush drawings. This times set the opacity to 80 %



This is my result



Select Rounded Rectangle tool and start creating a new shape



Now add the following layer style



You can rasterize the shape because we will need this layer to be rasterized in our next stp
To rasterize the layer go to Layer > Rasterize > Shape

Create another Layer ( press CTRL+SHIFT+ALT+N )
Select a Flower Brush from Brush #6 package
And on your layout add the following brush on the left corner of your layout



Select The Rounded rectangle shape layer. then grab eraser tool, and start deleting the some parts of your rounded shape. You will see better in the next image which parts you need to delete



Now you can add alone some text on your layout



Also you can add some text for your logo



Now create a new layer on top of all layers in Layer palette
Select Brush Tool, use the big grunge brush ( 1024 )
Set your foreground color to #e4ded2 ( the same color as your background )

then press one time on your layout



then reduce the opacity for this layer to 30 %



Now create the following selection with polygonal lasso tool



Hit the " delete" key from your keyboard



This is my final layout.



If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack
I hope you like it

Attached Files
File Type: zip layout113.zip (3.28 MB, 1707 views)

3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 04-05-2007, 06:24 PM
Junior Member
 
Join Date: Oct 2006
Posts: 10
Reflex is on a distinguished road
looks nice
Reply With Quote
  #3 (permalink)  
Old 04-05-2007, 06:28 PM
Junior Member
 
Join Date: Mar 2007
Posts: 15
doctor_xy is on a distinguished road
Smile nice work admin

nice work admin .... I love it ... and thanks for this tutorial

Be Or Not To be
Reply With Quote
  #4 (permalink)  
Old 04-05-2007, 07:59 PM
Junior Member
 
Join Date: Apr 2007
Posts: 4
Kai4ever is on a distinguished road
Wow!
Very nice tutorial..
Reply With Quote
  #5 (permalink)  
Old 04-05-2007, 08:08 PM
Junior Member
 
Join Date: Mar 2007
Posts: 10
ScottWerner is on a distinguished road
I really like the back ground effect.
Reply With Quote
  #6 (permalink)  
Old 04-05-2007, 09:42 PM
Junior Member
 
Join Date: Apr 2007
Posts: 10
efteling86 is on a distinguished road
really nice done!
Reply With Quote
  #7 (permalink)  
Old 04-05-2007, 09:57 PM
Junior Member
 
Join Date: Apr 2007
Posts: 11
okaym is on a distinguished road
like it.

i liked it.
Reply With Quote
  #8 (permalink)  
Old 04-06-2007, 02:34 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
7/10

Well done 7/10 i would like to know how you did the waves. Im sure you used the Pen tool and not the pencil.
I would lke to see a tutoiral on the pen tool
Reply With Quote
  #9 (permalink)  
Old 04-06-2007, 02:54 AM
Scorpian8867's Avatar
Junior Member
 
Join Date: Feb 2007
Location: Texas
Posts: 24
Scorpian8867 is on a distinguished road
Send a message via AIM to Scorpian8867 Send a message via MSN to Scorpian8867
How do you come up with these? I can remember when I was able to come up with brilliant concepts day after day, but that only lasted a few months. You've kept it up for this long and counting. How do you do it? >_>

RoddyInnovations.com
Reply With Quote
  #10 (permalink)  
Old 04-06-2007, 04:56 AM
Junior Member
 
Join Date: Mar 2007
Posts: 22
CaptainMorgan is on a distinguished road
Nice work.

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 10:33 PM.



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