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 (8) Thread Tools Display Modes
  8 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 02-24-2007, 10:22 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
92 Cars & Transportation layout

Hello my friends

Today i will show you how to create another website layout

This is the Tutorial Number 92 from our 100 Tutorial Marathon
Soon this marathon will end, and i will start another one. I will not tell you how many tutorials i will create in my future marathon

This is what we gone do today



Open a new document in " Photo shop "
Size 760 x 770
Background color: #343e48

Then select Rectangle Tool and create a simple shape.
Please use the following color: #a00000

Place the rectangle like in the following image



Then add the following layer style



Now add a image with a car,



Duplicate the layer with the car ( to duplicate be sure you have the car layer selected, then press on CTRL+J )
Then go to Edit > Transform > Flip Vertical.
With move tool place the image like me



Now press on the Add Layer mask button from the bottom of the layer palette
Select Gradient Tool .
Be sure you have the following settings



Then draw a line with Gradient Tool exact like the blue arrow



This is your result



Now we will create a new pattern
Open a new document 8 x 8 pixels with a transparent background

Zoom the document to 1600 % and with Pencil tool ( brush size = 1 pixel ) make the following drawing



I will include the PSD file with the pattern for you in the attachment area so you can download it
After you make the pixel art drawing go to Edit > define pattern
Choose a name for you pattern and click OK

Now you can close your 8 by 8 pixel document
And we will continue to work on our layout

Select Rectangular Marquee Tool and make a selection on the top of your layout



Create a new layer ( press CTRL+SHIFT+ALT+N )

Grab Paint Bucket Tool and fill the selection with the pattern from above
Then press CTRL+D to deselect



Then go to Filter > Render > Lightning Effects and use the following settings



This is the result



Now Create another selection



Create a new Layer ( press CTRL+ALT+SHIFT+N ) Then fill the selection with the same pattern
Press CTRL+D to deselect



Then add the following layer style



This is the result



Now press on CTRL+F ( this will apply the same filter we have applied on our header )



Now add some text on your layout with Type Tool



Now add some images. I will use the same pattern as above to create some boxes
And i will drag some images from my stock collection



Now with Type Tool, create some dots ,
Rasterize the type ( to rasterize go to Layer > Rasterize > Type )
And rotate the dots until they are vertical

Place as many dots inside your layout



Now select The red Shape ( the first layer from our tutorial )
Go to Layer > Rasterize > Shape
Then go to Filter > Render > Lightning Effects and use the following settings



This is my result



Now i will add the following layer styles for my CAR DEALER text











This is my final result



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. thanks

