Featured Posts

Cute Adorable Newborn Baby Photography Babies are the gift of god. Especially Newborn baby appears with full of emotions and surprise for their parents. Every parent knows the value of newborn photography because they want to memories their...

Read more

Impressive Spring Photography that Must Energize Your... Every photographer are the host of mother nature. They don't miss any scope to focus the single beauty of all seasons. Spring is one of the favorite season to photographers because flowers are blooming,...

Read more

Most Famous Fine Art Photographers and Their Immortal... Today we are presenting the second and final part of Most Famous Fine Art Photographers and Their Immortal Art Photography post. In this post we are introducing world's most famous fine art photographers...

Read more

Most Famous Fine Art Photographers and Their Immortal... Fine art Photography also known also as “artistic photography” refers the expression of artist's perceptions and emotions and to share them with others though the art of photography. It is the best...

Read more

Most Famous Portrait Photographers and Their Great... Everyone can take photos but only some are considered as famous photographers. Take a creative & outstanding portrait photographs is not an easy task. A famous portrait photographer can combine...

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

[ad#AdBrite]

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

[ad#AdBrite]

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

[ad#AdBrite]

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

*