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

Reply
 
Submit Tools LinkBack (3) Thread Tools Display Modes
  3 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 07-14-2008, 08:09 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,426
Blog Entries: 2
admin has disabled reputation
164 Vector Layout - grunge vector layout

Hello my friends

Today i will show you how to create a vector style layout with a nice grunge effect
This is tutorial 164 from our 500 tutorials marathon. In this tutorial i want to show you the power of brushes



Open a new document, and on this document place the following image



here you can see how i have placed this image



On the bottom part of the layout add a black shape. You can use " Rectangle Tool "



from Photoshop Designer's Pack please load the following set of brushes







Select a green color, and place this brush drawing on a separate layer , Please note that this layer must be under the other 2 layers ( in your layer palette )



This is how i placed the image



I will hide for a few seconds the other layers, to see better what i am doing. I will leave only this nice smooth brush drawing
With Magic Wand Tool , i will click on time on the top part of the brush drawing. You can see a selection right around the top part of the brush



After i have this selection i will press on CTRL+J ( this will make a new layer right above this one ) with move tool,i will rotate this layer, until i have this result. in the same time i will add another color for this shape



If you have problems changing the color , i highly recommend using the Color overlay option
To apply a new color for each layer, you need to have one layer selected, then you must go to Layer > Layer styles > Color overlay



add any color you like



This is my result so far



Now i will use another brushes from the same Photoshop Designer's Pack

Please go to --== Ornaments Folder ==-- and load Ornaments-9
Please note that that you need to reset the brushes from time to time, because in our package we have a few hundreds brushes in each set, and your photoshop software can use a lot of resources if you load to many brushes
But i am sure many from you have powerful computers if you try to be a designer

here is the brush i have used



I am showing you this screenshots with brushes, because there are almost 12.000 brushes in Photoshop Designer's Pack and for us it was very hard to look each time someone needs the exact brush used in any tutorial

I will create a new layer ( press CTRL+SHIFT+ALT+N ) , then with black color add some details with the brush from above
I will add also some stars brushes which you can find it in the same package



Now i will download the following brush set
Free Photoshop Brushes » Splatter brushes - Dirty Brushes - Messy brushes

and on a new layer i will add some crazy grunge brushes



The next step is to add some content on our layout.as usual i will not explain this small steps because i am sure everybody can use Type tool



Now it is time to download another set of brushes:
Free Photoshop Brushes » High Resolution Grunge Frame Brushes

After you load this brushes, create a new layer above all layers, and with a white color add some grunge borders on your layout



You can leave this layout also without this border. here is an example



or you can use some other types of brushes ( splat brushes ) also downloaded from Free Photoshop Brushes



I hope you like this layout. download this layout to understand better how this layout is created

Attached Files
File Type: zip layout164.zip (1.29 MB, 171 views)

3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 07-14-2008, 08:30 PM
Junior Member
 
Join Date: Jun 2008
Posts: 2
aokil is on a distinguished road
wowo admin Good

vere vere thinx man
i love this site so much
Reply With Quote
  #3 (permalink)  
Old 07-15-2008, 12:24 AM
Senior Member
 
Join Date: Mar 2008
Location: United Kingdom
Posts: 165
Robbb is on a distinguished road
Send a message via MSN to Robbb Send a message via Skype™ to Robbb
Wow
that is one of the sexiest layouts i have EVER seen.
Preferred it before the splatter brushes though :P
Reply With Quote
  #4 (permalink)  
Old 07-16-2008, 07:14 PM
Junior Member
 
Join Date: Jul 2008
Posts: 25
spkshit is on a distinguished road
Very nice admin! Great work, keep going!
Reply With Quote
  #5 (permalink)  
Old 07-16-2008, 08:08 PM
Junior Member
 
Join Date: Jun 2008
Posts: 1
oczko991 is on a distinguished road
cool project, but i cant
Reply With Quote
  #6 (permalink)  
Old 07-16-2008, 09:43 PM
Junior Member
 
Join Date: Nov 2007
Posts: 3
goof is on a distinguished road
great job... excellent design! Congratulations!
Reply With Quote
  #7 (permalink)  
Old 07-17-2008, 05:07 AM
Junior Member
 
Join Date: Jul 2008
Posts: 12
alroqi is on a distinguished road
cool project

wowo
Reply With Quote
  #8 (permalink)  
Old 07-17-2008, 08:07 AM
Junior Member
 
Join Date: Jul 2008
Posts: 6
jjalapin is on a distinguished road
Wow ,cooooooooooooooooooooooooooooool .Thanks for guiding!

Anything is possible!
Lunarpages User Reviews
Reply With Quote
  #9 (permalink)  
Old 07-17-2008, 06:14 PM
Sgt.Rambo's Avatar
Junior Member
 
Join Date: Jul 2008
Posts: 7
Sgt.Rambo is on a distinguished road
nicely done keep it up!
Reply With Quote
  #10 (permalink)  
Old 07-18-2008, 05:25 PM
Junior Member
 
Join Date: Jan 2007
Posts: 27
ALI25 is on a distinguished road
Thanks for guiding

Reply With Quote
Reply

Bookmarks

Tags
vector layout grunge

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

LinkBacks (?)
LinkBack to this Thread: http://www.talk-mania.com/web-layouts/43769-vector-layout-grunge-vector-layout.html
Posted By For Type Date
Creating a Vector Layout - Grunge Vector Layout - Photoshop Tutorials, 3Ds Max Tutorials This thread Refback 07-15-2008 10:39 PM
Vector Layout - Grunge Vector Layout This thread Refback 07-15-2008 09:33 PM
CG Tutorials: Adobe Photoshop: Web Design: Vector Layout - grunge vector layout This thread Refback 07-14-2008 10:31 PM


All times are GMT +2. The time now is 10:34 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