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
  #1 (permalink)  
Old 01-14-2009, 12:47 PM
Junior Member
 
Join Date: Oct 2008
Posts: 24
victor is on a distinguished road
184 Agriculture layout

Hello my friends. Today i will create a layout for agriculture
As usual i will start with a new document with the following size 760x770 pixels.
I will place an image with some great leaves



With RECTANGLE TOOL



i will create a white rectangle and i will place it like in the next image



For this white shape i will add some layer styles

DROP SHADOW



And this is my result



I have selected again Rectangle Tool, and i have created another rectangle



I will duplicate this shape by pressing CTRL+J. Then i will change the color for this second copy to black.

I will press on CTRL+T and i will rotate the shape to the left

The next step is to go to Filter > blur > Gaussian Blur.
Note : Photoshop may ask you if you want to rasterize the shape ( press Yes )

At the end you will have something like that



and after i turn the visibility to on for the white layer, you will have the following result



I will create another shape with the same tool Rectangle Tool, and i have used the following color #ae521f

I will place this shape like in the following image



i will grab LINE TOOL



And i will create some lines. It is your choice how thin you want the lines.



After that i will select one more time RECTANGLE TOOL and with a white color #ffffff i will create a big rectangle



Please note that i have changed the opacity value for this layer to 80%
I will select CUSTOM SHAPE TOOL



and from the preset custom shapes i will choose the following shape



i will select the foreground color to #a6c21c then i will place the shape like in the following image



I will select HORIZONTAL TYPE TOOL



And i will write some text over my layout



I will add some pixel icons on the right side of the layout. You will find this set of web pixel icons inside this package:

Talk-Mania Shop - Webmaster's Dream, the BIGGEST webmasters package available! - Talk-Mania Big-Pack :: Photoshop Designer's Pack

To see all the brushes included in this package i highly recommend you to download the sample pdf file:

http://www.talk-mania.com/big-pack/talk-mania.pdf



The last step is to add some other images from your collection. At the end here is my final result. I hope you like it



Please download this PSD file to understand better how the layout was made

Attached Files
File Type: zip layout184.zip (1.57 MB, 49 views)
Reply With Quote
  #2 (permalink)  
Old 01-16-2009, 09:27 AM
Junior Member
 
Join Date: Jan 2009
Posts: 2
psaddict is on a distinguished road
Added to Photoshop Tutorials / Published

nice tutorial!
Reply With Quote
  #3 (permalink)  
Old 01-16-2009, 01:50 PM
Junior Member
 
Join Date: Jan 2009
Posts: 25
.mst is on a distinguished road
Nice outcome, nice texture, great tutorial. Thanks
Reply With Quote
  #4 (permalink)  
Old 01-31-2009, 08:21 PM
m_m m_m is offline
Junior Member
 
Join Date: Jan 2009
Posts: 14
m_m is on a distinguished road
very detail tut.
Reply With Quote
  #5 (permalink)  
Old 02-01-2009, 03:34 AM
Member
 
Join Date: Jan 2009
Posts: 30
troy is on a distinguished road
Great tut. Very nice!
Reply With Quote
  #6 (permalink)  
Old 02-01-2009, 09:55 AM
Junior Member
 
Join Date: Feb 2009
Posts: 19
egyptghost is on a distinguished road
nice tutorial!
Reply With Quote
  #7 (permalink)  
Old 02-01-2009, 05:54 PM
Junior Member
 
Join Date: Apr 2008
Posts: 17
t0m3k is on a distinguished road
good idea!
Reply With Quote
  #8 (permalink)  
Old 02-09-2009, 07:46 PM
Junior Member
 
Join Date: Dec 2007
Posts: 23
f7ender is on a distinguished road
Wow.it good !~~

Happy new year~~~~~~~~~~~~

2009!~~
Reply With Quote
  #9 (permalink)  
Old 02-10-2009, 09:03 AM
Junior Member
 
Join Date: Feb 2009
Posts: 3
crazy_awper is on a distinguished road
I agree with you,I think you are right,good luck to you guy!

where is the wow gold cheap wow gold and can buy wow gold because i want to become the king of king.
Reply With Quote
  #10 (permalink)  
Old 02-17-2009, 11:52 PM
taleslay's Avatar
Junior Member
 
Join Date: Aug 2007
Posts: 5
taleslay is on a distinguished road
nice work ......



http://jesome.com/
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 08:01 AM.



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