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 03-28-2008, 10:14 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,223
Blog Entries: 2
admin has disabled reputation
153 Interior Design Layout

Hello my friends.

Another day, means another tutorial. I know that lately i have posted one tutorial per week. This is because we had some small issue with our server. We have moved to a new server, and all should be fine now.

Today i will write Tutorial Number 153 from our 500 Marathon Tutorial
I will show you how to create a Interior Design layout.



As usual we need to create a new document. if you want you can try without creating a new document. And if you can i promise you will receive a gift from me.

So please create a new document:
Size should be 760x770 pixels
background color doesn't matter right now

Be sure you set the foreground color to black, and background color to white
Then go to Filter > noise > add noise, and use the following settings



After that grab Rectangle Tool, and create a big shape in the middle of your layout. use the following color : #dddddd



For this shape please add the following layer styles







Here is my result



Now duplicate this layer ( be sure you have the layer selected, then press on CTRL+J )

After that press on CTRL+T , to transform the second layer. Rotate the second shape like me:



Now it is time to add some images, on our layout



Please note that the Paper clip image you will find attached at the end of this tutorial. You can use this clips on another projects of yours. it is very important

After that please add another furniture images from your stock collection



For all images which you are adding to this layout, please add the following layer styles







You can see that i have placed another paper clip on the left side of the layout. you have to select first the paper clip layer, then you need tu duplicate the layer ( press CTRL+J )

After that go to Edit > Transform > Flip Horizontal
Then with Move tool ( V ) place the paper clip where you want

Now i will create another rectangle on the left side of our layout. And you can see also that i have duplicated one more time the paper clip layer , and i placed like in the following image.



On this red shape we will add our menu



Now we will add some details. Please download the following set of Brushes.
DOWNLOAD
Load these brushes, and , one a new layer ( Press CTRL+SHIFT+ALT+N ) add a few details
This is my result



This is my final result



To understand better this layout, i recommend you to download it

Attached Files
File Type: zip layout153.zip (1.04 MB, 1634 views)
File Type: zip paperclips.zip (19.1 KB, 1139 views)

3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 03-28-2008, 10:33 PM
Senior Member
 
Join Date: Mar 2008
Location: United Kingdom
Posts: 136
Robbb is on a distinguished road
Send a message via MSN to Robbb Send a message via Skype™ to Robbb
nice tutorial and end result
Easier to make than it looks
Reply With Quote
  #3 (permalink)  
Old 03-29-2008, 06:38 AM
wfdgraeme's Avatar
Member
 
Join Date: Apr 2007
Location: east coast of Australia
Posts: 87
wfdgraeme is on a distinguished road
What can I say, so good, the sheets of pages is an idea you showed awhile ago I have been using it ever since....
Reply With Quote
  #4 (permalink)  
Old 03-29-2008, 01:37 PM
Member
 
Join Date: Apr 2007
Posts: 30
kanthi is on a distinguished road
Thanks for sharing this tutorial..it 's very impressive.
I have a very basic doubt..when i rotate the image..the ends get shattered.. how to avoid this...any transformation i do... i am not getting a neat edge.
Reply With Quote
  #5 (permalink)  
Old 03-29-2008, 03:13 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,223
Blog Entries: 2
admin has disabled reputation
for that image do you use a outer glow ?

3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #6 (permalink)  
Old 03-31-2008, 10:40 AM
Member
 
Join Date: Apr 2007
Posts: 30
kanthi is on a distinguished road
Thanks for responding.
Images with and without outerglow comes out the same.
I have tried several times ....but couldnot make out where i make a mistake.
may be it's a setting mistake..?
Reply With Quote
  #7 (permalink)  
Old 03-31-2008, 11:24 AM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,223
Blog Entries: 2
admin has disabled reputation
please send me the PSD file and i will take a look. please Send me a PM and i will give you an e-mail where you can send the PSD file

3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #8 (permalink)  
Old 03-31-2008, 01:21 PM
Junior Member
 
Join Date: Mar 2008
Location: Little Belgium
Posts: 25
John V. is on a distinguished road
Great tut

This is a great tutorial. thx admin
I'll use it for my next design.



Great job
Reply With Quote
  #9 (permalink)  
Old 04-19-2008, 07:09 PM
Junior Member
 
Join Date: Feb 2008
Posts: 13
zywy is on a distinguished road
great thank you so much
Reply With Quote
  #10 (permalink)  
Old 04-22-2008, 11:28 AM
Junior Member
 
Join Date: Apr 2008
Posts: 1
Ralphius is on a distinguished road

My result


Last edited by Ralphius; 04-22-2008 at 11:30 AM. Reason: change.
Reply With Quote
Reply

Bookmarks

Tags
clips, paper clips

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