Portfolio layout created with jeans texture
->
If you want to create an eye catching portfolio , then you need to use a different style. If your portfolio will be unique, then you might be hired more than other designers. In this tutorial I will show you how to create a portfolio layout based on a jeans seamless texture.
Want to download this PSD layered layout ?
Register for a VIP account.
For start you will need to download the following texture. Click on the image, and then right click on it to save it in your computer.
With this jeans texture I will create a nice backgroudn for this layout.
Open the image in Photoshop, and then go to Edit > Define pattern…
You can choose a random name for this pattern, and after than you need to click on Ok.
Grab Paint Bucket Tool, and make sure you select the pattern you just created.
Press one time inside your document with Paint Bucket Tool. You will see that this pattern will fill your document very nice. Click on the image to see the jeans texture in action.
In the middle of the layout I will create 2 shapes with Rounded Rectangle Tool. I will make this two shapes with white color.
For each shape I will add the following layer styles
This is my result so far.
With Pen Tool I will create a strange shape at the bottom of the layout. This shape will be used as a footer.
As you can see I’ve made this shape with black. Now I will add some simple layer styles.
Here is the result
With Horizontal Type Tool I will write some text over this portfolio layout. Please click on the following image to see better the result.
In the middle I will place some images from my previous tutorials. As you can see the users will see your portfolio very good. If you have nice designs in your portfolio I am sure you will be hired more, and if you place your designs on the main page, you will allow
your future clients to see better your portfolio.
As you can see all my images are with square corners. I want to change the square corners to round corners. This is very easy, but I realized some of Grafpedia fans doesn’t know how to do it. I will explain now how this simple effect can be achieved.
Select Rounded Rectangle Tool ( use any radius value you want – in my case I will use 5 pixels )
Create a round shape over one image.
As you can see I have used a red color for this shape. I’ve changed also the fill or opacity value to 80 %. the reason I have changed this is because I want to show you better what is under this shape.
The next step which is very important is to hold down the CTRL key, and with your left mouse button, you need to click on the Vector mask thumbnail. ( this small thumbnail is placed near the thumbnail images from your layer palette )
After you click on the thumbnail you will see a selection around the red shape.
You can hide the red shape layer if you want. You will see that your selection will remain active.
Now select the layer with Christmas wreath in your layer palette. and then go to Select > Inverse. You will see the same selection but the active selection is not inside the shape anymore.
Make sure you have selected the image with Christmas wreath, and then hit your delete Key on your keyboard.
You will see that you have successfully deleted the corners, and now your image has a nice round shape. The last step is to Press on CTRL+D do deselect, or you can go to Select > Deselect
I will make the same for all my images, and after that I will add the following layer styles
This is my result so far.
I will use the following scratched icons, and I will place them in the footer of the layout.
With Pen Tool I will create a tab on the left side of the layout.
I will add the same layer styles as the white round shapes.
I will place in the middle a custom shape
This is my final result.
I hope you like it. If you want to download all our PSD layouts including this one , you need to join our VIP program. You will be able to download our huge collection with over 70.000 items for designers.











































this is one of the best layouts i have seen. you are a great designer. i am really happy they i am a partner with you.
What i can see on your blog from a single guy, i can not see from 10 sites in the same niche.
thank you for your time to write tutorials like this.
I’m glad you like my work. I am really glad you use our affiliate program. keep it up….
Very interesting, i have never really liked fabric in web design’s, but this layout looks really nice great job
thank you.
You just made magic. I could never imagine a layout with jeans like this… fantastic! Congratulations!
Each post is even better than the last. Great job, keep’em coming.
this is creativty taken to next level keep it up
Thank you samm
I create use of texture – a tutorial that anybody can do and experiment with. Love it!
interesting tutorial, thanks for this.
This is an awesome tutorial, thanks for posting it.
Very nice looking layout, thank you for the tutorial. I’ll definitely be adding it to my favourites.
It looks really nice! I like the colors very much
pls after creating these lovely layouts, i want to know how to easily create the other pages of the site without making my site pages too heavy to download. i ll appreciate a reply. thank you
This is a nice one. Love the use of jeans texture. Gives a very casual feel and still somehow professional with your clean lines. Tiling wouldn’t seem so obvious if the image was a bit larger too.