Please download this stainless steel texture. Click on the image then right click and choose " Save image as "
Create a new document in Photoshop. After that open the texture inside Photoshop, and drag it to the layout.
After that go to Filter - Render - Lightning effects, and use the
following settings. Please click on the image to see the full size
image.
This is my result
Select Rounded Rectangle Tool, and create a shape like in the following image. You will see a selection around the shape. Please ignore it
For this shape please add the following layer styles
Now I will create a new layer on top of all layers (press CTRL+SHIFT+ALT+N) and with Brush Tool I will create some white drawings
I will change the blending mode to Overlay. This is my result
I will download the following set of 200 Pixel Patterns, and I will load the pixel patterns inside Photoshop.
You need to load the selection for this shape. To load the selections for a shape please hold CTRL key down and with your left mouse button click on the vector mask thumbnail
You will see a surrounding box around your selection
I will create a new layer (press CTRL+SHIFT+ALT+N) and I will grab my Paint Bucket Tool.
After you load the pixel patterns select one pattern you like the most,
and click one time over the canvas, inside the selection.
You will see the selection filled with a nice pattern. Here is my result. Please click on the image to see the full size layout.
Now I will create some button on the top part of the layout. I will use Rounded Rectangle Tool, to create the buttons. Then I will right click on my layer inside the layer palette, and I will choose rasterize shape. With Rectangular Marquee Tool I will make a selection on top of the buttons, and I will delete the top part of the buttons by pressing on the Delete key from my keyboard. . These are my buttons
For three buttons I will use the following layer styles
This is my result
Now I will add another layer styles for the last button. If you know a little CSS you will know why I create a button with another color. This button you can use for hover state if you want.
This is my result so far
On the left side I will add another button. Here I will place the text logo.
I will create a new layer (press CTRL+SHIFT+ALT+N) and I will add one more time a pixel patter over this big button. Do you remember the steps?
1. Load the selection for the button
2. With Paint Bucket Tool press inside the selection with any pattern you like
3. Press on CTRL+D to deselect
4. Optional: With Eraser Tool delete the middle part of the button
Here is the result
In the middle of the layout I will add a shape with Rectangle Tool. I will use the same layer styles I have used for the button. Please click on the image to see the full size layout.
The same I will add some pixel patterns overt this shape
I will delete the middle part with Eraser Tool (and with a round brush)
Now I will add the text. I will use Horizontal Type Tool. In the same time I will add some images with my previous tutorials. Please click on the image to see the full size layout
I will add another half of the button in this area
I will select Horizontal Type Tool and I will write some plus signs on top of the layout. Click on the image to see the result
My last step is to add a thin line in the middle of the layout. I will use Pencil Tool with a 1 pixel brush, then the top part and the bottom part I will delete them with Eraser Tool (with a smooth round brush selected)
This is my final result. I hope you like this creative portfolio layout.
