Welcome to this tutorial! In this tutorial i will explain you how to create a Stunning Portfolio Splash Page! I'm using Photoshop CS3, and resources from deviantart.
So lets get started!
Step 1
The Background
The background is an important choice, keep it to clean people dont like it.
If you make your background to wild with all kind of drawings repeating over and over, i'm sure they will to.
So its time to go to our favorite resource website, DeviantArt.
Portfolio about...
For this portfolio template you need a picture of yourself or somebody.
I chose to create a portfolio template for Elisha Cuthbert, you know "kim" of 24!
After you filled in all the details, press OK and wait for the new document to open.
Now its time to open up your texture, browse to the image File > Open..., select the texture.
Wait for the texture to open, then drag it to the New Document we created.
Make sure you have the Move Tool (v) selected, or else you wont be able to move the texture.
Now grab the Move Tool (v) again, and drag the texture around in the new document, until you think it looks good.
Just take your time and try to get it perfect!
Make sure you place the light in a good spot, near the center of the document is great!
Just try to place it as good as you can, placed it wrong? Just undo the last action and try it again!
Now its time to add the placeholder for the picture, so you get the picture / paper effect.
Nothing special is needed to create something like that, just one tool is needed, Rectangular Tool (m)
Now just draw something like this, right above the light spot:
Now its time to fill that selection!(make sure you create a new layer) Right - Mouse and click Fill.
Now a window will popup, that allows you to select a color, choose White (#FFFFFF)
After you entered the settings, press OK.
Now its time to dublicate that layer with the white background.
Right-Mouse on the layer and click Duplicate.
Now make sure you have the dublicated layer Selected. Now again press CTRL+T (windows) - CMD + T (mac) to activate Free Transform.
Now rotate the image like this:
Now its time to add the picture. But first we have to Save a Selection.
CTRL+Click - CMD+Click the top image background layer, so you got a selection around it.
Now go to Select > Transform Selection. You will see you can now resize the selection.
HOLD Alt+Shift while you make the selection smaller. This will be the size/cutout of the picture.
Now we are going to save the selection.
While the selection is active, go to Select > Save Selection...
A new window will popup, fill in any name you like and click OK. Remove the selection for now.
Now its time to get the image, open it up, and draw it to the document.(Just like the texture).
Now you will notice its pretty big, so where going to Resize it.
So press CTRL+T (windows) - CMD + T again, to activate the resize option
Press accept to leave the resize mode.
Now its time to get the selection back! Make sure you have the picture layer selected.
So go to Select > Load Selection and select the selecion you saved. (i named my selection "test")
Now you see that the selection has selected everything, exept the selection we made.
So make sure you are on the picture layer!! If you are press Delete and you will see a great result!
Now its time to create i kinda arrow with the text "Enter".
I'm not saying just grab a arrow shape, place it and finished.....
But you do have to get a arrow shape ;)
So select the Custom Shape Tool and select a arrow.
That looks boring right?
So where going to Warp it! Make sure you have the arrow shape Selected!
Then go to Edit > Transform Path > Warp and drag around the selections until you get something good.
Press Accept if you like the result.
Now its time to add the "Enter" text.
So grab a nice font, i use Handwriting - Dakota, 8pt, Smooth.
Now just type the text "Enter".
Now drag the text near the arrow, and rotate it a bit using the rotate function.
So press CTRL+T (windows) - CMD + T again, to activate the free transform option
Now this looks kinda simple dont you think?
So where going to add some Blending Options again, i think you know how right?
Right-Mouse on the text layer and click Blending Options.
Where almost ready! Just the Title!
The title has to be attractive! So grab a nice font, i use the same font as the Enter text Handwriting - Dakota, 48pt / 24pt, Smooth
Also the same blending options as the "Enter" text
LOOKS Good Right!?? Now the final part(simple), where going to show people that this is a portfolio.
So where goin to add the text "ONLINE PORTFOLIO", just a simple font, and black color.
I use Trebuchet MS, 9px (NO AA) and this is the final result!!
TrackBack URI for this entry
Subscribe to this comment's feed
