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