|
| Web Hosting Deals | Holiday Logo Design | Webcam Chat | Website Header Templates | Register domain | Search Engine Optimisation | Web Hosting |
|
|||||||
| Web Layouts Create professional webpage layouts with this very detailed, step by step tutorials. |
![]() |
|
|
Submit Tools | LinkBack (8) | Thread Tools | Display Modes |
|
||||
|
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
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk ) |
|
|||
|
Quote:
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 |
|
||||
|
Quote:
Thank you PS The way i rate is going to chage again shortly |
|
|||
|
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 |
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
|
|
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 | |