Attached Files
File Type: zip layout92.zip (999.7 KB, 890 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 02-24-2007, 10:53 PM
GamingLane's Avatar
Junior Member
 
Join Date: Feb 2007
Posts: 21
GamingLane is on a distinguished road
Not your best but i like it good job 5/10 for me
Reply With Quote
  #3 (permalink)  
Old 02-25-2007, 01:12 AM
Lukeintosh's Avatar
VIP Member
 
Join Date: Oct 2006
Location: I live in New Zealand
Posts: 249
Blog Entries: 13
Lukeintosh is on a distinguished road
Send a message via MSN to Lukeintosh Send a message via Yahoo to Lukeintosh
NEW RaTING System

I Like it!!!
Now i wish to tell very one there is a NEW RATING SYSTEM!!!!
LINK
Reply With Quote
  #4 (permalink)  
Old 02-25-2007, 01:14 AM
Lukeintosh's Avatar
VIP Member
 
Join Date: Oct 2006
Location: I live in New Zealand
Posts: 249
Blog Entries: 13
Lukeintosh is on a distinguished road
Send a message via MSN to Lukeintosh Send a message via Yahoo to Lukeintosh
Nice

Sorry Forgot to rate! Its Realy Nice and Simpel
Rating: out of 10

Last edited by Lukeintosh; 02-25-2007 at 06:02 AM.
Reply With Quote
  #5 (permalink)  
Old 02-25-2007, 01:24 AM
Junior Member
 
Join Date: Nov 2006
Posts: 8
laura is on a distinguished road
Quote:
Originally Posted by Lukeintosh View Post
Sorry Forgot to rate!
So its Greate and Nice
Llittle to small

I have seen you from a long time that you are posting this silly dots.
I think it is better if you start creating something like admin, and not to rate someone else work

Do you think that people are interested in your rating system ?

I think Admin will ban you very soon, because this dots are not so good for SEO ( Search engine optimization )

Why don't you make your rating system like : 6/10
then you can give some arguments why you like it , or why you don't like it

Thanks
Laura
Reply With Quote
  #6 (permalink)  
Old 02-25-2007, 01:34 AM
Lukeintosh's Avatar
VIP Member
 
Join Date: Oct 2006
Location: I live in New Zealand
Posts: 249
Blog Entries: 13
Lukeintosh is on a distinguished road
Send a message via MSN to Lukeintosh Send a message via Yahoo to Lukeintosh
Quote:
Originally Posted by laura View Post
I have seen you from a long time that you are posting this silly dots.
I think it is better if you start creating something like admin, and not to rate someone else work

Do you think that people are interested in your rating system ?

I think Admin will ban you very soon, because this dots are not so good for SEO ( Search engine optimization )

Why don't you make your rating system like : 6/10
then you can give some arguments why you like it , or why you don't like it

Thanks
Laura
Not Right P)lace to post please post under my post Link
Thank you
PS The way i rate is going to chage again shortly
Reply With Quote
  #7 (permalink)  
Old 02-25-2007, 01:40 AM
Junior Member
 
Join Date: Nov 2006
Posts: 11
coll is on a distinguished road
I agree with laura. your rating system is something childish

Nice pattern you have admin. Thank for all your tutorials, unfortunately i don't have to much time to post in this forum. one of my favorites website
Keep up the good work my friend
Reply With Quote
  #8 (permalink)  
Old 02-25-2007, 01:58 AM
GamingLane's Avatar
Junior Member
 
Join Date: Feb 2007
Posts: 21
GamingLane is on a distinguished road
Hey, stop hating he's trying something new maybe its cool now if you guys dont like it then take it to another topic this is not the place to do it.

My rate

5/10

•••••

Reply With Quote
  #9 (permalink)  
Old 02-25-2007, 05:26 AM
Junior Member
 
Join Date: Oct 2006
Posts: 27
zozson is on a distinguished road
thanks nice page admin
Reply With Quote
  #10 (permalink)  
Old 02-25-2007, 04:57 PM
Junior Member
 
Join Date: Feb 2007
Posts: 10
Bartas1503 is on a distinguished road
great tutorial !! i wanna more and more.

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

LinkBacks (?)
LinkBack to this Thread: http://www.talk-mania.com/web-layouts/25095-cars-transportation-layout.html
Posted By For Type Date
Adobe Photoshop - Cars & Transportation layout This thread Refback 10-01-2008 05:19 PM
Photoshop Tutorials | Flash Tutorials | Maya Tutorials | 3d Max Tutorials This thread Refback 09-06-2008 11:18 AM
Cars and Transportation Layout | Tutorial Outpost This thread Refback 07-24-2008 10:33 AM
Tutorials This thread Refback 07-07-2008 05:55 PM
CG Tutorials: Adobe Photoshop: Web Design: Cars and Transportation layout This thread Refback 07-03-2008 07:55 AM
Art - Tutorials This thread Refback 07-01-2008 05:20 PM
Photoshop Web Layouts Cars and Transportation layout Tutorial This thread Refback 06-29-2008 10:36 AM
Cars and Transportation Layout This thread Refback 06-27-2008 01:05 PM


All times are GMT +2. The time now is 12:26 AM.


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