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
  #61 (permalink)  
Old 04-17-2007, 08:34 AM
GreenIceZ's Avatar
Member
 
Join Date: Apr 2007
Posts: 40
GreenIceZ is on a distinguished road
Thumbs up

Quote:
Originally Posted by admin View Post
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.



I hope you like it
Great Job Sir u've i'm great fan of Photoshop and new comer in this feild of graphics thats why i join this forum and hopefull u'll na dlike you other chaps will help me in future.
Reply With Quote
  #62 (permalink)  
Old 04-17-2007, 05:36 PM
Junior Member
 
Join Date: Apr 2007
Posts: 3
wrsanders is on a distinguished road
awesome work!
Reply With Quote
  #63 (permalink)  
Old 04-17-2007, 05:51 PM
Junior Member
 
Join Date: Apr 2007
Posts: 3
mbrunn is on a distinguished road
nice

very nice, nice work!
Reply With Quote
  #64 (permalink)  
Old 04-17-2007, 06:03 PM
Junior Member
 
Join Date: Apr 2007
Posts: 3
froscon is on a distinguished road
thank you

very good good job
Reply With Quote
  #65 (permalink)  
Old 04-18-2007, 06:33 AM
Junior Member
 
Join Date: Apr 2007
Posts: 3
Alonso79 is on a distinguished road
Amazing

This Design is great.
Reply With Quote
  #66 (permalink)  
Old 04-18-2007, 06:35 AM
Junior Member
 
Join Date: Apr 2007
Posts: 3
Alonso79 is on a distinguished road
Great work

It is very modern and Old School design I love it
Reply With Quote
  #67 (permalink)  
Old 04-18-2007, 06:37 AM
Junior Member
 
Join Date: Apr 2007
Posts: 3
Alonso79 is on a distinguished road
Very Inspiring

This ideas of design gives a person some great inspirations.
Reply With Quote
  #68 (permalink)  
Old 04-18-2007, 11:54 AM
Junior Member
 
Join Date: Apr 2007
Posts: 6
cpsany is on a distinguished road
the curves are g8

ohhh ho what a curving
Reply With Quote
  #69 (permalink)  
Old 04-18-2007, 04:57 PM
Junior Member
 
Join Date: Jan 2007
Posts: 3
playzoone is on a distinguished road
Thanks! I like it!
Reply With Quote
  #70 (permalink)  
Old 04-19-2007, 01:20 AM
Junior Member
 
Join Date: Apr 2007
Posts: 3
bioldame491 is on a distinguished road
this is a classic

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 06:26 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