Featured Posts

Create Outstanding Light Effects in Photoshop In this tutorial I want to show you how to create outstanding light effects in photoshop. In this interesting light effects tutorial I like to give you good guidance on how to deal with an illustration...

Read more

Create an Amazing Rain Effect using Photoshop In Today’s tutorial I would like to present how to create an amazing rain effect using photoshop. In this fantastic tutorial we use noise, motion blur, custom brushes, blending modes to create a...

Read more

Create a Fantastic Abstract Design in Photoshop In this tutorial I would like to present how to create a fantastic abstract design in photoshop. We use very simple and amazing method for beginners to create easily abstract design that looks so awesome....

Read more

Create an Amazing Poster using Photoshop In today’s tutorial I am presenting how to create an amazing poster using photoshop. In this awesome tutorial you will learn how to combine a good set of techniques to create a crisp piece of art...

Read more

Fantastic Glossy Lighting Effects in Photoshop Today I am presenting how to create fantastic glossy lighting effects in photoshop. In this fantastic tutorial we are going to put together a sunset image mixing some vector shapes and dusky lighting...

Read more

clipping path

Follow us

on Twitter

ClippingDesign.com

Clipping Design

is an Outsourcing

Clipping Path ,

Image Masking &

Graphics Design

Service Provider.

Image editing

services at very

low prices. Visit

our website: ClippingDesign.com

Create a Model Portfolio Web Layout

Category : Photoshop Tutorials, Web Design

Create a Model Portfolio Web Layout

Today I will share how to create a model portfolio web layout. In this tutorial we will discuss how to design the portfolio, and style everything to work together in a heavily textured, nice design and fantastic model effects. So why not have a try…

For this tutorial you need to download our last stone – concrete texture pack.

Open a new document in Photoshop

Create a Model Portfolio Web Layout

Then open the following texture image in Photoshop. The name of the texture is: rocks-concrete-(34).jpg

Please note that you need the high resolution texture, and not the following thumbnail

Create a Model Portfolio Web Layout

After you open the texture in Photoshop, you need to select “Move tool”, and with this tool, you can drag the texture image on your layout document. After that you can drag, and change the size of the texture until you are happy with the placement. Here it is what i have

Create a Model Portfolio Web Layout

Now i will press on CTRL+U (hue saturation), and i will use the following settings

Create a Model Portfolio Web Layout

I will go to Filter > Sharpen > Sharpen more. Then i will press CTRL+F (with this shortcut i will repeat the filter one more time). This is my result so far

Create a Model Portfolio Web Layout

With Rounded rectangle tool, i will create some shapes, with different colors.

Create a Model Portfolio Web Layout

Now i will add a stock image with a very beautiful girl.

Create a Model Portfolio Web Layout

I will select Polygon Tool, and i will use the following settings

Create a Model Portfolio Web Layout

I will set my foreground color to #ca0000, then i will create a few triangles, and i will place them on my buttons.

Create a Model Portfolio Web Layout

On this buttons i will place some text, and some numbers

Create a Model Portfolio Web Layout

You can see that the numbers have opacity. To change the opacity for this layer, you need to select the layer, and then you can change the opacity value to 20 %

Create a Model Portfolio Web Layout

Now i will add some text and some images on my layout alone. This is my result so far

Create a Model Portfolio Web Layout

I will create a new layer right above the texture layer. to create a new layer in that place, first you need to select the texture layer, then press on CTRL+SHIFT+ALT+N

Create a Model Portfolio Web Layout

Grab brush tool, then use a big smooth brush

Create a Model Portfolio Web Layout

With this brush make a simple point on your layout

Create a Model Portfolio Web Layout

Now you can change the blending mode for this layer to Overlay

Create a Model Portfolio Web Layout

Final Result:

Create a Model Portfolio Web Layout

Hope you can create your own portfolio from this tutorial.

I feel really glad if you give me feedback through comment below. Soon i am going to show more interesting & innovative tutorials so please keep visit our blog. That’s for now.

Have fun!

For clipping path service, image masking service or design support please contact ClippingDesign.com.

Thank you…  :)

Reference: smashingpoint

Share

Comments (1)

I am looking for a modeling job!

Post a comment

*