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 from Talk-Mania members

Photoshop Tutorials from Talk-Mania members Got something you've done and want to share it.Post it here.

 Image
Buy Sell Downloads

Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 06-04-2008, 02:53 PM
Member
 
Join Date: May 2008
Posts: 30
tutmaster is on a distinguished road
Arhitecture layout

This is the second tutorial for this day. you can see my end result for this tutorial.



1)Open a new document and fill the background with a linear gradient #2b1d10 to #5a4425.



2)Make a rectangular selection and fill it with the color #866236. Open the Layer Style Window and add the next settings. Now we are going to make the search bar. Make a smaller rectangular selection, fill it with the color #fff3e2, then add a 1 pixel stroke using the color #e7a461. I used a carbon pattern which I downloaded from www.brusheezy.com You can also find some cool patterns on www.stock-textures.com and some very good brushes on www.photo-shop-brush.com Write the word ‘Search’ next to the bar you have just created.



3)Make a rectangular selection, fill it with white, then put a photo inside this rectangle. You can find nice photos on Flickr or Deviantart. Make 2-3 photos like this, then make some scotch tapes. Follow the next link to read a tutorial about this http://www.photoshopstar.com/graphic...h-tape-effect/ Arrange the photos and the scotch tapes to obtain a nice header. I also added a pencil. Add a little of shadow to all the header elements.





4)Write the title of the site using the color #c69755. I added a nice box which I downloaded from www.theiconlab.com



5)Follow this link http://flyupload.flyupload.com/?fid=7765204 and download a paper texture. Open the image in Photoshop, then go to Edit > Define Pattern. You can close the image now.



6)Make a rounded rectangle with the radius of 10 pixels and the color #ffe9c8. Now add the content. I used the font Verdana, the sizes 18 and 28 pixels, the colors #1c1208 (for the text) and #f39b17 (for the links).



7)Now we are going to create the sidebar. Make a smaller rounded rectangle using the color #fdd8a3 and the same radius of 10 pixels. Then open the Layer Style and add a Pattern Overlay using the same paper texture.



8)Duplicate this rounded rectangle two times, place them bellow the first rounded rectangle, then add the content of the sidebar. I used the color #5c4627 for the titles and the color #9c662f for the links.



9)Now we are going to create the menu. Make a rectangular selection and fill it with the color #f7cf93. Use Free Transform (Ctrl + T) to rotate it. Repeat this step two times and use different colors. Then add the text using the color #5c4627.



10)Now the footer. Make a rectangular selection and fill it with the color #2d1f11. Open the Layer Style window and use the settings from the next image. I used a carbon pattern from brusheezy.com I added another photo like those from the header. Here is the link to the original photo http://flickr.com/photos/17051706@N0...58246/sizes/l/

Now write the content for the footer. I used the color #ffe9c8 for the titles and #fed596 for the links.



This is my final layout


Reply With Quote
  #2 (permalink)  
Old 06-07-2008, 05:53 PM
Junior Member
 
Join Date: Apr 2008
Posts: 10
flipper4u is on a distinguished road
cool... .psd do you have? if you wanna, send me please.. florin_flipper@yahoo.com. thanks. and good luck!
Reply With Quote
  #3 (permalink)  
Old 07-01-2008, 01:01 AM
Junior Member
 
Join Date: Jan 2008
Posts: 17
DeluxeSoft is on a distinguished road
thanks ...............
Reply With Quote
  #4 (permalink)  
Old 07-21-2008, 03:26 PM
Senior Member
 
Join Date: Jul 2008
Posts: 106
ramy-ahmed is on a distinguished road
nice
Thank you
Reply With Quote
  #5 (permalink)  
Old 08-07-2008, 09:45 AM
Junior Member
 
Join Date: Jul 2008
Posts: 28
musukashi is on a distinguished road
Thank You .....more layout tutorial.
Reply With Quote
  #6 (permalink)  
Old 08-12-2008, 10:13 PM
Junior Member
 
Join Date: Nov 2007
Posts: 25
jklein090 is on a distinguished road
Ohh very nice! I like the menu bar.
Reply With Quote
  #7 (permalink)  
Old 09-07-2008, 05:30 PM
Junior Member
 
Join Date: Feb 2007
Posts: 25
nojn is on a distinguished road
-

Nice tut ty
Reply With Quote
  #8 (permalink)  
Old 09-07-2008, 08:25 PM
Junior Member
 
Join Date: Aug 2008
Posts: 10
johntropea is on a distinguished road
thanks for share!
Reply With Quote
  #9 (permalink)  
Old 09-12-2008, 01:22 PM
ghc ghc is offline
Junior Member
 
Join Date: Mar 2007
Posts: 27
ghc is on a distinguished road
Great Tutorial
Reply With Quote
  #10 (permalink)  
Old 09-13-2008, 06:58 AM
Junior Member
 
Join Date: Aug 2008
Posts: 5
banhaclong20 is on a distinguished road
Thanks for share. I like it

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:10 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