Web Hosting Deals Holiday Logo Design Webcam Chat Website Header Templates Register domain Search Engine Optimisation 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 03-17-2007, 05:09 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
103 Arrow layout

Hello

Today i will create Tutorial number 103 from 500 Tutorial Marathon.

Somebody asked me if i can create a layout only with arrows.
Right now i will show you how to create a Arrow layout

This is the final result



Open a new photoshop document
Size : 760 x770 pixels
Background color: #484848

Then Select Custom Shape Tool, and create one arrow on your layout



Place it like me



Then duplicate this layer a few times, And place the arrows like me.
For the left arrows you need to rotate the arrows



Then with the same tool : Custom shape tool create another arrow, rotate the arrow



Now add the following layer styles for Horizontal Arrows















This is my result



Now for the Vertical Arrow add the following layer styles



















This is my result



Now select Pen Tool and make a arrow like mine



Then add the following layer styles for this arrow

















This is the result



With Pen Tool, create another shapes.











Now you can add some text alone, and some images



Now we will need some brushes. Please go on the following link
LINK
And download this set of brushes.
Load the brushes

Then create a new layer ( press CTRL+SHIFT+ALT+N )
And use the arrows. Place as many details you want



Now we will create a pattern. For this you have to create another document: size should be 9 x 9 pixels, with a transparent background
Zoom the document to 1600 %
Then grab Pencil Tool ( set the brush size to 1 pixel ) and make a simple drawing like me



Then go to Edit > Define Pattern...
Select Background Layer , then grab Paint Bucket Tool
Use the pattern from above



Then click one time on Background layer with The Paint Bucket Tool
This is the result



With Background Layer Selected Go to Filter > Render > Lightning Effects and use the following settings



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. If you want to download this layout please apply for a VIP account

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 03-17-2007, 05:11 PM
Junior Member
 
Join Date: Mar 2007
Posts: 7
2135 designs is on a distinguished road
Looks great, and isn't very hard to make.

Thanks for that.
Reply With Quote
  #3 (permalink)  
Old 03-17-2007, 05:22 PM
Junior Member
 
Join Date: Mar 2007
Posts: 26
Tom12361 is on a distinguished road
Very nice But I cant make this "Now select Pen Tool and make a arrow like mine"
Reply With Quote
  #4 (permalink)  
Old 03-17-2007, 09:34 PM
Junior Member
 
Join Date: Oct 2006
Posts: 12
pechancit0 is on a distinguished road
this is tutorial beautiful... .thank admin
Reply With Quote
  #5 (permalink)  
Old 03-18-2007, 01:10 AM
Junior Member
 
Join Date: Feb 2007
Posts: 17
Ferune is on a distinguished road
Very nice layout! Thanks admin... must try it!
Reply With Quote
  #6 (permalink)  
Old 03-21-2007, 05:07 PM
Junior Member
 
Join Date: Mar 2007
Posts: 10
looney is on a distinguished road
This gotta be 0ne off the best i have seen
Reply With Quote
  #7 (permalink)  
Old 03-22-2007, 06:00 AM
Junior Member
 
Join Date: Mar 2007
Posts: 11
elky is on a distinguished road
that is just so smooth.. i still cant manage to get that result, but i keep workin'
Reply With Quote
  #8 (permalink)  
Old 03-22-2007, 12:30 PM
Junior Member
 
Join Date: Mar 2007
Posts: 10
K34K is on a distinguished road
Damn! this looks great, kinda make me feel like i'm a noob in photoshop cs :P
Reply With Quote
  #9 (permalink)  
Old 03-22-2007, 02:15 PM
Junior Member
 
Join Date: Mar 2007
Posts: 22
Jay_Z is on a distinguished road
This looks AWESOME!!!!! Very nice work Admin.

Am I allowed to use this layout for a website I am making?
Reply With Quote
  #10 (permalink)  
Old 03-22-2007, 08:22 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
Quote:
Originally Posted by Jay_Z View Post
This looks AWESOME!!!!! Very nice work Admin.

Am I allowed to use this layout for a website I am making?
Of course you can use it. Good luck

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
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:21 PM.


Fake ID

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