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 10-29-2008, 11:41 AM
Junior Member
 
Join Date: Oct 2008
Posts: 24
victor is on a distinguished road
173 Clean Restaurant Layout

Hello

My name is Victor. If you don't know me already, i am co-admin here at talk-mania. The reason i am writing tutorials, is because one of my best friend ( admin or Razvan ) is working on a few new scripts. Almost all Talk-Mania staff are working very hard for 2 interesting scripts. very soon these scripts will be available in our store : Talk-Mania Shop - Webmaster's Dream, the BIGGEST webmasters package available!

I am sure these scripts will bring you a very good amount of money, in a short time. I know this because i am using this script on a personal website, and it is already very profitable. you will see very soon one of the scripts available in our store

Let's start with this tutorial

This is tutorial number 173

On a new document with the following size 760x770. then i will open a new image



With ROUNDED RECTANGLE TOOL



I will create a shape with the following color #b90306. i will place this shape on the top left side of the layout



I will ad a drop shadow



After that i will create another shape with the following color #9e553a



I will add the same layer style as above ( drop shadow ) This is my result



I will create another rectangle, and i will place it like in the next image. you can see now how my strawberry image will look near these shapes



After that i will select RECTANGLE TOOL



i will create a small shape



I will add the following layer styles







After that i will go to EDIT > TRANSFORM > WARP



And from the drop down menu i will chose Arc



This is my result



After that i will rotate the layer, and i will place the shape like in the following image



With ELLIPSE TOOL



i will create a small shape



I will duplicate this layer , and with move tool , i will place it like in the following image



I will duplicate the last 3 layers, and i will place them like in the following image



With RONDED RECTANGLE TOOL i will create a simple shape, and right over this shape i will add an image with some nice chocolate



For the rounded shape i will add a shadow ( use drop shadow settings )



This is my result



With ROUNDED RECTANGLE TOOL i will create a small shape with a white color



Then with ELLIPSE TOOL i will create a search button. you can see in the next image how i have placed this ellipse.



the next step is to create a arrow. you can download some great custom shapes from shape-mania.com*|*Free Photoshop Custom Shapes

With CUSTOM SHAPE TOOL



and the following shape



I have placed this small arrow right above the black ellipse

I will create a simple logo. For this logo i will use ROUNDED RECTANGLE TOOL



I will rotate this image to 45 Degrees, then i will place another custom shape over the black shape



The next step is to add some text with TYPE TOOL, and some images from your stock photo collection


Attached Files
File Type: zip layout173.zip (834.8 KB, 149 views)
Reply With Quote
  #2 (permalink)  
Old 10-31-2008, 03:41 AM
Junior Member
 
Join Date: Mar 2007
Posts: 7
rafaelbs is on a distinguished road
Parabens ... muito bonito e limpo
Reply With Quote
  #3 (permalink)  
Old 10-31-2008, 04:12 AM
Junior Member
 
Join Date: Oct 2008
Posts: 6
slmthai is on a distinguished road
cute , but where is the nav lol
Reply With Quote
  #4 (permalink)  
Old 10-31-2008, 09:21 PM
Junior Member
 
Join Date: Oct 2008
Posts: 15
abedh is on a distinguished road
yeah thats nice one..
Reply With Quote
  #5 (permalink)  
Old 11-01-2008, 08:04 AM
Junior Member
 
Join Date: Mar 2008
Location: Little Belgium
Posts: 25
John V. is on a distinguished road
Clean layout.
I'm hungry
Reply With Quote
  #6 (permalink)  
Old 11-03-2008, 04:31 AM
Junior Member
 
Join Date: Jan 2008
Posts: 24
Sajhu is on a distinguished road
mmm llami llami, that was kool
Reply With Quote
  #7 (permalink)  
Old 11-15-2008, 12:56 AM
Member
 
Join Date: Nov 2008
Posts: 30
giladl is on a distinguished road
This is design heven..
Reply With Quote
  #8 (permalink)  
Old 11-15-2008, 04:59 PM
Junior Member
 
Join Date: Nov 2008
Posts: 25
antepannte is on a distinguished road
That's a nice piece
Reply With Quote
  #9 (permalink)  
Old 11-17-2008, 08:45 AM
Junior Member
 
Join Date: Jul 2008
Posts: 27
vns_amon is on a distinguished road
nice layout thank much
Reply With Quote
  #10 (permalink)  
Old 11-27-2008, 11:08 AM
Junior Member
 
Join Date: Nov 2008
Posts: 28
expert_winxp is on a distinguished road
thanks alot it's a great tutsa

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 07:23 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