Dark Portfolio Template
Adobe PhotoshopWelcome to this tutorial!
I\'m Headshot and i\'m going to learn you how to create this awesome template.
Please note you need Adobe Photoshop to create this template, i\'m using Adobe Photoshop CS 2.
Good Luck & Enjoy!
[Part 2]
Welcome to part 2 ;)
Were going to start on the template, So open Photoshop so we can start!! :)
Well we need a document before we can start.
So Click File from the top menu and click New... or just hit Ctrl + N
Now we are going to split the work in 2 parts:
** Template Header
** Template Content
So we are going to work on the header first.
Before we start, grap the Rectangular Marquee Tool (M)
Ok, with this tool we are going to drag a selection for the header:

Now hit your right mouse and click fill:
Now you will get a popup with a dropdown menu, from this menu click Color:
Now you will get a new popup where you can select a color.
Now to make it simple, enter 333333 in the input field ;) :

When done click Ok! and we have a result!: :)

This is the end of part 2!
Stay awake :P we still have alot to do!
[Part 3]
Welcome to part 3 ;)
Well were still working on the header :P
Ok, First lets dublicate the header.
There 2 ways to dublicate:
**Select the layer and hit Ctrl + J
**Right mouse on the layer and click Dublicate
Ok, when your done dublicating :P its time to add a Gradient.
Gradi? WHAT?, Gradient :P, Just grab it and you see what its for.:

When you selected the Gradient Tool you will see some setting field at the top of you screen:
Make sure those settings are exactly the same.
Now click the color bar, now you will get a popup, use these color:

Ok, now we have the settings ready!! :)
So lets move on! First Hold Ctrl + Click the dublicated layer
This will create a selection around the header!:
Now grab the gradient tool and draw a line like this!
Release the mouse and you will get a result like this:
Now to finish this part, go to Filter -> Noise -> Add Noise now you will get a popup, use these settings:
This will result:
This is the and of part 3 ;) Still alot to do like a said at the end of part 2 :P
[Part 4]
Welcome to part 4 :)
Well were almost done with the header :) !
Ok, first create a new layer. (Shift + Ctrl + N)
Now Grab the Pencil Tool (B) make sure its set to 1px!
Now its time to drag a line, from the left to the right! First line color is #414141
Repeat that step but now draw a line below the first with the color #202020 (result):
You dont see it that good right now, but thats because of the white background.
Now its time to add some text ;), Grab a nice font and type something
After that, Right click on the text layer, and hit blending options:
Result!!!
Header is done and its the the end of part 4!!
Waiting for you at Part 5!
[Part 5]
Welcome at Part 5! :)>
In this part we will start on the content! >
Ok, so grab the Rectangular Marquee Tool (M) and drag from below the header, to the end of the document:

Now hit your right mouse and click fill:
Now you will get a popup with a dropdown menu, from this menu click Color:
Now to make it simple, enter 333333 in the input field ;) :

This will result:

Right click on the content layer, and hit blending options:

Click on ok, and make sure the content layer is still selected!
When its selected go to Filter -> Noise -> Add Noise now you will get a popup, use these settings:
This will result!!:

Well its looking good!!
This is the end of part 5!
[Part 6]
Well were almost done!!!! :)
So lets hurry up and get started!
First grab a nice font to create text for the menu i use the "|" between the menu links:
Now use that same font to create a text line About Us or something else you like :P
Now i used #4d4d4d for the word About & #898989 for the word Us. Place it a bit to the left
Now create a new text field below About Us i used the font Verdana 9pt, Color #898989:
Thats looking good right ? ;)
Now repeat the step on how to create the about us text, but now name it Portfolio! :)
And place it right of About us!
Below the portfolio text add some images from websites you made! :)
This is my result:
Well last thing we need to add is our clients you can add it by repeating the step "About Us"!! :)
Well i hope you enjoyed the tutorial! This is our final Result!!!:

Great tutorial, thanks alot:D Good thing its detailed for newbies
roj 20-01-08 @ 09:51